.wz-header-nav{}
header+div{ }
.case{ background: #ffffff; width: 100%; overflow: hidden; }
.case .nav-breadcrumb{ background: #f3f3f3; height: 50px;}
.case .nav-breadcrumb nav{ background: transparent;}
.case .nav-breadcrumb ul{  width:100%;margin: 0 auto; padding: 0px; }
.case .nav-breadcrumb ul li.active{ background: #ffffff; height: 50px; margin: 0 0 0 50px; padding: 0px 20px; line-height: 50px; float: left;  }
.case .case-content{margin: 0px auto; }
.case  .container h2{font-size: 24px; margin-top: 60px;}
.case  .case-category{ margin-top: 60px; padding: 0px;}
.case  .case-category li{ float: left; text-align: center; width: 10%;padding: 0px; margin: 0 auto;  border: #999999 solid 1px; height: 34px; line-height: 32px;}
.case  .case-category li:hover,.case  .case-category li.active{border: #f20707 solid 1px;}
.case  .case-category li.active a,.case  .case-category li:hover a{ color: #f20707;}
.case  .case-category li+li{ margin-left: 3.3%;}
@media screen and (max-width: 768px){
    .case  .case-category{ margin-top: 60px; padding: 0px; display: flex;flex-wrap: wrap;}
    .case  .case-category li{ float: left; text-align: center; padding: 0px; margin: 15px auto;  border: #999999 solid 1px; height: 34px; line-height: 32px; width: 45%; }
    .case  .case-category li:hover,.case  .case-category li.active{border: #f20707 solid 1px;}
    .case  .case-category li.active a,.case  .case-category li:hover a{ color: #f20707;}
    .case  .case-category li+li{ margin-left: 3.3%;}
}
.case .row{ margin-top: 60px;}
.case .row .card{ border: none; margin: 20px auto; cursor: pointer;background: transparent;}
.case .row .card:hover a{color: #e10606;}
.case .row .card  .card-title{font-size: 16px; font-weight: bold;}
.case .row .card  .card-title a{}
.case .row .card .card-text{font-size: 14px;}
.solution{ background: #ffffff; width: 100%; overflow: hidden; }
.solution .nav-breadcrumb{ background: #f3f3f3; height: 50px;}
.solution .nav-breadcrumb nav{ background: transparent;}
.solution .nav-breadcrumb ul{  width:100%;margin: 0 auto; padding: 0px; }
.solution .nav-breadcrumb ul li.active{ background: #ffffff; height: 50px; margin: 0 0 0 50px; padding: 0px 20px; line-height: 50px; float: left;  }
.solution .case-content{margin: 0px auto; }
.solution  .container h2{font-size: 24px; margin-top: 60px;}
.solution  .case-category{ margin-top: 60px; padding: 0px;}
.solution  .case-category li{ float: left; text-align: center; width: 10%;padding: 0px; margin: 0 auto;  border: #999999 solid 1px; height: 34px; line-height: 32px;}
.solution  .case-category li:hover,.case  .case-category li.active{border: #f20707 solid 1px;}
.solution  .case-category li.active a,.case  .case-category li:hover a{ color: #f20707;}
.solution  .case-category li+li{ margin-left: 3.3%;}
.solution .row{ margin-top: 60px;}
.solution .row>div{border-bottom: #999999 solid 2px; border-radius: 0px; transition: 0.5s  linear; }
.solution .row>div:hover{  border-bottom: #f20707 solid 2px;border-radius: 0px; }
.solution .row .card{ border: none; margin: 20px auto; cursor: pointer;background: transparent;border-bottom: transparent solid 2px;}
.solution .row .card:hover a{color: #f20707;}
.solution .row .card  .card-title{font-size: 16px; font-weight: bold;}
.solution .row .card  .card-title a{}
.solution .row .card .card-text{font-size: 14px; border-radius: 0px;}

.solution-page{ width: 100%; margin: 0 auto; padding: 0px; background: #f5f6f7;}
.solution-page .container>p{ padding-left: 20px; font-size: 14px; line-height: 3em;margin-bottom: 0rem;}
.solution-page .container .row>div h1{font-size: 24px; border-bottom: #eee solid 1px; line-height: 2em; margin: 0 20px; color: #333333;}
.solution-page .container .row .right h1 span{font-size: 24px; position: relative; }
.solution-page .container .row .right h1 span::before{ content: ""; width: 4px; height: 20px; position: absolute; left: -10px; top: 6px; background: #f20707}
.solution-page .container .row .right,.solution-page .container .row .left{background: #ffffff; overflow: hidden; width: 100%; margin-bottom: 30px;}
.solution-page .container .row .right ul{ margin: 0 auto; padding: 0px;}
.solution-page .container .row .left .content{ margin: 0 auto; padding: 20px;}
.solution-page .container .row .right ul li{ margin-left:15px;padding: 0px; line-height: 3em; font-size: 16px; border-bottom: #f9f9f9 dashed 1px;}



.service{ background: #ffffff; width: 100%; overflow: hidden; }
.service .nav-breadcrumb{ background: #f3f3f3; height: 50px;clear: both;}
.service .nav-breadcrumb nav{ background: transparent;}
.service .breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0rem;
    color: #6c757d;
    content: "";
}
.service .nav-breadcrumb ul{  width:100%;margin: 0 auto; padding: 0px; }
.service .nav-breadcrumb ul li{ height: 50px; margin: 0 0 0 50px; padding: 0px 20px; line-height: 50px; float: left;  }
.service .nav-breadcrumb ul li.active,.service .nav-breadcrumb ul li:hover{ background: #ffffff; height: 50px; margin: 0 0 0 50px; padding: 0px 20px; line-height: 50px; float: left;  }
.service .service-content{margin: 0px auto; }
.service  .container h2{font-size: 24px; margin-top: 60px;}
.service .row{ margin-top: 60px;}
.service  .container .row>.col-md-6{ margin: 30px auto;}
.service .row .col-md-6 .media p{font-size: 14px;}
.service .row .col-md-8>ul{display: flex; flex-direction: row; justify-content: center;align-items: center;flex-wrap: wrap;}
.service .row .col-md-8>ul li{ width: 33.3%;display: flex; flex-direction: row; justify-content: center;align-items: center;margin-bottom: 15px; padding-right: 8px;}
.service .row .col-md-8>ul li h3{font-size: 14px;font-weight: bold; color: #333333;}
.service .row .col-md-8>ul li p{font-size: 14px;color: #333333;}
.service .row .col-md-8>ul li img{margin-right: 8px;}
.website_lc_bg{background: url("../image/website_lc_bg.jpg") top center no-repeat #f6f6f6;}
.service .container>.row>.col-12>h1{font-size: 30px;line-height: 1.6em;}
.service .container>.row>.col-12>p{font-size: 14px;}
.news{ width: 100%; margin: 0 auto; padding: 0px; background: #f5f6f7;}
.news .nav-breadcrumb{ background: #f3f3f3; height: 50px;}
.news .nav-breadcrumb nav{ background: transparent;}
.news .breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0rem;
    color: #6c757d;
    content: "";
}
.news .nav-breadcrumb ul{  width:100%;margin: 0 auto; padding: 0px; height: 120px;}
.news .nav-breadcrumb ul li{ height: 50px; margin: 0 0 0 50px; padding: 0px 20px; line-height: 50px; float: left;  }
.news .nav-breadcrumb ul li.active,.news .nav-breadcrumb ul li:hover{ background: #ffffff; height: 50px; margin: 0 0 0 50px; padding: 0px 20px; line-height: 50px; float: left;  }
@media screen and (max-width: 768px) {
    .news .nav-breadcrumb{ background: #f3f3f3; height: 180px; margin: 10px auto;}
    .news .nav-breadcrumb ul{  width:100%;margin: 0 auto; padding: 0px; display: flex; flex-wrap: wrap;}
    .news .nav-breadcrumb ul li{ height: 50px; margin: 0 10px 10px 0; padding: 0px; line-height: 50px; float: left;  width:calc( 50% - 15px); text-align: center; border: #ffffff solid 1px; }
    .news .nav-breadcrumb ul li.active,.news .nav-breadcrumb ul li:hover{background: #ffffff; height: 50px; margin: 0 10px 10px 0; padding: 0px; line-height: 50px; float: left;  width:calc( 50% - 15px);   }
}

.news .container>p{ padding-left: 20px; font-size: 14px; line-height: 3em;margin-bottom: 0rem;}
.news .container .row>div h1{font-size: 24px; border-bottom: #eee solid 1px; line-height: 2em; margin: 0 20px; color: #333333;}
.news .container .row .right h1 span{font-size: 24px; position: relative; }
.news .container .row .right h1 span::before{ content: ""; width: 4px; height: 20px; position: absolute; left: -10px; top: 6px; background: #f20707}
.news .container .row .left{background: transparent;}
.news .container .row .left  .media{ width: 100%; }
.news .container .row .right{background: #ffffff; overflow: hidden; width: 100%; margin-bottom: 30px;}
.news .container .row .right ul{ }
.news .container .row .left{ margin: 0 auto; padding: 0px;width: 100%; overflow: hidden;}
.news .container .row .left .content{ margin: 0 auto; padding: 0 20px;width: 100%;}
.news .container .row .left .content .media{ margin-bottom: 20px;}
.news .container .row .left .content .media+.media{ border-radius: 4px;}
.news .container .row .right{margin: 0 auto; padding: 0px;width: 100%; overflow: hidden;}
.news .container .row .right ul li{ margin-left:15px;padding: 0px; font-size: 16px; border-bottom: #f9f9f9 dashed 1px;}
.news .container .row .right ul li p{font-size: 12px;}



.shownews{}
.shownews .nav-breadcrumb{ background: #f3f3f3; height: 50px;}
.shownews .nav-breadcrumb nav{ background: transparent;}
.shownews .breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: 0rem;
    color: #6c757d;
    content: "";
}
.shownews .nav-breadcrumb ul{  width:100%;margin: 0 auto; padding: 0px; }
.shownews .nav-breadcrumb ul li{ height: 50px; margin: 0 0 0 50px; padding: 0px 20px; line-height: 50px; float: left;  }
.shownews .nav-breadcrumb ul li.active,.shownews .nav-breadcrumb ul li:hover{ background: #ffffff; height: 50px; margin: 0 0 0 50px; padding: 0px 20px; line-height: 50px; float: left;  }
.shownews{ width: 100%; margin: 0 auto; padding: 0px; background: #f5f6f7;}
.shownews .container>p{ padding-left: 20px; font-size: 14px; line-height: 3em;margin-bottom: 0rem;}
.shownews .container .row>div h1{font-size: 22px; border-bottom: #eee solid 1px; line-height: 2em; margin: 0 20px; color: #333333;}
.shownews .container .row .right h1 span{font-size: 24px; position: relative; }
.shownews .container .row .right h1 span::before{ content: ""; width: 4px; height: 20px; position: absolute; left: -10px; top: 6px; background: #f20707}

.shownews .container .row .left,.shownews .container .row .right{background: #ffffff; overflow: hidden; width: 100%; margin-bottom: 30px;}
.shownews .container .row .right ul{ margin: 0 auto; padding: 0px;}
.shownews .container .row .left .content{ margin: 0 auto; padding: 0 20px;}
.shownews .container .row .left .content h2{ font-size: 20px;font-weight: bold;}
.shownews .container .row .left .content h3{ font-size: 18px;font-weight: bold;}
.shownews .container .row .left .content .media{ margin-bottom: 20px;}
.shownews .container .row .left .content .media+.media{ border-radius: 4px;}
.shownews .container .row .right ul li{ margin-left:15px;padding: 0px; font-size: 16px; border-bottom: #f9f9f9 dashed 1px;}
.shownews .container .row .right ul li p{font-size: 12px;}

.service h2{    font-size: 22px;color: #333;}
.service>.container>.row>.col-md-6>h2{ margin-top: 0px;}
.service h3{    font-size: 14px;color: #999;margin-top: -5px;margin-bottom: 20px;}
.service .col-md-6 p>span{ color: #e80315}
.service .col-12 h4,.service .col-md-6 h4{font-size: 14px;color: #666;margin-bottom: 25px;}
.service .container .col-12>ul{ display: flex; width: 100%; margin: 0 auto; padding: 0px; flex-direction: row; flex-wrap: wrap; margin-top: 60px;}
.service .container .col-12>ul>li{ width: 50%; list-style-type: none; flex: 1 1 auto; margin-bottom: 20px; padding-right: 10px;}
.service .container .col-12>ul>li>h4{ font-size: 18px;}
.service .container .col-12>ul>li>p{ font-size: 14px;}
.service .container .col-12>p{font-size: 13px; line-height: 1.9em; padding: 0px; margin: 0 auto;}
.contact{ width: 100%; overflow: hidden; margin-top: 96px;}
.content{ width: 100%; position: relative;overflow: hidden; min-height: 550px;}
.content .maps{ position: absolute; top: 0px; left: 0px; width: 100%; opacity: 0.8; z-index: 1;}
.content .contact-info{ position: absolute; top: 0px; left: 0px;  z-index: 2; background: rgba(255,255,255,0.7); width: 100%; height: 550px;}
.content .contact-info ul{width: 100%; margin: 0 auto; padding: 0px;}
.content .contact-info img{ width: 104px; height: 104px;}
.content .contact-info .contact-detail{ width: 40%;margin: 0 auto; padding: 0px;}
@media screen and (max-width: 768px) {
    .service .row .col-md-8>ul li {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
        padding-right: 8px;
    }
    .news .container .row .left .content .media img {max-width: 150px; }
    .news .container .row .left .content .media .media-body h5{font-size: 16px;line-height: 1.6em;}
    .news .container .row .left .content .media .media-body p {display: none}
    .service .nav-breadcrumb{ background: #f3f3f3; height: 150px;clear: both;}
    .service .nav-breadcrumb ul{  width:100%;margin: 0 auto; padding: 0px;  display: flex; flex-wrap: wrap;}
    .service .nav-breadcrumb ul li{  width: 33.33%; }
    .service .nav-breadcrumb ul li.active,.service .nav-breadcrumb ul li:hover{ background: #ffffff; height: 50px; margin: 0 0 0 50px; padding: 0px 20px; line-height: 50px; float: left;  }
    .content .contact-info .contact-detail{ width: 99%;margin: 0 auto; padding: 0px;}
}