@font-face {
    font-family: syFont;
    src: url('../font/syst.ttf');
}
.pop{width:650px;position:fixed;left:50%;margin-left:-325px;top:150%;transition:all 0.5s;z-index:-1;opacity:0;}.pop.pop-down,.pop1.pop-down{top:50%;opacity:1;z-index:100;}.pop.pop-up,.pop1.pop-up{top:-100%;opacity:0;}.pop-video{width:1200px;height:540px;margin-left:-600px;margin-top:-270px;background:#000;}.pop-video-wrapper{width:100%;height:100%;}.pop#partnerForm,.pop#applyForm{margin-top:-315px;}.pop#consultForm{margin-top:-290px;}.pop#partnerLanding{margin-top:-246px;}.pop-bar{height:100px;background:url(../images/popbar.jpg) no-repeat center;background-size:cover;text-align:center;}.pop-bar h2{line-height:100px;font-family:PingFangSC-Thin;font-size:26px;color:#FFFFFF;}.pop-main{padding:30px 50px;background:#fff;max-height:538px;overflow:hidden;overflow-y:auto;}.pop-main p.info{font-size:14px;color:#666;}.form-item{display:block;margin-bottom:15px;margin-top:0;overflow:hidden;position:relative;}.form-item a{color:#0A69C6;}.form-radios .form-item{float:left;padding-left:0;width:auto;margin-right:30px;}.form-radios .form-item .form-radio{width:inherit;float:left;padding:0;position:relative;left:2px;top:4px;}.form-item .radio-label{display:block;width:100%;overflow:hidden;margin-bottom:15px;line-height:22px;}.form-item .label{font-size:16px;color:#666;}.form-item label.frontend{color:#0A69C6;font-size:20px;display:inline-block;position:absolute;left:0;top:0;line-height:50px;}input[disabled='disabled']{opacity:0.2;}.webform-component label{position:static;font-size:14px;color:#666;line-height:22px;font-weight:normal;}.submit-success{padding:66px 0 70px;text-align:center;}.submit-success h2{font-size:32px;padding-top:111px;background:url(../images/success.svg) no-repeat center top;color:#000000;text-align:center;margin-bottom:20px;}.submit-success p{opacity:0.5;font-family:PingFangSC-Light;font-size:16px;line-height:150%;color:#000000;text-align:center;margin-bottom:10px;}.form-item .radio-label label{line-height:24px;}.form-item .form-select,.form-item input,.form-item textarea{width:100%;}.form-item .label label{opacity:1;}.form-item .form-select,.form-item .form-textarea,.form-item .form-text{border:1px solid #E8E8E8;height:50px;background:#fff;padding:15px;font-size:14px;color:#000;line-height:18px;transition:all .5s;}.webform-container-inline .form-text,.webform-container-inline .form-textarea,.webform-container-inline .form-select{flex:1;}.webform-container-inline .form-select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent url(../images/arrow.svg) no-repeat right 10px center;background-size:10px;}.form-item .form-textarea{height:86px;}.form-item .form-textarea:focus,.form-item .form-text:focus{border:1px solid rgba(10,105,198,0.3);}.radio{display:inline-block;padding-left:22px;font-size:14px;color:#000000;background:url(../images/radio.svg) no-repeat left center;margin-right:30px;line-height:22px;cursor:pointer;}.radio.checked{background:url(../images/radiochecked.svg) no-repeat left center;}::-webkit-input-placeholder{color:#ccc;}.form-actions{text-align:center;}.form-actions input.form-submit{display:inline-block;color:#0A69C6;font-size:18px;width:160px;float:none;border:none;height:48px;border-radius:48px;padding:0 20px;background:url(../images/btnlineblue.svg) no-repeat;}.pop a.close,.pop1 a.close{display:block;width:15px;height:15px;position:absolute;top:20px;right:20px;background:url(../images/close.svg) no-repeat center;z-index:80;}.pop .btn.submit{width:160px;color:#0A69C6!important;margin:0px auto;float:none;}

.py-8{
    padding-bottom: 16rem !important;
}
.my-8{
    margin-bottom: 8rem !important;
}
@media screen and (max-width: 767px){
    .col-sm-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .pop#applyForm {
        margin-top: -250px;
    }
    .pop {
        width: 90%;
        left: 5%;
        margin-left: 0;
    }
    .pop-bar {
        height: 50px;
    }
    .pop-bar h2 {
        font-size: 16px;
        line-height: 50px;
    }
    .pop-main {
        padding: 10px 20px;
        max-height: 478px;
    }
    .form-item {
        margin-bottom: 10px;
    }
    .webform-component label {
        font-size: 12px;
    }
    .form-item .form-textarea {
        height: 68px;
    }
    .form-item .form-select, .form-item .form-textarea, .form-item .form-text {
        height: 36px;
        padding: 10px;
        font-size: 12px;
        line-height: 16px;
    }
    .form-actions input.form-submit {
        font-size: 14px;
        width: 120px;
        height: 36px;
        padding: 0 10px;
        background-size: 100%;
    }
    .nav-zx{
        top: 0 !important;
    }
    .child{
        top: 0 !important;
        padding-top: .2rem !important;
        margin-bottom: 0 !important;
    }
    .child .main-content{
        padding: 0 20px;
    }
    .py-8{
        padding-top: 0rem !important;
        padding-bottom: 5rem !important;
    }
    .intro_index{
        margin-bottom: 5rem !important;
    }
    .intro_index .col-lg-2{
        text-align: center;
        margin-bottom: 5px;
    }
    .consult{
        padding-top: 0 !important;
    }
    .agency{
        padding-bottom: 6rem !important;
    }
    .agency .row>div:first-child,.agency .row>div:last-child{
        margin: 0 15px;
    }
    .index-news{
        margin-top: 5rem;
    }
    .p_center>.item>div:nth-child(4n+1){
        padding-left: 22px !important;
    }
    .p_center>.item>div:nth-child(4n){
        padding-right: 22px !important;
    }
    .p_center>.item>div.col-sm-6 {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }
    .p_center>.item>div.col-sm-6:nth-child(2n+1){
        padding-right: 5px !important;
    }
    .p_center>.item>div.col-sm-6:nth-child(2n){
        padding-left: 5px !important;
    }
    .p_center>.item>div.col-sm-6 .card{
        margin: 5px 0;
    }
    .p_center>.item>div.col-sm-6:nth-child(1) .card,.p_center>.item>div.col-sm-6:nth-child(2) .card{
        margin-top: 0;
    }
    .p_center>.item>div.col-sm-6 .card-img-450{
        height: 280px !important;
    }
    .cate>div, .child_cate li{
        margin-bottom: 5px !important;
        padding-bottom: 3px !important;
        font-size: 1rem !important;
    }
    .child_cate{
        margin-top: .5rem;
    }
    .index-news .row .col-lg-7{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 7;
        overflow: hidden;
    } 
    .index-news .row .iconfont{
        display: none;
    }  
    .agency .row>div{
        margin: 0 !important;
        height: auto !important;
    }
    .agency .row>div:nth-child(1){
        width: 50%;
        padding: 30px 5px 30px 20px !important;
    }
    .agency .row>div:nth-child(1)>div:last-child{
        margin-top: 10px;
    }
    .agency .row>div:nth-child(2){
        display: none;
    }
    .agency .row>div:nth-child(3){
        width: 50%;
        padding: 30px 20px 30px 5px !important;
    }
}

.bg-light{
    background: #f0f0f0;
}
.row{
    margin-left: 0;
    margin-right: 0;
}
.mauto{
    margin: auto;
}
.bg-f5{
    background: #f5f5f5;
}
.line-1{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
  
  .line-2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
  
  .line-3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  
  .line-4{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }

  .showmore{
    padding: .6rem 0;
    margin-top: 1rem;
    display: block;
    background-color: #fff;
    width: 130px;
    text-align: center;
    /* color: #fff;   */
    box-shadow: 5px 5px 5px #ddd;
    margin: auto;
    /* background-image: linear-gradient(#444, #000); */
  }
  .showmore a{
      display: block;
      /* color: #fff; */
      
  }
  .showmore span{
    font-size: 30px;
    line-height: 0;
    position: relative;
    top: 5px;
  }

/* 发展历程 */
.lc-box{
     padding: 3rem 5rem;
     position: relative;
}
.lc-container{
    height: 350px;
    position: relative;
    overflow: hidden;
}
.lc-container .swiper-slide{
    border: 2px solid #ddd;
    padding: 4rem 1rem;
}
.lc-container .swiper-slide>div:first-child{
    padding-bottom: 3rem;
    border-bottom: 2px solid #000;
    margin-bottom: 15px;
}
.lc-btton{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #ccc;
    border-radius: 50%;
    font-size: 50px;
    line-height: 1;
    z-index: 111;
    cursor: pointer;
}
.lc-btton.button-prev{
    left: 0;
}
.lc-btton.button-next{
    right: 0;
}
.lc-btton.active{
    color: #02398C;
}

/* 量体定制 */
.dz-box{
    width: 100%;
    position: relative;
}
.dz-box img{
    width: 100%;
}
.dz-box .zd-more{
    position: absolute;
    text-align: center;
    color: #fff;
    top: 28%;
    left: 19%;
}
.dz-box .zd-more p:first-child{
    font-size: 3rem;
    letter-spacing: 2px;
}
.dz-box .zd-more p:nth-of-type(2){
    font-size: 1.5rem;
    letter-spacing: 2px;
}
.dz-box .zd-more div:last-child{
    box-shadow: 0 0 0;
    padding: .6rem 0;
    /* width: 10rem; */
}
@media screen and (max-width: 767px){
    .dz-box .zd-more{
       width: 100%;
       left: 0;
       display: flex;
       justify-content: space-around;
       align-items: center;
    }
    .dz-box .zd-more p:first-child{
        font-size: 1.7rem;
    }
    .dz-box .zd-more p:nth-of-type(2){
        font-size: 0.8rem;
    }
    .dz-box .zd-more div:last-child{
        margin: 0 !important;
        font-size: .5rem;
        /* height: 2.5rem; */
    }
}


/* 产品中心 */
.n-title{
    border: 1px solid #000;
    padding: 20px 3rem;
    display: inline-block;
}
.n-title>div{
    width: fit-content;
    margin: auto;
}
.cate{
    margin: 60px 0 40px;
    border-bottom: 2px solid #ddd;
}
.cate>div{
    margin: 0 20px;
    padding-bottom: 8px;
    cursor: pointer;
    font-size: 1.2rem;
}
.cate>div.active{
    border-bottom: 2px solid #02398C;
}
.p_center>.item>div{
    padding-left: 22px;
    padding-right: 22px;
}
.p_center>.item>div:nth-child(4n+1){
    padding-left: 0;
}
.p_center>.item>div:nth-child(4n){
    padding-right: 0;
}
.p_center .card-img-450{
    height: 497px !important;
}

/* 新闻中心 */
.news-pic img{
    width: 100%;
}
.index-news .container{
    position: relative;
    top: -10rem;
    margin-bottom: -10rem;
    background-color: #fff;
    padding-top: 5rem;
}
.news .item{
    border: 1px solid #ddd;
    cursor: pointer;
    width: 100%;
}
.nb-title{
    padding-bottom: 30px;
    margin-bottom: 40px;
    position: relative;
}
.nb-title>div:first-child{
    margin-bottom: 5px;
}
.nb-title::after{
    position: absolute;
    content: '';
    width: 80px;
    height: 2px;
    margin: auto;
    background-color: #000;
    bottom: 0;
    left: calc(50% - 40px);
}
.index-news .row{
    margin-bottom: 15px;
}
.news .item>div:first-child{
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.news .item>div:first-child .tip{
    position: absolute;
    background: rgba(255, 255, 255, .7);
    left: 0;
    right: 0;
    top: 56px;
    padding: 10px;
}
.news .item .iconfont {
  font-size: 3rem;
  text-align: center;
  line-height: 1;
}
.news .item .readm{
    background-image: linear-gradient(#444, #000);
    color: #fff;
    padding: 6px 20px;
}
@media screen and (max-width: 767px){
    .index-news .container{
        top: 0;
        margin-bottom: 0;
        padding-top: 0;
    }
}

/* 代理商 */
.agency .row>div:first-child,.agency .row>div:last-child{
    background-color: #EDEDED;
    padding: 0 50px;
    box-sizing: border-box;
    height: 250px;
    padding-top: 85px;
}
.agency .row p:last-child{
    padding: .6rem 0;
    margin-top: 1rem;
}
.agency .row p:last-child,.agency .row p a{
    display: block;
    width: 120px;
    text-align: center;
    /* color: #fff; */
}

/* 业务咨询 */
.consult{
    padding-top: 0 !important;
}
.consult .nb-title{
    margin-bottom: 0;
}
.consult .nb-title:after{
    height: 0;
}
.consult a{
    color: #999;
    box-shadow: 0 0 3px #ccc;
    padding: 10px 50px;
    margin-top: 20px;
}

/* 底部 */
.footer .logo{
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.footer .logo img{
    width: 150px;
}
.footer .foot-link,.footer .foot-back{
    position: relative;
}
.footer .foot-link>div:last-child,.footer .foot-back>div:last-child{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.footer .foot-menu{
    justify-content: center;
    position: relative;
}
.footer .foot-menu ul{
    margin: 1rem 1.2rem 0;
}
.footer .foot-menu ul li.parent{
    margin-bottom: 1.2rem;
}
.footer .foot-menu ul li.parent a{
    color: #000;
}
.footer .foot-back{
    text-align: right;
}
@media screen and (max-width: 767px){
    .footer .foot-menu{
        justify-content: flex-start;
    }
    .footer .foot-back{
        display: flex;
        justify-content: space-between;
    }
    .footer .foot-link>div:last-child,.footer .foot-back>div:last-child{
        position: static;
        padding-right: 0!important;
        flex: 1;
    }
}
@media (min-width: 576px){
    .jumbotron{
        padding: 15rem 2rem;
    }
}


/* 导航分类页面 */
.child{
    position: relative;
    top: -10rem;
    background: #fff;
    margin-bottom: -10rem;
    padding-top: 3rem;
    
}
@media (min-width: 1500px){
    .child.container{
        max-width: 1500px;
        padding: 3rem 125px 0;
    }
}
.child_cate{
    border-bottom: 1px solid #ddd;
    margin-bottom: 5rem;
}
.child_cate.row{
    margin-left: 0;
    margin-right: 0;
}
.child_cate ul{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.child_cate li{
    margin: 0 20px;
    padding-bottom: 8px;
    cursor: pointer;
}
.child_cate li.active{
    border-bottom: 2px solid #02398C;
}
.child .n-title{
    margin-bottom: 4rem;
}
.child .subcate{
    margin: 0 4rem 0 6rem;
    border-right: 1px solid #888;
}
.child .subcate p{
    background: #808080;
    color: #fff;
    writing-mode: tb;
    padding: 1.7rem .7rem;
    cursor: pointer;
}
.child .subcate p.active{
    background: #D1232A;
}
.child .subcontent{
    width: calc(100% - 16rem);
}
.child .subcontent img{
    cursor: pointer;
}