@media(max-width:768px) {
    .ny-nav{padding: 25px 15px;display: none;}
    .menu-horizontal-about .nav-item-about{margin-right:0;}
}
/*#endregion*/

/*#region 位置导航*/
.banner{}
.banner.home{position:relative;}
.banner.home .banner-text{text-align: left;align-items:center;}
.banner.home .banner-text .container-xl{display: flex;align-items: center;justify-content: space-between;}
.banner.home .banner-text .img{display: flex;align-items: center; justify-content: flex-end; width: 48%;animation: left-animation 1s infinite;animation-iteration-count: 1;}
.banner.home .banner-text .box{width: 52%;padding: 0;animation: up-animation 1s infinite;animation-iteration-count: 1;}
.banner.home .banner-text .box .title{font-size: 52px;color: #fff;line-height:85px; margin-bottom: 35px;font-weight: bold;text-transform: uppercase;font-family:Barlow;}
.banner.home .banner-text .box p{font-size: 16px;color: rgba(255, 255, 255, 1);line-height: 32px;}
.banner.home .banner-text .box .more{ font-size: 22px;color: #333;text-transform: uppercase;font-family:Barlow; background: #ffffff;display: inline-block;margin-top: 100px;padding:18px 35px; text-align: center;}
.banner.home .banner-text .box .more:hover{color: #fff;background: #0080d6;transition: all 0.5s;}

@media(max-width:768px) {
  .banner.ny .container-xl{display:block;height:auto;}
  .banner.ny .container-xl .bg{padding-left:0;}
    .banner.ny{background:#f5f5f5;padding:15px 0 30px;}
    .banner.ny .box{position:relative;left:inherit;}
    .banner.ny .box .page-title{padding:15px 15px;height:auto;}
    .banner.ny .ny-title{text-align:center;font-size:26px;margin-bottom:5px;}
}

.page-title {color:#333;}
.page-title  a{color:#333;}
.page-title  a:hover{color:#ff6f00;text-decoration:underline;}
.page-title .breadcrumb { justify-content: flex-start;align-items: center; color: #333;font-size: 16px;}
.breadcrumb-item + .breadcrumb-item::before { color: #333;font-family: cmsfont; content: "\f105";font-size: 16px; margin-right: 0;margin-left: 0; }
.page-title .breadcrumb .breadcrumb-item:last-child a{color: #999999;}

.page-title.pro{background:#f1f1f1;padding:15px 0;}
.page-title.pro .breadcrumb{justify-content: flex-start;}

@media(max-width:768px) {
  .banner .ny-title{margin-bottom:0}
    .page-title{width: 100%;position:relative;top:inherit;}
    
    .page-title .breadcrumb { justify-content: center; }
    
}




.banner.ny{padding: 0;position: relative;}
.banner.ny .box{top: 0;left: 0;width: 100%;height: 100%;background: transparent;position: absolute;}
.banner.ny .box .container-xl{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.page-title a{font-size: 18px;line-height: 43px;color: #333333;}
.breadcrumb-item+.breadcrumb-item{padding-left: 10px;}
.breadcrumb-item + .breadcrumb-item::before{line-height: 23px;color: #333333;font-size: 18px;padding-right: 10px;}
.banner.ny .ny-title{font-size: 42px;font-weight: bold;line-height: 49px;color: #333333;margin-top: 30px;}
.banner.ny.banner-qt .box .container-xl{align-items: center;}
.banner.ny.banner-qt .page-title .breadcrumb{justify-content: center;}

.banner.ny.about-ny .box .container-xl{justify-content: flex-start;padding-top: 60px;}

@media(max-width:1400px) {
    .banner.ny .ny-title{margin-top: 20px;}
}

@media(max-width:768px) {
    .banner.ny{padding: 20px 0;}
    .banner.ny .box .container-xl{justify-content: center;}
    .banner.ny .box .page-title{padding: 0;}
    .page-title .breadcrumb{margin-bottom: 0;}
    .page-title a{font-size: 14px;line-height: 20px;}
    .breadcrumb-item + .breadcrumb-item::before{font-size: 14px;line-height: 20px;margin: 0;}
    .banner.ny .ny-title{font-size: 16px;margin-top: 0;line-height: 30px;}
    .banner.ny.about-ny .box .container-xl{justify-content: center;padding-top: 0;}
}

/*#endregion*/


/*#region 首页*/


/*#region contact-wrapper*/
.contact-wrapper{background:#f5f5f5;padding:0 0 85px;}
.contact-wrapper .t1{border-top:1px solid #e6e6e6;margin-bottom:70px; border-bottom:1px solid #e6e6e6;padding:25px 0;text-align:center;font-size:36px;;line-height:36px;font-family:Barlow;}
.contact-wrapper .box{padding:70px 55px 75px; background:url(../../images/contact-bg.jpg) no-repeat left bottom #fff;border-radius:10px;position:relative; box-shadow:12px 0 46px rgba(0, 0, 0, 0.08);}
.contact-wrapper .box .feedback-box{position:absolute;background:rgba(0, 0, 0,0.9);width:47%;right:63px;top:70px;padding:40px 35px;border-radius:10px;overflow:hidden;color:#fff;}
.contact-wrapper .box .feedback-box .t3{font-size:30px;text-align:center;line-height:40px;font-weight:bold;margin-bottom:20px;}
.contact-wrapper .box .feedback-box p{font-size:15px;line-height:26px;text-align:center;margin-bottom:40px;}
.contact-wrapper .t2{padding-top:30px;padding-left:40px;}
.contact-wrapper .addr{display:flex;align-items:center;margin-bottom:20px;}
.contact-wrapper .addr:last-child{margin-bottom:0;}
.contact-wrapper .addr .text{padding-left:22px;font-size:24px;}

@media(max-width:768px) {
    .contact-wrapper{padding: 0 0 25px;}
    .contact-wrapper .t1{font-size:26px;line-height:30px;margin-bottom:25px;}
    .contact-wrapper .box{padding:20px 15px;}
    .contact-wrapper .addr .text{font-size:20px;}
    .contact-wrapper .addr .tb img{width:70px;height:70px;}
    .contact-wrapper .addrs{margin-bottom:30px;}
    .contact-wrapper .box .feedback-box{position:relative;width:100%;top:inherit;right:inherit;padding:25px 15px;}
    .contact-wrapper .box .feedback-box .t3{font-size:24px;line-height:30px;}
    .contact-wrapper .box .feedback-box p{font-size:14px;line-height:20px;margin-bottom:25px;}
    .contact-wrapper .t2{padding-left:0;padding-top:20px;text-align:center;}
}
/*#endregion*/

/*#region 详情页*/
/*默认设置*/
.content-wrapper { line-height: 1.7;  margin-bottom: 1.5rem; }
.content-wrapper h2 { font-size: 1rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper h3 { font-size: 0.875rem; font-weight: 600; margin-bottom: 0.75rem; }
.content-wrapper img { max-width: 100% !important; height: auto !important; }
.content-wrapper ol { margin-left: 1em; padding-left: 1em; }
.content-wrapper video { max-width: 100% !important; height: auto !important; }
.content-wrapper iframe { max-width: 100%; }
.content-wrapper table { width: 100%; margin-bottom: 1rem; color: #212529; }
.content-wrapper table p{margin-bottom: 0;}
.content-wrapper table th, .content-wrapper table td { padding: 0.5rem; vertical-align: middle; border: 1px solid #dee2e6; text-align: center; }
.content-wrapper table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); }
.content-wrapper table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #555; }
.content-wrapper table p{ margin-bottom: 0;line-height: 32px;}

/*产品内容*/
.pronr-wrapper{background:#f5f5f5;padding:0 0 60px;}
.pronr-wrapper .pronr-title{font-size:36px;font-weight:bold;margin-bottom:30px;}
.product-head { background:#ffffff;padding:80px  0 100px 0;}
.product-head .img{padding:15px 20px;box-shadow:7px 0 30px rgba(0, 0, 0, 0.05);background:#fff;position:relative;}
.product-head .img .down{width:216px;height:53px;text-align:center;color:#fff;display:flex;align-items:center;justify-content:center; font-size:18px;background:#c80805;border-radius:30px;overflow:hidden;position:absolute;bottom:-24px;left:calc(50% - 108px);}
.product-head .img .down span{margin-right:10px;}
.product-head .img .down:hover{text-decoration:underline;}
.product-head .feedback-box{padding:35px;}
.product-head .feedback-box .h2{font-size:30px;text-align:center;font-weight:bold;margin-bottom:40px;}

.content-wrapper.product{background: #fff;height: 100%;}
.content-wrapper.product .hot-sub-title{margin-bottom:0;}
.content-wrapper.product .table-wrapper{padding: 40px;}
.content-wrapper.product h5{font-size: 20px;color: #ff6f00;font-weight: bold; line-height: 30px;margin-bottom: 20px;margin-top: 20px;padding-left: 12px;border-left: 4px solid #ff6f00;}
.content-wrapper.product p{font-size: 16px;color: #666666;margin-bottom: 20px;}
.content-wrapper.product table td p,.content-wrapper.product table td{font-size: 16px;margin-bottom: 0;}
.content-wrapper.product .content{padding:32px;}
.content-wrapper.product .content .imgs{display:flex;border:1px solid #000000;margin-bottom:30px;}
.content-wrapper.product .content .imgs .img{width:50%;}
.content-wrapper.product .content .imgs .img:nth-child(2n){border-left:1px solid #000000;}
.content-wrapper.product .content .canshu{background:#f5f5f5;text-align:center;padding:50px 30px;margin-bottom:40px;}
.content-wrapper.product .content .canshu p{font-size:24px;margin-bottom:0;}
.content-wrapper.product .content .t3{font-size:26px;font-weight:bold;margin-bottom:25px;}

@media(max-width:768px) {
  .pronr-wrapper{padding:0 0 15px;}
  .product-head{padding:15px;}
  .pronr-wrapper .pronr-title{font-size:26px;margin-bottom:20px;}
  .product-head .feedback-box{padding:60px 0 0;}
  .product-head .feedback-box .h2{font-size:20px;margin-bottom:25px;}
  .content-wrapper.product .content{padding:15px;}
  .content-wrapper.product p{font-size:14px;line-height:22px;}
  .content-wrapper.product .content .canshu{padding:20px;margin-bottom:20px;}
  .content-wrapper.product .content .canshu p{font-size:18px;}
  .content-wrapper.product .content .t3{font-size:22px;}
}


/*#region 新闻详情*/
.newsnr-wrapper{background:#f5f5f5;padding:0 0 60px;}
.newsnr-wrapper .title { font-size: 30px; color: #000; text-align: center;font-weight:bold; }
.newsnr-wrapper .content { font-size:16px;line-height:24px;}
.newsnr-wrapper .content p { margin-bottom:15px; }
.newsnr-wrapper .content h4{font-size: 22px;color: #ff6f00;margin: 20px 0;}
.newsnr-wrapper .summary {padding: 12px 0; text-align: center; margin: 20px 0 30px; font-size: 16px; color: #595959; border-bottom:1px dashed #000000;  }
.newsnr-wrapper .summary span { margin-right: 15px; }
.newsnr-wrapper .social a{border-radius: 0;}

@media(max-width:768px) {
    .newsnr-wrapper{padding:0px 0 25px;}
    .newsnr-wrapper .col-md-9{padding-right:15px;}
    .newsnr-container.content{font-size:14px;line-height:22px;}
    .newsnr-wrapper .title{font-size:22px;}
    .newsnr-wrapper .content h4{font-size:18px;}
}

.content-other{padding: 30px 0px;border-top: 1px solid #ddd; line-height: 28px;font-size: 16px; color: #ff6f00;display: flex;align-items: center;justify-content: space-between;}
.content-other a{color: #303f5f;}
.content-other a:hover{ color: #ff6f00;transition: all 0.5s; }
.content-other .left{width: 75%;}
.content-other .back{background: #ff6f00;padding: 10px 40px;display: inline-block;font-size: 18px;color: #fff;font-weight:bold;}
.content-other .back i{margin-left: 10px;}
.content-other .back:hover{color: #fff;background:#181818;transition:all 0.5s;}

@media(max-width:768px) {
  .content-other{flex-wrap: wrap;}
  .content-other .left{width: 100%;}
  .content-other .right{width: 100%;margin-top: 20px;}
}

.hot-sub-title{background:#000000;margin-bottom:30px;margin-top:30px;}
.hot-sub-title .h2{padding:8px 40px 8px 25px;font-size:17px;line-height:30px;color:#fff;background:#ff6f00;display:inline-block;
shape-outside:polygon(0 0, 0% 100%, 100% 100%, 100% 100%, 93% 0%);
    -webkit-clip-path:polygon(0 0, 0% 100%, 100% 100%, 100% 100%, 93% 0%);}

/*其他内容*/
/*#endregion*/

/*#region 其他*/
/*分页*/
.page-link { padding: .5rem 0.875rem;margin: 0 5px;transition: all 0.3s ease;color: #2c2c2c;border: 1px solid #c0c0c0;border-radius: 5px;border: 0; box-shadow: -1px 1px 9px 1px #d8dde6;}
.page-item.active .page-link { color: #fff; background-color: #ff6f00;border-color: #ff6f00;box-shadow: -1px 1px 9px 1px rgba(0, 190, 130, 0.49);border-radius: 5px;}
.page-link:hover{ color: #fff;background-color: #ff6f00;border-color: #ff6f00;}
.pagination{padding: 30px 0;}
/*留言*/
.contact-wrapper .feedback-box .form-control{padding-top: 13px;padding-bottom: 13px;color: #fff;margin-bottom: 0px;background:rgba(255, 255, 255, 0.1);border-color:rgba(0, 0, 0, 0.4)}
.contact-wrapper .feedback-box .form-control::-webkit-input-placeholder{color: #fff;}
.contact-wrapper .feedback-box .form-feedback .btn {padding-top: 15px;padding-bottom: 15px;font-size: 16px;background: #ff6f00;}
.contact-wrapper .feedback-box .form-feedback .btn:hover{background:#04e09a;color: #fff; }
.contact-wrapper .feedback-box .form-feedback.was-validated .form-control:invalid,.contact-wrapper .feedback-box .form-feedback.was-validated .form-control.is-invalid {
    border-color:#f5543f;
    padding-right: calc(1.5em + 0.75rem);
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-feedback .form-control{ background: #f3f3f3; color: #9396a2;font-size: 16px; border-radius: 10px;overflow: hidden; border: 1px solid #cecccc; padding-top: 11px;padding-bottom: 11px;  }
.form-feedback .form-control::-webkit-input-placeholder{color: #9396a2;}
.form-feedback .btn { color: #fff; background: #ff6f00;border-radius: 10px; font-size: 18px;line-height: 22px;padding-top: 11px;padding-bottom: 11px;}
.form-feedback .btn:hover{background:#04e09a;color: #fff; }

@media(max-width:768px) {
    .form-feedback .form-control{padding-top: 10px;padding-bottom: 10px;font-size: 16px;}
    .form-feedback .btn{padding-top: 10px;padding-bottom: 10px;}
    .contact-wrapper .feedback-box .form-control{margin-bottom:0}
}

/*搜索*/
.pro-search .search-group{width: 100%;background:#fff;border:0; border-bottom:1px solid #dddddd;border-radius:0;}
.pro-search .search-group .form-control{font-size:18px;color:#333;padding-left:0;}
.pro-search .search-group .form-control::-webkit-input-placeholder{color: #333;font-size:18px;font-weight:bold;}
.search-group { width: 200px; height: 45px; background: #f7f7f7; overflow: hidden;border: 1px solid #f7f7f7;border-radius: 10px;}
.search-group .form-control { border: none; border-radius: 0px ;background: transparent;color: #5c5352;height: 45px;}
.search-group .form-control::-webkit-input-placeholder{color: #5c5352;}
.search-group .btn {border-radius: 0px;height: 45px;  width: 45px;display: flex;justify-content: center;align-items: center; padding: 6px 15px; margin-bottom: 0; }
.search-group i { color: #ff6f00; font-size: 1.3rem; }
.search-group .btn:hover{background: #ff6f00;}
.search-group .btn:hover i{color: #fff;}


/*#表格*/
.table-wrapper table th, .table-wrapper table td { vertical-align: middle; font-size: 18px; border: 1px solid #e1e4e8; text-align: left; color: #2c2c2c;}
.table-wrapper  table tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0); }
.table-wrapper .table-one table tbody tr td{background-color: #ffffff;border: solid 1px #e1e4e8;text-align: left;padding-left: 30px;}
.table-wrapper .table-one table tbody tr td:nth-of-type(odd){background-color: #ff6f00;border: solid 1px #e1e4e8;}
.table-wrapper .table-one table tbody tr:nth-of-type(odd) td:nth-of-type(even){background-color: #f8f8f8;}
.table-wrapper .table-one table tbody tr td:nth-of-type(odd) p{font-size: 18px;line-height: 30px;color: #ffffff;}
.table-wrapper .table-two{display: flex;justify-content: space-between;}
.table-wrapper .table-two .le{width: 46%;}
.table-wrapper .table-two .le .tab-text{font-size: 24px;font-weight: bold;line-height: 62px;color: #333333;}
.table-wrapper .table-two table{display: block;}
.table-wrapper .table-two table tbody tr td{ padding: 5px; padding-left: 15px;}
.table-wrapper .table-two table tbody tr:nth-of-type(odd) td{background-color: #f8f8f8;}
.table-wrapper .table-two table tbody tr:first-child td{background-color: #ff6f00;border: solid 1px #e1e4e8;}
.table-wrapper .table-two table tbody tr:first-child td p{color: #ffffff;line-height: 26px;font-size: 18px;}
.table-wrapper table tbody tr:hover { background-color: #dee2e6; color: #555; }
.table-wrapper table { display: table; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
@media (max-width: 575.98px) {
    .table-wrapper-sm table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media(max-width:768px) {
    .table-wrapper-md table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-wrapper table th, .table-wrapper table td{font-size: 14px;}
}
@media (max-width: 991.98px) {
    .table-res-lg table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}
@media (max-width: 1500.98px) {
    .table-wrapper-xl table { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
}


/*#弹出留言表单*/
.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    display: none;
    top: 0;
    left: 0;
    background: rgba(00, 00, 00, 0.8);
}

.reveal-modal {
    visibility: hidden;
    top: 250px;
    left: 50%;
    margin-left: -25%;
    width: 50%;
    position: absolute;
    z-index: 1001;
    padding: 35px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    background-color: #FFF;
}

.reveal-modal .title {
    font-size: 30px;
    text-align: center;
    margin-bottom: 25px;
}

.reveal-modal .close-reveal-modal {
    font-size: 30px;
    line-height: 0.5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #333;
    text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);
    font-weight: bold;
    cursor: pointer;
}

@media(max-width:768px) {
    .reveal-modal {
        visibility: hidden;
        top: 50px;
        left: 50%;
        margin-left: -45%;
        width: 90%;
        position: absolute;
        z-index: 1001;
        padding: 25px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        -box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        background-color: #FFF;
    }
    .reveal-modal .title {
        font-size: 20px;
        text-align: center;
        margin-bottom: 10px;
    }
}


.feedpc{position:fixed;right: 0px;top:60%;cursor: pointer;z-index: 70;}
.feedpc .feed{display: flex;align-items: center;}
.feedpc .feed .img{z-index: 60;margin-right: -20px;}
.feedpc .feed p{background: #414141;height: 50px;font-size: 18px;font-weight: bold;color: #fff;text-align: center;line-height: 50px;padding: 0 15px 0 25px;}

@media(max-width:768px) {
    .feedpc .feed .img{margin-right: 0px;}
    .feedpc .feed .img img{width: 50px;height: 50px;}
    .feedpc .feed p{display: none;}
    .totop{z-index:10;}
}



/*header*/
.header-ph{background-color: #f0f0f0;padding: 8px 0;height: auto;transition: all 0.3s;}
.header.fadeInDown .header-ph{height: 0;overflow: hidden;padding: 0;}
.header-ph .container-xl{display: flex;align-items: center;justify-content: flex-end;}
.header-ph .he-ic{padding: 0 30px;border-right: 1px solid #00000031;color: #ff6f00;}
.header-ph .he-ic a{font-family: 'ArialMT';font-size: 16px;color: #29384f;opacity: 0.8;transition: all 0.3s;margin-left: 15px;}
.header-ph .he-ic a:hover{color: #ff6f00 ;}
.header-ph  .public-social{padding-left: 30px;}
.header-ph .social-linkedin{background: #0077b500 !important;}
.header-ph .social-linkedin:hover{background: #0077b5 !important;}
.header-ph .social-youtube{background: #cd201f00 !important;}
.header-ph .social-youtube:hover{background: #cd201f !important;}
.header-ph .social-twitter{background: #55acee00 !important;}
.header-ph .social-twitter:hover{background: #55acee !important;}
.header-ph .social-facebook{background: #3b599800 !important;}
.header-ph .social-facebook:hover{background: #3b5998 !important;}
.social>span, .social>a{color: #29384f !important;border-radius: 5px;}
.social>span:hover, .social>a:hover{color: #ffffff !important;}
.header-top{padding: 20px 0;background: #ffffff;transition: all 0.3s;}
.header-top .nav{padding: 0;}
.header-top .box{justify-content: space-between;align-items: center;}
.header-top .box .le1{flex: 0 0 12%;}
.header-top .box .le1 .img{background-color: #fff; padding: 20px 10px 0 10px;position: relative;}
.header-top .box .le1 .img::before{position: absolute;left: 0;content: '';width: 100%;height: 130%;bottom: -65%;background-color: #fff;border-radius: 50%;z-index: -1;}
.header-top .box .le2{flex: 1;}
.header-top .top-lang .dropdown.lang .dropdown-toggle::after{border-left: 5px solid transparent;
    border-right: 5px solid transparent; 
    border-top: 8px solid #fff;font-size: 0;}
.navbar-custom .navbar-nav > .nav-item{margin: 0 10px;position: relative;padding: 0 15px;}
.navbar-custom .navbar-nav .nav-link{height: auto;padding: 5px 0px;font-weight: bold;font-size: 18px;transition: all 0.5s;}

.navbar-custom .navbar-nav .nav-item:hover::before{opacity: 1;}
.navbar-custom .navbar-nav .nav-item.active::before{opacity: 1;}
.dropdown.lang .dropdown-toggle{font-weight: bold;font-size: 16px;}
.top-search-box{position: relative;}
.top-search-box .top-search{right: 0;}
.header.fadeInDown .header-top{background: #ffffff;padding: 10px 0;}
.header.fadeInDown .header-top  .box .le1 .img{background: transparent;padding: 0;}
.header.fadeInDown .header-top  .box .le1 .img::before{display: none;}
.header.fadeInDown .top-search-box .search-tb i{color:#ff6f00;}
.header-qt{position: relative;}
.header-qt .header-top{}
.header-qt .navbar-custom .navbar-nav .nav-link:before,.header-qt .navbar-custom .navbar-nav .nav-link:before{background-color:#2c2c2c;}
.header-qt .header-top .box .le2 .le-top a,.header-qt .navbar-custom .navbar-nav .nav-link,.header-qt .navbar-custom .navbar-nav .nav-item::before,.header-qt .top-search-box .search-tb i{color:#ff6f00;}
.header-qt .navbar-custom .navbar-nav .nav-link:before,.header-qt .navbar-custom .navbar-nav .nav-link:before{background-color:#2c2c2c;}

.top-search-box{margin-right: 0;}
.header-top .box .le2 .le-top{display: flex;justify-content: flex-end;align-items: center;font-size: 17px;font-weight: bold;color: #ffffff;}
.header-top .box .le2 .le-top .ico{background-color: #ff6f00;border-radius: 19px;text-align: center;padding: 5px 20px;margin-right: 20px;}
.header-top .box .le2 .le-top a{font-size: 17px;font-weight: bold;color: #ffffff;transition: all 0.5s;}
.header-top .box .le2 .le-top a:hover{color: #ff6f00;}


@media(max-width:1300px) {
    .navbar-custom .navbar-nav .nav-item { margin: 0 8px;}
    .navbar-custom .navbar-nav > .nav-item{margin: 0 5px;padding: 0 10px;}
    .navbar-custom .navbar-nav .nav-link{font-size: 16px;}
    }

@media(max-width:768px) {
    .header{display: none;}
}
/*banner*/
.banner.home .banner-text .box{width: 55%;}
.banner.home .banner-text .box .t1{font-size: 32px;font-weight: 500;line-height: 48px;color: #29384f;}
.banner.home .banner-text .box .t2{font-size: 64px;font-weight: 600;line-height: 82px;color: #29384f;margin: 20px 0;}
.banner.home .banner-text .box .whole-p{margin: 20px 0 50px 0;}
.banner.home .banner-text .ba-img{mix-blend-mode: darken;width: 45%;}

@media(max-width:1300px) {
    .banner.home .banner-text .box .t2{font-size: 40px;line-height: 50px;margin: 20px 0;}
    .banner.home .banner-text .box .whole-p{margin: 20px 0;}
    }


@media(max-width:768px) {
    .banner.home .banner-text .box .t1{font-size: 24px;font-weight: 400;line-height: 22px;}
    .banner.home .banner-text .box .t2{font-size: 14px;line-height: 20px;margin: 10px 0;}
    .banner.home .banner-text .box .whole-a{font-size: 16px;display: none;}
    .banner.home .banner-text .box .whole-p{display: none;}
    
    
}
/*index*/
.money{cursor:pointer;transition:all 0.5s ease}
.money:hover{transform:scale(1.1)}
.whole-t1{font-size: 42px;font-weight: 600;line-height: 65px;color: #29384f;}
.whole-p{font-size: 18px;line-height: 32px;color: #29384f;opacity: 0.6;}
.whole-a{font-size: 18px;font-weight: 500;color: #ffffff;transition: all 0.5s;display: inline-block;padding: 20px 50px;border: 1px solid #ff6f00;background-color: #ff6f00;min-width: 290px;text-align: center;}
.whole-a:hover{color: #ff6f00;background-color: transparent;}
.kuai{width: 80px;height: 1px;background-color: #ff6f00;}
@media(max-width:768px) {
    .whole-t1{font-size: 24px;line-height: 32px;}
    .whole-p{font-size: 14px;line-height: 22px;}
    .whole-a{min-width: auto;height: auto;font-size: 14px;line-height: 25px;padding: 8px 20px;}
    .kuai{width: 40px;height: 1px;}
}



.home-product{padding: 120px 0;}
.home-product .top{display: flex;justify-content: space-between;align-items: center;margin: 10px 0 60px 0;}
.home-product .box{display: block;position: relative;overflow: hidden;margin-bottom: 10px;}
.home-product .box .text{position: absolute;transform: translateY(-65px);background-color: #e9eef4;width: 100%;padding: 15px 30px;transition: all 0.5s ease-in-out;top: 100%;}
.home-product .box .text .to{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.home-product .box .text .to .t1{font-size: 21px;line-height: 32px;color: #29384f;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.home-product .box .text .t2{transition: all 0.3s;font-size: 14px;line-height: 22px;font-weight: 300;color: #29384f;opacity: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical; }
.home-product .box:hover .text{transform: translateY(-100%);background-color: #202937d7;}
.home-product .box:hover .text .to .t1{color: #fff;}
.home-product .box:hover .text .t2{line-height: 24px;color: #ffffff;opacity: 1;}
.home-product .row{margin-right: -5px;margin-left: -5px;}
.home-product .row .col-md-4{padding-right: 5px;padding-left: 5px;}



@media(max-width:768px) {
    .home-product{padding: 30px 0;}
    .home-product .kuai{margin-bottom: 10px;}
    .home-product .top{flex-direction: column;margin: 20px 0;}
    .home-product .top .whole-p{margin-bottom: 20px;}
    .home-product .box:hover .text{transform: translateY(-65px);}
}






.home-high{border-top: 10px solid #ff6f00;}
.home-high .container-xl{display: flex;justify-content: space-between;align-items: center;padding-right: 0;margin-right: 0;}
.home-high .left{flex: 0 0 56%;width:56%;}
.home-high .left .whole-t1{font-size: 38px;}
.home-high .left .whole-p{margin-top: 35px;}
.home-high .left .img{margin: 50px 0 60px 0;}
.home-high .left .box{display: flex;align-items: center;justify-content: center;background-color: #29384f;margin-bottom: 60px;padding: 20px 0;}
.home-high .left .box .ri{line-height: 28px;color: #ffffff;opacity: 0.6;margin-left: 20px;}
.home-high .left .row{margin-right: -10px;margin-left: -10px;}
.home-high .left .row .col-md-3{padding-right: 10px;padding-left: 10px;}
.home-high .right{flex: 0 0 37%;width:37%;position:relative;}

@media(max-width:1600px) {
    .home-high .left .box{min-height: 152px;}
    }


@media(max-width:768px) {
    .home-high{padding: 30px 0;}
    .home-high .container-xl{padding-right: 15px;margin-right: auto;flex-direction: column;}
    .home-high .left{width:100%;}
    .home-high .left .whole-t1{font-size: 24px;}
    .home-high .left .whole-p{margin-top: 20px;}
    .home-high .left .img{margin: 20px 0;}
    .home-high .left .box{margin-bottom: 20px;padding: 10px 0;min-height: auto;}
    .home-high .left .box .ri{margin-left: 5px;font-size: 12px;}
    .home-high .right{text-align: center;width:100%;}
    .home-high .right .whole-a{margin-top: 20px;}
}




.home-application .app-to{background-color: #f4f7fb;padding: 80px 0;text-align: center;}
.home-application .kuai{margin: 0 auto;}
.home-application .whole-t1{margin: 30px 0;}
.home-application .big{position: relative;text-align: left;}
.home-application .big .tp .img{display: none;}
.home-application .big .tp .img.active{display: block;}
.home-application .big .center{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 120px 0 60px 0;}
.home-application .big .center .container-xl{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.home-application .big .center .top .a1{display: none;width: 71%;}
.home-application .big .center .top .a1.active{display: block;}
.home-application .big .center .top .a1 .t1{font-size: 36px;font-weight: bold;line-height: 43px;color: #ffffff;}
.home-application .big .center .top .a1 .whole-p{color: #ffffff;margin: 30px 0;}
.home-application .big .center .top .a1 .whole-a{padding: 15px 71px;}
.home-application .big .center .bottom{display: flex;align-items: center;text-align: center;}
.home-application .big .center .bottom .ap{background-color: #ffffff21;border: solid 1px #ffffff71;font-size: 16px;font-weight: 500;color: #ffffff;flex: 0 0 19%;margin-right: 10px;padding: 19px 0;transition: all 0.3s;cursor: pointer;}
.home-application .big .center .bottom .ap.active{background-color: #ff6f00;border: solid 1px #ff6f00;}
.home-application .big .center .bottom .ap:hover{background-color: #ff6f00;border: solid 1px #ff6f00;box-shadow: #ff6f004f 0px 4px 12px;}


@media(max-width:1300px) {
    .home-application .big .center{    padding: 40px 0 40px 0;}
    }


@media(max-width:768px) {
    .home-application .app-to{padding: 30px 0;}
    .home-application .whole-t1{margin: 15px 0;}
    .home-application .big .tp .img{position: relative;display: block;margin-bottom: 20px;}
    .home-application .big .center{padding: 20px 0;}
    .home-application .big .center .top .a1{width: auto;display: block;}
    .home-application .big .center .top .a1 .t1{font-size: 24px;line-height: 32px;}
    .home-application .big .center .top .a1 .whole-p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;    margin: 5px 0;}
    .home-application .big .center .top .a1 .whole-a{padding: 5px 20px;}
    .home-application .big .center .bottom{margin-top: 30px;flex-wrap: wrap;}
    .home-application .big .center .bottom .ap{background-color: #ff6f00;border: solid 1px #ff6f00;margin-bottom: 10px;flex: 0 0 100%;padding: 10px 0;}
}



.home-our{padding: 120px 0 100px 0;}
.home-our .top{margin-bottom: 60px;}
.home-our .top .container-xl{display: flex;justify-content: space-between;align-items: center;}
.home-our .top .container-xl .le{flex: 0 0 69%;}
.home-our .top .container-xl .le .whole-t1{margin: 10px 0 20px 0;}
.home-our .bottom{padding: 50px 0;background: linear-gradient(to right,#edf1f7 44%,#fff0 20%);margin-bottom: 20px;}
.home-our .bottom .container-xl{display: flex;justify-content: space-between;align-items: center;}
.home-our .bottom .container-xl .le{flex: 0 0 50%;}
.home-our .bottom .container-xl .ri{flex: 0 0 44%;}
.home-our .bottom .container-xl .ri .t1{font-size: 32px;font-weight: 500;line-height: 62px;color: #29384f;}
.home-our .bottom .container-xl .ri .t1 img{margin-right: 30px;}
.home-our .bottom.bottom-two .container-xl{flex-direction: row-reverse;}
.home-our .bottom.bottom-two{background: linear-gradient(to left,#edf1f7 44%,#fff0 20%);}

@media(max-width:768px) {
    .home-our{padding:30px 0;}
    .home-our .top{margin-bottom: 30px;}
    .home-our .top .container-xl{flex-direction: column;align-items: flex-start;}
    .home-our .top .container-xl .le .whole-t1{margin: 10px 0;}
    .home-our .top .container-xl .ri .whole-a{margin-top: 10px;}
    .home-our .bottom,.home-our .bottom.bottom-two{padding: 20px 0;background: linear-gradient(to right,#edf1f7 100%,#fff0 100%);}
    .home-our .bottom .container-xl,.home-our .bottom.bottom-two .container-xl{flex-direction: column-reverse;}
    .home-our .bottom .container-xl .le{margin-top: 20px;}
    .home-our .bottom .container-xl .ri .t1{font-size: 18px;line-height: 50px;}
    .home-our .bottom .container-xl .ri .t1 img{margin-right: 10px;}
}




.home-service{background-color: #f4f7fb;border-bottom: 10px solid #ff6f00;padding-top: 80px;}
.home-service .top{text-align: center;margin-bottom: 60px;}
.home-service .top .kuai{margin: 0 auto;}
.home-service .top .whole-t1{margin: 10px 0 40px 0;}
.home-service .bottom .container-xl{display: flex;justify-content: space-between;align-items: center;padding-left: 0;margin-left: 0;}
.home-service .bottom .container-xl .ri{flex: 0 0 42%;}
.home-service .bottom .container-xl .le{flex: 0 0 52%;}
.home-service .bottom .container-xl .ri .text{margin: 25px 0;}
.home-service .bottom .container-xl .ri .text .t1{font-size: 24px;font-weight: 500;line-height: 65px;color: #29384f;}
.home-service .bottom .container-xl .ri .text .t1 img{margin-right: 20px;}
.home-service .bottom .container-xl .ri .text .whole-p{font-size: 16px;line-height: 30px;color: #29384f;opacity: 0.6;}


@media(max-width:768px) {
    .home-service{padding: 30px 0;}
    .home-service .top{margin-bottom: 0;}
    .home-service .top .whole-t1{margin: 10px 0;}
    .home-service .bottom .container-xl{align-items: center;padding-left: 15px;margin-left: auto;flex-direction: column-reverse;}
    .home-service .bottom .container-xl .ri .text{margin: 15px 0;}
    .home-service .bottom .container-xl .ri .text .t1{font-size: 18px;line-height: 50px;}
    .home-service .bottom .container-xl .ri .text .t1 img{margin-right: 10px;}
    .home-service .bottom .container-xl .ri .text .whole-p{font-size: 14px;line-height: 22px;}
}



.home-partners{text-align: center;padding: 90px 0;}
.home-partners .kuai{margin: 0 auto;}
.home-partners .whole-t1{margin: 10px 0 50px 0;}

@media(max-width:768px) {
    .home-partners{padding: 30px 0;}
    .home-partners .whole-t1{margin: 10px 0;}
}


.home-news{padding: 100px 0 130px 0;background-color: #f4f7fb;}
.home-news .top{margin-bottom: 60px;}
.home-news .top .container-xl{display: flex;justify-content: space-between;align-items: center;margin-bottom: 70px;}
.home-news .top .container-xl .le{flex: 0 0 69%;}
.home-news .top .container-xl .le .whole-t1{margin: 10px 0 20px 0;}
.home-news .box{display: block;position: relative;overflow: hidden;padding-bottom:100px;}
.home-news .box .text{position: absolute;transform: translateY(-100px);background-color: #e9eef4;width: 100%;padding: 15px 30px;transition: all 0.5s ease-in-out;top: 100%;}
.home-news .box .text .to{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;}
.home-news .box .text .to .t1{font-size: 18px;line-height: 32px;color: #29384f;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;font-weight: bold;flex: 1;}
.home-news .box .text .t2{transition: all 0.3s;color: #29384f;opacity: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; }
.home-news .box .text .sj{font-family: 'Arial';color: #25334f;opacity: 0.6;transition: all 0.3s;margin-bottom: 15px;}
.home-news .box:hover .text{transform: translateY(-100%);background-color: #202937d7;}
.home-news .box:hover .text .to .t1{color: #fff;}
.home-news .box:hover .text .t2{line-height: 24px;color: #ffffff;opacity: 1;}
.home-news .box:hover .text .sj{color: #ffffff;}
.home-news .row{margin-right: -25px;margin-left: -25px;}
.home-news .row .col-md-4{padding-right: 25px;padding-left: 25px;}


@media(max-width:1600px) {
    .home-news .bottom .container-xl{padding-right: 25px;padding-left: 25px;}
    }


@media(max-width:768px) {
    .home-news{padding: 30px 0;}
    .home-news .top{margin-bottom: 30px;}
    .home-news .top .container-xl{flex-direction: column;align-items: flex-start;margin-bottom: 30px;}
    .home-news .top .container-xl .le .whole-t1{margin: 10px 0;}
    .home-news .top .container-xl .ri{margin-top: 15px;}
    
    .home-news .row{margin-right: -15px;margin-left: -15px;}
    .home-news .row .col-md-4{padding-right: 15px;padding-left: 15px;}
.home-news .box{margin-bottom: 20px;padding-bottom:0;}
    .home-news .box .text{transform: translateY(-100%);background-color: #202937d7;padding: 15px;}
    .home-news .box .text .to .t1{color: #fff;}
    .home-news .box .text .t2{line-height: 24px;color: #ffffff;opacity: 1;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;display: none;}
    .home-news .box .text .sj{color: #ffffff;display: none;}
    .home-news .bottom .container-xl{padding-right: 15px;padding-left: 15px;}
}


.whole-foot{background: #2f3948;padding: 100px 0 60px 0;}
.whole-foot .container-xl{display: flex;justify-content: space-between;}
.whole-foot .container-xl .left{flex: 0 0 42%;}
.whole-foot .container-xl .left .t1{font-size: 48px;font-weight: bold;line-height: 60px;color: #ffffff;letter-spacing: -1px;margin-bottom: 70px;}
.whole-foot .container-xl .left .text .t2{font-size: 18px;line-height: 30px;color: #ffffff;margin-bottom: 20px;position: relative;padding-left: 60px;}
.whole-foot .container-xl .left .text .t2::before{position: absolute;content: '';left: 0;top: 0;background: url(../../images/jt.png) no-repeat;	width: 31px;height: 31px;}
.whole-foot .container-xl .right{flex: 0 0 50%;padding-top: 60px;}
.whole-foot .container-xl .right .form-feedback .form-control{border-radius: 0;background-color: #ffffff;border: 1px solid #ffffff;color: #192333;}
.whole-foot .container-xl .right .form-feedback .btn{border-radius: 0;font-weight: 500;margin-top: 30px;}
.whole-foot .container-xl .right .form-feedback .btn:hover{background: #fc9547;}

@media(max-width:768px) {
    .whole-foot{padding: 30px 0;}
    .whole-foot .container-xl{flex-direction: column;}
    .whole-foot .container-xl .left .t1{font-size: 24px; font-weight: bold;line-height: 32px;margin-bottom: 20px;}
    .whole-foot .container-xl .left .text .t2{font-size: 16px;line-height: 24px;margin-bottom: 20px;padding-left: 45px;}
    .whole-foot .container-xl .right{padding-top: 20px;}
    .whole-foot .container-xl .right .form-feedback .btn{margin-top: 10px;}
}



/*footer*/
footer{position: relative;color: #ffffff5b;}
footer .footer-top{padding: 140px 0 40px;background-color: #202937;}
footer .footer-top .about{padding-left: 50px;}
footer .footer-top .footer-logo{margin-bottom: 40px;}
footer .footer-top .desc{font-size: 18px;line-height: 30px;margin-bottom: 30px;font-weight: 300;}
footer .footer-top .footer-tk{border: 1px solid #ffffff5b;display: flex;justify-content: space-between;padding: 20px 35px 20px 20px;cursor: pointer;font-size: 18px;color: #fff;margin: 10px 0 40px 0;}
footer .footer-top .footer-tk:hover{border-color: #ffffff;transition: all 0.3s;}
footer .footer-top .links{padding-left: 50px;}
footer .footer-top .list p:before{content: "";width: 21px;height: 14px;background: url(../../images/footer-tb.png) no-repeat;margin-right: 15px;display: inline-block;}
footer .footer-top .list a{font-size: 18px;line-height: 43px;color: rgba(255, 255, 255, 0.4);}
footer .footer-top .list a:hover{color: #ffffff; text-decoration: underline;transition: all 0.3s;}
footer .footer-top .title{font-size: 27px;font-weight: bold;line-height: 30px;color: #ffffff;margin-bottom: 50px;min-height: 30px;}
footer .footer-top .addr{display: flex;font-size: 18px;line-height: 30px;margin-bottom: 20px;}
footer .footer-top .addr span{min-width: 40px;}
footer .footer-top .addr a{color: #ffffff5b;transition: all 0.3s ease;}
footer .footer-top .addr a:hover{color: #ffffff;}



footer .footer-bottom{padding: 30px 0;font-size: 18px;line-height: 30px;color: #ffffff38;background-color: #202937;text-align: center;}
footer .footer-bottom .right a{color: rgba(255, 255, 255, 0.4);margin-left: 15px;}
footer .footer-bottom .right a:hover{text-decoration: underline;}
footer .footer-bottom .container-xl{display: flex;justify-content:center;align-items: center;}
footer .footer-social .public-social{display: flex;align-items: center;}
footer .footer-social .social{display: flex;align-items: center;color: rgba(255, 255, 255, 0.4);font-size: 16px;opacity: 0.5;transition: all 0.3s;}
footer .footer-social .social a{background: #5c5c5c!important;border-radius: 5px;overflow: hidden;width: 32px;color: rgba(255, 255, 255, 1) !important;margin-right: 20px;display: block;height: 32px;}
footer .footer-social .social:hover{opacity: 1;}
footer .footer-social .social:hover span{background: #00a0e9!important;}
footer .footer-social .social a:hover{background: #00a0e9;transition: all 0.3s;}
footer .footer-social span{background: #5c5c5c!important;margin-right: 20px!important;border-radius: 5px!important;}
footer .footer-social span:hover{background: #00a0e9!important;}
footer .footer-social span:before{color: rgba(255, 255, 255, 1);font-size: 16px;}
footer .footer-social .social-youtube{background: #5c5c5c!important;}
footer .footer-social .social-youtube:hover{background: #00a0e9!important;}
footer .ab-a{font-size: 26px;line-height: 61px;color: #ffffff;background-color: #ff6f00;border-radius:3px;display: inline-block;padding:0 80px 0 40px;font-family: 'Arial';margin-bottom: 40px;}
footer .ab-a i{font-size: 26px;margin-right: 25px;}
footer .ab-a:hover{text-decoration: underline;}
footer .footer-top .about .title{margin-bottom: 50px;}


@media(max-width:1400px) {
    footer .ab-a{padding: 0 30px 0 30px;}
}

@media(max-width:768px) {
    footer .footer-top{padding: 20px 0;}
    footer .ab-a{font-size: 20px;line-height: 44px;padding: 0 20px;margin-bottom: 20px;margin-top: 20px;}
    footer .ab-a i{font-size: 20px;margin-right: 15px;}
    footer .footer-top .desc{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    footer .footer-top .footer-logo{margin-bottom: 10px;}
    footer .footer-top .title{font-size: 18px;margin-bottom: 10px;line-height: 30px;margin-top: 10px;}
    footer .footer-top .list p:before{margin-right: 10px;}
    footer .footer-top .footer-tk{padding: 10px;}
    footer .footer-top .links{padding-left: 15px;margin-top: 25px;}
    footer .footer-top .list{margin-bottom: 20px;}
    footer .footer-top .list a{font-size: 16px;line-height: 30px;}
    footer .footer-top .addr{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    footer .footer-bottom{padding: 20px 0;}
    footer .footer-top .about{padding-left: 0;}
    footer .footer-bottom .container-xl{flex-wrap: wrap;justify-content: center;text-align: center;}
    footer .footer-bottom .container-xl .left .footer-social{padding-left: 20px;}
    footer .footer-social{justify-content: center;margin-bottom: 5px;}
    footer .footer-bottom .container-xl .right{width: 100%;line-height: 24px;font-size: 14px;}
    footer .footer-top .about .title{margin-bottom: 20px;}

}



.whole-top{transform: translateY(-100%);}
.whole-top .container-xl{display: flex;}
.whole-top .container-xl a{width: 270px;text-align: center;background-color: #afb8c7;font-weight: 500;color: #ffffff;padding: 20px 0;margin-right: 1px;transition: all 0.3s;}
.whole-top .container-xl a.active,.whole-top .container-xl a:hover{background-color: #ff6f00;}

@media(max-width:1600px) {
    .whole-top{transform: translateY(0%);margin-top: 30px;}
}
@media(max-width:768px) {
    .whole-top{transform: translateY(0%);margin-top: 30px;}
    .whole-top .container-xl{justify-content: center;}
    .whole-top .container-xl a{width: auto;display: flex;align-items: center;padding: 5px 10px;justify-content: center;min-width: 100px;}
}

.about-about{margin: 60px 0 120px 0;padding: 100px 0;background: linear-gradient(to right,#edf1f7 79%,#fff0 20%);}
.about-about .container-xl{display: flex;justify-content: space-between;align-items: center;}
.about-about .container-xl .left{flex: 0 0 52%;}
.about-about .container-xl .left .kuai{margin: 20px 0;}
.about-about .container-xl .left .whole-t1{font-size: 52px;margin-bottom: 20px;}
.about-about .container-xl .left .whole-p{margin-top: 20px;}
.about-about .container-xl .right{flex: 0 0 42%;position: relative;}
.about-about .container-xl .right .play{position: absolute;left: 40px;bottom: 40px;}


@media(max-width:768px) {
    .about-about{margin: 30px 0;padding: 30px 0;    background: linear-gradient(to right,#edf1f7 100%,#fff0 0%);}
    .about-about .container-xl{flex-direction:column;}
    .about-about .container-xl .left{margin-bottom: 20px;}
    .about-about .container-xl .left .kuai{margin: 10px 0;}
    .about-about .container-xl .left .whole-t1{font-size: 24px;margin-bottom: 10px;font-size: 24px;}
    .about-about .container-xl .left .whole-p{margin-top: 10px;}
    .about-about .container-xl .right .play{width: 80px;left: 20px;bottom: 20px;}

}


.about-why .top{display: flex;justify-content: space-between;margin-bottom: 100px;}
.about-why .top .left{flex: 1;}
.about-why .top .left .whole-t1{font-size: 52px;margin-bottom: 25px;}
.about-why .top .right{flex: 0 0 63%;}
.about-why .top .right .whole-p:first-child{margin-bottom: 20px;margin-top: 10px;}
.about-why .box{display: flex;flex-wrap: wrap;border: solid 1px #dddddd;}
.about-why .box .item{flex: 0 0 33.3%;padding: 40px 60px;border-left: solid 1px #dddddd;border-bottom: solid 1px #dddddd;position: relative;cursor: pointer;}
.about-why .box .item::before{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #ff6f0000;box-shadow: 0px 10px 19px 0px rgba(255, 111, 0, 0);transition: all 0.3s ;content: '';z-index: 1;}
.about-why .box .item .img img{filter: invert(50%) sepia(54%) saturate(3643%) hue-rotate(359deg) brightness(101%) contrast(106%);position: relative;z-index: 2;}
.about-why .box .item .text{font-size: 18px;line-height: 32px;color: #2f3948;margin-top: 20px;transition: all 0.3s ;position: relative;z-index: 2;}
.about-why .box .item:nth-child(1),.about-why .box .item:nth-child(4){border-left: 0;}
.about-why .box .item:nth-child(4),.about-why .box .item:nth-child(5),.about-why .box .item:nth-child(6){border-bottom: 0;}
.about-why .box .item:hover::before{background-color: #ff6f00;box-shadow: 0px 10px 19px 0px rgba(255, 111, 0, 0.2);transform: scale(1.05);}
.about-why .box .item:hover .img img{filter: none;}
.about-why .box .item:hover .text{color: #ffffff;}

@media(max-width:768px) {
    .about-why .top{flex-direction: column;margin-bottom: 30px;}
    .about-why .top .left .whole-t1{font-size: 24px;margin-bottom: 10px;}
    .about-why .top .right .whole-p:first-child{margin: 10px 0;}
    .about-why .box .item{flex: 0 0 50%;padding: 15px;}
    .about-why .box .item:nth-child(1), .about-why .box .item:nth-child(4){border-left: solid 1px #dddddd;}
    .about-why .box .item .text{font-size: 14px;line-height: 22px;margin-top: 15px;}
    .about-why .box .item:nth-child(4), .about-why .box .item:nth-child(5), .about-why .box .item:nth-child(6){border-bottom: solid 1px #dddddd;}
}



.about-factory{margin:120px 0;padding: 90px 0;background: linear-gradient(to left,#edf1f7 79%,#fff0 20%);}
.about-factory .container-xl{display: flex;justify-content: space-between;align-items: center;}
.about-factory .container-xl .left{flex: 0 0 42%;}
.about-factory .container-xl .right .kuai{margin: 20px 0;}
.about-factory .container-xl .right .whole-t1{margin-bottom: 20px;}
.about-factory .container-xl .right .whole-p{margin-top: 20px;margin-bottom: 60px;color: #2f3948;}
.about-factory .container-xl .right{flex: 0 0 52%;}



@media(max-width:768px) {
    .about-factory{margin: 30px 0;padding: 30px 0; background: linear-gradient(to left,#edf1f7 100%,#fff0 0%);}
    .about-factory .container-xl{flex-direction:column-reverse;}
    .about-factory .container-xl .right{margin-bottom: 20px;}
    .about-factory .container-xl .right .kuai{margin: 10px 0;}
    .about-factory .container-xl .right .whole-t1{margin-bottom: 10px;}
    .about-factory .container-xl .right .whole-p{margin: 15px 0;}
}


.about-certification{background-color: #2f3948;padding: 170px 0 150px 0;}
.about-certification .container-xl{display: flex;justify-content: space-between;}
.about-certification .container-xl .left{flex: 0 0 37%;}
.about-certification .container-xl .left .kuai{margin: 40px 0 10px 0;}
.about-certification .container-xl .left .t1{font-size: 52px;font-weight: bold;line-height: 62px;color: #edf1f7;}
.about-certification .container-xl .left .whole-p{color: #edf1f7;opacity: 0.6;margin: 60px 0;}
.about-certification .container-xl .right{flex: 0 0 61%;}

@media(max-width:768px) {
    .about-certification{padding: 30px 0;}
    .about-certification .container-xl .left .kuai{margin: 0 0 10px 0;}
    .about-certification .container-xl{flex-direction: column;}
    .about-certification .container-xl .left .t1{font-size: 24px;line-height: 32px;}
    .about-certification .container-xl .left .whole-p{margin: 15px 0;}
    .about-certification .container-xl .left{margin-bottom: 20px;}
}


.about-service .about-box{padding: 90px 0;background: linear-gradient(to right,#edf1f7 78%,#fff0 0%);margin-bottom: 40px;}
.about-service .about-box .container-xl{display: flex;justify-content: space-between;align-items: center;}
.about-service .about-box .container-xl .left{flex: 0 0 52%;}
.about-service .about-box .container-xl .left .whole-t1{margin-top: 30px;}
.about-service .about-box .container-xl .left .whole-p{margin: 50px 0 60px 0;}
.about-service .about-box .container-xl .right{flex: 0 0 42%;}
.about-service .about-box:nth-child(2){background: linear-gradient(to left,#edf1f7 0%,#fff0 0%);}
.about-service .about-box:nth-child(2) .container-xl{flex-direction: row-reverse;}

@media(max-width:768px) {
    .about-service .about-box{padding: 30px 0;background: linear-gradient(to right,#edf1f7 100%,#fff0 0%);margin-bottom: 0;}
    .about-service .about-box .container-xl{flex-direction: column;}
    .about-service .about-box .container-xl .left{margin-bottom: 20px;}
    .about-service .about-box .container-xl .left .whole-p{margin: 15px 0;}
    .about-service .about-box .container-xl .left .whole-t1{margin-top: 10px;}
    .about-service .about-box:nth-child(2) .container-xl{flex-direction: column;}
}



.factory-center{padding: 130px 0;}
.factory-center .row{margin-left: -30px;margin-right: -30px;}
.factory-center .col-md-4{padding-left: 30px;padding-right: 30px;}
.factory-center .box{padding-left: 30px;margin-bottom: 60px;background-color: #edf1f7;transition: all 0.3s;cursor: pointer;}
.factory-center .box .text{font-size: 20px;font-weight: bold;line-height: 32px;color: #2f3948;padding: 20px 0;transition: all 0.3s}
.factory-center .box:hover{background-color: #ff6f00;}
.factory-center .box:hover .text{color: #ffffff;}

@media(max-width:1600px) {
    .factory-center .container-xl{padding-right: 30px;padding-left: 30px;}
}


@media(max-width:768px) {
    .factory-center{padding: 30px 0;}
    .factory-center .container-xl{padding-right: 15px;padding-left: 15px;}
    .factory-center .row{margin-left: -15px;margin-right: -15px;}
    .factory-center .col-md-4{padding-left: 15px;padding-right: 15px;}
    .factory-center .box{ padding-left: 20px;margin-bottom: 20px;}
    .factory-center .box .text{font-size: 16px;line-height: 22px;padding: 15px 0;}
}

.certification-center{padding: 130px 0;}
.certification-center .row{margin-left: -35px;margin-right: -35px;}
.certification-center .col-md-4{padding-left: 35px;padding-right: 35px;}
.certification-center .box{padding-left: 50px;margin-bottom: 70px;background-color: #edf1f7;transition: all 0.3s;cursor: pointer;padding-top: 50px;}
.certification-center .box .img{height: 378px;overflow: hidden;}
.certification-center .box .text{font-size: 20px;font-weight: bold;line-height: 32px;color: #2f3948;padding: 20px 0 40px;transition: all 0.3s}
.certification-center .box:hover{background-color: #ff6f00;}
.certification-center .box:hover .text{color: #ffffff;}

@media(max-width:1600px) {
    .certification-center .container-xl{padding-right: 35px;padding-left: 35px;}
}


@media(max-width:768px) {
    .certification-center{padding: 30px 0;}
    .certification-center .container-xl{padding-right: 15px;padding-left: 15px;}
    .certification-center .row{    margin-left: -15px;margin-right: -15px;}
    .certification-center .col-md-4{padding-left: 15px;padding-right: 15px;}
    .certification-center .box{padding-left: 20px;margin-bottom: 20px;padding-top: 20px;}
    .certification-center .box .text{font-size: 16px;line-height: 32px;padding: 10px 0;}
}



.application-top{padding:40px 0;}

.application-top .kuai{margin:0 auto;}
.application-top .whole-t1{margin:0;font-size: 32px;text-align: center;}


@media(max-width:768px) {
    .application-top{padding: 30px 0;}
    .application-top .whole-t1{margin: 15px 0;font-size: 24px;}

}

.application-top



.application-center{padding-bottom: 250px;}
.application-center .application-box{padding: 90px 0;background: linear-gradient(to left,#edf1f7bd 78%,#fff0 0%);position: relative;}
.application-center .application-box .md{position: absolute;top: -100px;left: 0; padding-top: 100px;margin-top: -100px;}
.application-center .application-box .container-xl{display: flex;justify-content: space-between;align-items: center;}
.application-center .application-box .left{flex: 0 0 42%;padding-top: 200px;margin-top: -200px;}
.application-center .application-box .right{flex: 0 0 52%;}
.application-center .application-box .right .kuai{margin-bottom: 30px;}
.application-center .application-box:nth-child(even){padding: 80px 0;background: linear-gradient(to left,#edf1f7bd 0%,#fff0 0%);}

@media(max-width:768px) {
    .application-center{padding-bottom: 30px;}
    .application-center .application-box{padding: 30px 0;background: linear-gradient(to left,#edf1f7bd 100%,#fff0 0%);}
    .application-center .application-box .container-xl{flex-direction: column-reverse;}
    .application-center .application-box .right{margin-bottom: 20px;}
    .application-center .application-box .right .kuai{margin: 15px 0;}
    .application-center .application-box:nth-child(even){padding: 30px 0;}
}


.technology-center{padding: 20px 0 120px 0;}
.technology-center .technology-box{padding: 110px 0;}
.technology-center .technology-box .container-xl{display: flex;justify-content: space-between;align-items: center;}
.technology-center .technology-box .left{flex: 0 0 42%;}
.technology-center .technology-box .right{flex: 0 0 51%;}
.technology-center .technology-box .right .whole-t1{margin: 20px 0;}
.technology-center .technology-box .right .whole-p{margin: 20px 0;}
.technology-center .technology-box:nth-child(even){padding: 90px 0;background: linear-gradient(to right,#edf1f7bd 78%,#fff0 0%);}
.technology-center .technology-box:nth-child(even) .container-xl{flex-direction: row-reverse;}

@media(max-width:768px) {
    .technology-center{padding: 30px 0;}
    .technology-center .technology-box{padding: 30px 0;}
    .technology-center .technology-box .container-xl{flex-direction: column-reverse;}
    .technology-center .technology-box .right{margin-bottom: 20px;}
    .technology-center .technology-box .right .whole-t1{margin: 10px 0;}
    .technology-center .technology-box .right .whole-p{margin: 15px 0;}
    .technology-center .technology-box:nth-child(even){padding: 30px 0;background: linear-gradient(to right,#edf1f7bd 100%,#fff0 0%);}
    .technology-center .technology-box:nth-child(even) .container-xl{flex-direction: column-reverse;}
}




.process-center{padding-bottom: 300px;}
.process-center .box{display: flex;flex-wrap: wrap;position: relative;}
.process-center .box::before{content: '';position: absolute;top: 50%;width: 115%;height: 1px;background-color:#ddddddb0;left: 50%;transform: translate(-50%,-50%);}
.process-center .box .item{flex: 0 0 25%;padding: 40px 40px 40px 30px;border-left: 1px solid #dddddd;position: relative;}
.process-center .box .item:last-child::before{content: '';position: absolute;right: -1px;top: 0;width: 1px;height: 100%;background-color:#dddddd;}
.process-center .box .item:last-child .img .ri{display: none;}
.process-center .box .item:nth-child(1),.process-center .box .item:nth-child(2),.process-center .box .item:nth-child(3),.process-center .box .item:nth-child(4){padding-top: 0;}
.process-center .box .item:nth-child(5),.process-center .box .item:nth-child(6),.process-center .box .item:nth-child(7),.process-center .box .item:nth-child(8){padding-bottom: 0;}
.process-center .box .item .sz{font-family: 'Arial';font-size: 30px;font-weight: bold;line-height: 30px;color: #29384f;}
.process-center .box .item .t1{font-size: 20px;font-weight: 600;line-height:32px;color: #ff6f00;margin: 20px 0;}
.process-center .box .item .hx{width: 30px;height: 4px;background-color: #29384f;}
.process-center .box .item .img{padding-right: 20px;position: relative;margin: 20px 0;}
.process-center .box .item .img .ri{position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.process-center .box .item .t2{line-height: 30px;color: #2f3948;transition: all 0.5s;height: 120px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

@media(max-width:1600px) {
    .process-center .box::before{width: 100%;}
}


@media(max-width:768px) {
    .process-center{padding-bottom: 30px;}
    .process-center .box .item{margin-bottom: 20px;flex: 0 0 100%;padding: 20px;}
    .process-center .box .item .sz{font-size: 24px;}
    .process-center .box .item .t1{font-size: 18px;line-height: 22px;margin: 10px 0;}
    .process-center .box .item .t2{line-height: 22px;height: auto;}
    .process-center .box .item:last-child::before{width: 0;}
}



.video-center{padding: 40px 0 90px 0;}
.video-center .row{margin-left: -35px;margin-right: -35px;}
.video-center .col-md-4{padding-left: 35px;padding-right: 35px;}
.video-center .box{padding: 15px;margin-bottom: 50px;background-color: #edf1f7;transition: all 0.5s;cursor: pointer;}
.video-center .box .img{position: relative;}
.video-center .box .bf{position: absolute;left: 20px;bottom: 20px;}
.video-center .box .text{font-size: 20px;font-weight: bold;line-height: 32px;color: #2f3948;transition: all 0.5s;padding-top: 10px;}
.video-center .box:hover{background-color: #ff6f00;}
.video-center .box:hover .text{color: #ffffff;}

@media(max-width:1600px) {
    .video-center .container-xl{padding-right: 35px;padding-left: 35px;}
}


@media(max-width:768px) {
    .video-center{padding: 30px 0;}
    .video-center .row{margin-left: -15px;margin-right: -15px;}
    .video-center .col-md-4{padding-left: 15px;padding-right: 15px;}
    .video-center .box{margin-bottom: 20px;}
    .video-center .box .text{font-size: 16px;}
    .video-center .container-xl{padding-right: 15px;padding-left: 15px;}
}

.faq-center{padding: 0 0 200px 0;}
.faq-center .row{margin-left: -25px;margin-right: -25px;}
.faq-center .col-md-4{padding-left: 25px;padding-right: 25px;}
.faq-center .box{padding: 40px;margin-bottom: 50px;background-color: #ffffff;transition: all 0.3s;cursor: pointer;box-shadow: 0px 10px 30px 0px 
    rgba(51, 51, 51, 0.1);}
.faq-center .box .t1{font-size: 20px;font-weight: 500;line-height: 32px;color: #202937;transition: all 0.3s}
.faq-center .box .t1 img{margin-right: 20px;filter: invert(50%) sepia(54%) saturate(3643%) hue-rotate(359deg) brightness(101%) contrast(106%);transition: all 0.3s}
.faq-center .box .t2{line-height: 28px;color: #666666;margin-top: 25px;transition: all 0.3s}
.faq-center .box:hover{background-color: #ff6f00;}
.faq-center .box:hover .t1,.faq-center .box:hover .t2{color: #ffffff;}
.faq-center .box:hover .t1 img{filter: none;}
@media(max-width:1600px) {
    .faq-center .container-xl{padding-right: 25px;padding-left: 25px;}
}

@media(max-width:768px) {
    .faq-center{padding: 0 0 30px 0;}
    .faq-center .box{padding: 20px;margin: 20px 0;}
    .faq-center .row{margin-left: -15px;margin-right: -15px;}
    .faq-center .col-md-4{padding-left: 15px;padding-right: 15px;}
    .faq-center .box .t1{font-size: 16px;}
    .faq-center .box .t1 img{margin-right: 10px;width: 20px;}
    .faq-center .box .t2{line-height: 22px;margin-top: 10px;}
    .faq-center .container-xl{padding-right: 15px;padding-left: 15px;}
}



.news-center{padding: 40px 0 80px 0;}
.news-center .row{margin-left: -20px;margin-right: -20px;}
.news-center .col-md-4{padding-left: 20px;padding-right: 20px;}
.news-center .box{padding: 0 0 30px 40px;margin-bottom: 40px;background-color: #ffffff;transition: all 0.3s;cursor: pointer;box-shadow: 0px 10px 30px 0px  rgba(59, 68, 185, 0.1);display: block;}
.news-center .box .t1{font-size: 20px;font-weight: 500;line-height: 32px;color: #202937;transition: all 0.3s;margin-top: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 64px;}
.news-center .box .t2{line-height: 28px;color: #666666;margin: 20px 0 40px 0;transition: all 0.3s;font-size: 18px;height: 56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-center .box .sj{display: flex;}
.news-center .box .sj .sj1{font-family: 'Arial';font-weight: bold;line-height: 35px;color: #082e68;opacity: 0.4;padding: 0 20px;background-color: #e5ebf7;transition: all 0.3s;}
.news-center .box .sj .sj2{background-color: #ff6f00;font-weight: 500;line-height: 35px;color: #ffffff;padding: 0 20px;transition: all 0.3s;}
.news-center .box .text{padding-right: 29px;}
.news-center .box:hover{background-color: #ff6f00;}
.news-center .box:hover .t1,.news-center .box:hover .t2{color: #ffffff;}
.news-center .box:hover .sj .sj2{background-color: #e5ebf7;color: #082e68;opacity: 0.8;}
.news-center .box .sj .sj2:hover{background-color: #e5ebf7;color: #082e68;opacity: 1;}


@media(max-width:1600px) {
    .news-center .container-xl{padding-right: 20px;padding-left: 20px;}
}

@media(max-width:768px) {
    .news-center{padding: 30px 0;}
    .news-center .row{margin-left: -15px;margin-right: -15px;}
    .news-center .col-md-4{padding-left: 15px;padding-right: 15px;}
    .news-center .container-xl{padding-right: 15px;padding-left: 15px;}
}



.news-content{padding: 80px 0 160px 0;}
.news-content .container-xl{display: flex;justify-content: space-between;}
.news-content .container-xl .news-left{flex: 0 0 68%;}
.news-content .container-xl .news-left .title{font-size: 32px;font-weight: bold;line-height: 48px;color: #142743;}
.news-content .container-xl .news-left .sum{display: flex;margin: 50px 0 30px 0;}
.news-content .container-xl .news-left .sum span{margin-right: 60px;font-size: 18px;line-height: 28px;color: #ff6f00;}
.news-content .container-xl .news-left .news-box{display: flex;}
.news-content .container-xl .news-left .news-box .le{flex: 0 0 13%;}
.news-content .container-xl .news-left .news-box .le .public-social{display: flex;flex-direction: column;}
.news-content .container-xl .news-left .news-box .ri{flex: 0 0 83%;}
.news-content .container-xl .news-left .news-box .news-con p{font-size: 18px;line-height: 30px;color: #5a5a5a;}
.news-content .social-linkedin{background: #f8f8fc !important; }
.news-content .social-linkedin:hover{background: #0077b5 !important;color: #fff !important;}
.news-content .social-youtube{background: #f8f8fc !important;}
.news-content .social-youtube:hover{background: #cd201f !important;color: #fff !important;}
.news-content .social-twitter{background: #f8f8fc !important;}
.news-content .social-twitter:hover{background: #55acee !important;color: #fff !important;}
.news-content .social-facebook{background: #f8f8fc !important;}
.news-content .social-facebook:hover{background: #3b5998 !important;color: #fff !important;}
.news-content .social>span,.news-content .social>a{border-radius: 50%;color: #6584ad !important;margin-bottom: 20px;margin-left: 10px;}
.news-content .container-xl .news-right{flex: 0 0 28%;}
.news-content .container-xl .news-right .head1{font-size: 22px;font-weight: bold;line-height: 39px;color: #000000;}
.news-content .container-xl .news-right .search-group{width: auto;border-radius: 0;margin-top: 20px;margin-bottom: 80px;}
.news-content .container-xl .news-right .search-group i{color: #1f5fb9;}
.news-content .container-xl .news-right .search-group .btn:hover i{color: #fff;}
.news-content .container-xl .news-right .box{margin-bottom: 70px;transition: all 0.3s;cursor: pointer;display: block;margin-top: 20px;}
.news-content .container-xl .news-right .box .img{overflow: hidden;}
.news-content .container-xl .news-right .box .t1{font-size: 20px;font-weight: 500;line-height: 32px;color: #202937;transition: all 0.3s;margin-top: 20px;}
.news-content .container-xl .news-right .box .t2{line-height: 28px;color: #666666;margin: 20px 0 40px 0;transition: all 0.3s;font-size: 18px;height: 56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-content .container-xl .news-right .box .sj{display: flex;}
.news-content .container-xl .news-right .box .sj .sj1{font-family: 'Arial';font-weight: bold;line-height: 35px;color: #082e68;opacity: 0.4;padding: 0 20px;background-color: #e5ebf7;transition: all 0.3s;}
.news-content .container-xl .news-right .box .sj .sj2{background-color: #ff6f00;font-weight: 500;line-height: 35px;color: #ffffff;padding: 0 20px;transition: all 0.3s;}
.news-content .container-xl .news-right .box .text{padding-right: 20px;}
.news-content .container-xl .news-right .box .sj .sj2:hover{background-color: #e5ebf7;color: #082e68;}


@media(max-width:768px) {
    .news-content{padding: 30px 0;}
    .news-content .container-xl{flex-direction: column;}
    .news-content .container-xl .news-left .title{font-size: 24px;line-height: 32px;}
    .news-content .container-xl .news-left .sum{margin: 10px 0;}
    .news-content .container-xl .news-left .sum span{margin-right: 20px;font-size: 14px;}
    .news-content .container-xl .news-left .news-box{flex-direction: column;}
    .news-content .container-xl .news-left .news-box .le .public-social{flex-direction: row;}
    .news-content .social>span, .news-content .social>a{margin-bottom: 10px;}
    .news-content .container-xl .news-left .news-box .news-con p{font-size: 14px;line-height: 22px;}
    .news-content .container-xl .news-right{margin-top: 20px;}
    .news-content .container-xl .news-right .head1{font-size: 20px;}
    .news-content .container-xl .news-right .search-group{margin: 15px 0;}
    .news-content .container-xl .news-right .box{margin: 20px 0;}
    .news-content .container-xl .news-right .box .t1{font-size: 18px;line-height: 30px;margin-top: 15px;}
    .news-content .container-xl .news-right .box .t2{line-height: 24px;margin: 15px 0;font-size: 14px;height: auto;}
    .news-content .container-xl .news-right .box .text{padding-right: 0;}
}

.news-chang{display: flex;justify-content: space-between;padding-top: 60px;border-top: 1px solid  #dddddd;align-items: flex-start;}
.news-chang .chang-le{flex: 0 0 70%;}
.news-chang .chang-le .prev{margin-bottom: 15px;}
.news-chang .chang-le .pr{background-color: #f4f4f4;border-radius: 4px;font-size: 18px;font-weight: 300;line-height: 30px;color: #ff6f00;padding: 0 10px;margin-right: 10px;}
.news-chang .chang-le a{font-size: 18px;color: #142743;}
.news-chang .chang-le a:hover{color: #ff6f00;text-decoration: underline;}
.news-chang .chang-ri{font-size: 14px;font-weight: 500;line-height: 46px;color: #ffffff;padding: 0 50px;background-color: #ff6f00;border: 1px solid  #ff6f00;transition: all 0.3s;}
.news-chang .chang-ri:hover{background-color: #ff6f0000;color: #ff6f00;}


@media(max-width:768px) {
    .news-chang{padding-top: 20px;flex-direction: column;}
    .news-chang .chang-le .pr{font-size: 16px;}
    .news-chang .chang-le .prev{margin-bottom: 10px;}
    .news-center .box{padding: 0 ;margin-bottom: 20px;}
    .news-center .box .text{padding: 20px;}
    .news-center .box .t1{font-size: 16px;line-height: 28px;margin-top: 0;height: auto;}
    .news-center .box .t2{line-height: 22px;margin: 15px 0;font-size: 14px;height: auto;}
    .news-chang .chang-ri{font-size: 14px;line-height: 22px;padding: 0 30px;margin-top: 20px;}
}





.contact{padding: 90px 0;}
.contact-top{display: flex;justify-content: space-between;box-shadow: 2px 3px 7px 0px rgba(0, 0, 0, 0.35);position: relative;z-index: 1;background-color: #fff;margin-bottom: 110px;}
.contact-top .left{flex: 0 0 55%;padding: 70px;}
.contact-top .left .whole-t1{font-size: 38px;}
.contact-top .left .ttt{color: #727272;margin: 10px 0 40px 0;}
.contact-top .left .form-feedback .form-control{background-color: transparent;border-radius: 0;border: solid 1px #cccccc;padding-top: 10px;padding-bottom: 10px;color: #c5c6c7;}
.contact-top .left .form-feedback .btn{font-size: 18px;border-radius: 0;;background-color: transparent;color: #ff6f00;}
.contact-top .left .form-feedback .btn:hover{background-color: #ff6f00;color: #fff;}
.contact-top .left .form-group{margin-bottom: 20px;}
.contact-top .left .form-group input::-webkit-input-placeholder,.contact-top .left .form-group textarea::-webkit-input-placeholder{color: #c5c6c7;}
.contact-top .left .form-group textarea{resize: none;}
.contact-top .right{flex: 0 0 45%;background-color: #ff6f00;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 0 50px;}
.contact-top .right .img img{box-shadow: 2px 3px 7px 0px  rgba(0, 0, 0, 0.35);border-radius: 50%;}
.contact-top .right .whole-t1{color: #fff;line-height: 46px;margin: 40px 0;font-size: 36px;}
.contact-top .right .t2{color: #ffffff;}

.contact .row .box{box-shadow: -2px 2px 7px 0px rgba(0, 0, 0, 0.35);text-align: center;display: flex;flex-direction: column;align-items: center;padding:0 20px 20px  20px;min-height: 235px;margin: 0 10px;}
.contact .row .box .img{width: 60px;height: 65px;background-color: #000000;display: flex;align-items:flex-end;justify-content:center;padding-bottom: 15px;margin-top: -10px;position: relative;transition: all 0.3s ease;}
.contact .row .box .img::before{position: absolute;top: 0;right: -9px;content: '';width: 10px;height: 10px;background-color: #000;clip-path: polygon(0 0, 0% 100%, 100% 100%);transition: all 0.3s ease;}
.contact .row .box .whole-t2{font-size: 25px;margin: 40px 0 30px 0;color: #000;transition: all 0.3s ease;}
.contact .row .box .whole-p{color: #727272;min-height: 96px;font-size: 16px;line-height: 24px;}
.contact .row .box a .whole-p:hover{text-decoration: underline;}
.contact .row .box:hover .img{background-color: #ff6f00;}
.contact .row .box:hover .img::before{background-color: #ff6f00;}

@media(max-width:768px) {
    .contact{padding: 20px 0;}
    .contact-top{flex-direction: column-reverse;margin-bottom: 40px;margin-top: 0;}
    .contact-top .right{padding: 20px;}
    .contact-top .right .img img{width: 50%;}
    .contact-top .right .whole-t1{line-height: 25px;margin: 10px 0;font-size: 20px;}
    .contact-top .left{padding: 20px;}
    .contact-top .left .whole-t1{font-size: 24px;}
    .contact-top .left .ttt{margin: 10px 0;}
    .contact-top .left .form-feedback .btn{font-size: 14px;}
    .contact .row .box{padding: 0 20px 20px 20px;min-height: auto;margin: 20px 0;}
    .contact .row .box .whole-t2{font-size: 22px;margin: 10px 0;}
    .contact .row .box .whole-p{min-height: auto;}
}




.pro-center{padding: 0 0 180px 0;}
.pro-center .pro-box{padding: 80px 0;}
.pro-center .pro-box .container-xl{display: flex;justify-content: space-between;align-items: center;}
.pro-center .pro-box .left{flex: 0 0 42%;background-color: #ffffff;box-shadow: 0px 10px 30px 0px rgba(59, 68, 185, 0.1);overflow: hidden;}
.pro-center .pro-box .right{flex: 0 0 50%;}
.pro-center .pro-box .right .whole-t1{margin: 20px 0;}
.pro-center .pro-box .right .whole-p{margin: 20px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;min-height: 128px;}
.pro-center .pro-box:nth-child(odd){padding: 90px 0;background: linear-gradient(to left,#edf1f7bd 78%,#fff0 0%);}
.pro-center .pro-box:nth-child(even) .container-xl{flex-direction: row-reverse;}

@media(max-width:768px) {
    .pro-center{padding: 0 0 30px 0;}
    .pro-center .pro-box{padding: 30px 0;}
    .pro-center .pro-box:nth-child(odd){padding: 30px 0;background: linear-gradient(to left,#edf1f7bd 100%,#fff0 0%);}
    .pro-center .pro-box:nth-child(even) .container-xl{flex-direction: column-reverse;}
    .pro-center .pro-box .container-xl{flex-direction: column-reverse;align-items: flex-start;}
    .pro-center .pro-box .right{margin-bottom: 20px;}
    .pro-center .pro-box .right .whole-t1{margin: 10px 0;}
    .pro-center .pro-box .right .whole-p{margin: 15px 0;min-height: auto;}
    
}


.pro-li-center{background-color: #f4f7fa;padding: 80px 0;}
.pro-li-center .box{display: block;position: relative;overflow: hidden;margin-bottom: 10px;background-color: #ffffff;transition: all 0.3s;margin-bottom: 30px;}
.pro-li-center .box::before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: transparent;border: solid 1px #ff6f00;opacity: 0;transition: all 0.3s;z-index: 1;}
.pro-li-center .box .text{position: absolute;background-color: #e9eef4;width: 100%;padding: 15px;transition: all 0.5s ease-in-out;top: 100%;transform: translateY(-65px);}
.pro-li-center .box .text .to{display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.pro-li-center .box .text .to .t1{font-size: 18px;line-height: 32px;color: #29384f;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.pro-li-center .box .text .t2{transition: all 0.3s;color: #29384f;opacity: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}
.pro-li-center .box:hover{box-shadow: 0px 14px 20px 0px rgba(0, 60, 152, 0.1);}
.pro-li-center .box:hover::before{opacity: 1;}
.pro-li-center .box:hover .text{background-color: #202937d7;transform: translateY(-100%);}
.pro-li-center .box:hover .text .to .t1{color: #fff;}
.pro-li-center .box:hover .text .t2{line-height: 24px;color: #ffffff;opacity: 1;}

@media(max-width:768px) {
    .pro-li-center{padding: 30px 0;}
    .pro-li-center .box::before{display:none;}
    .pro-li-center .box .text{transform: translateY(-100%);background-color: #202937d7;}
    .pro-li-center .box .text .to .t1{color: #fff;}
    .pro-li-center .box .text .t2{line-height: 24px;color: #ffffff;opacity: 1;-webkit-line-clamp: 2;}
    .pro-li-center .box a{display:inline-block;}
    .pro-li-center .box .title{text-align:center;font-size:14px;line-height:20px;margin-top:10px;margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
}




.pro-li-craft{padding: 90px 0;}
.pro-li-craft .container-xl{display: flex;justify-content: space-between;align-items: center;}
.pro-li-craft .left{flex: 0 0 42%;}
.pro-li-craft .left .whole-t1{margin: 40px 0;}
.pro-li-craft .left .text{margin-top: 50px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro-li-craft .left .text p{padding-left: 40px;font-size: 18px;line-height: 50px;color: #2f3948;border-bottom: 3px solid #ff6f00;margin-bottom: 20px;position: relative;flex: 0 0 48%;}
.pro-li-craft .left .text p::before{content: '';width: 18px;height: 18px;background: url(../../images/yes.png) no-repeat;left: 0;top: 16px;position: absolute;}
.pro-li-craft .right{flex: 0 0 52%;}
.pro-li-craft .left .text p:nth-child(odd){flex: 0 0 40%;}

@media(max-width:768px) {
    .pro-li-craft{padding: 30px 0;}
    .pro-li-craft .container-xl{flex-direction: column;}
    .pro-li-craft .left .whole-t1{margin: 15px 0;}
    .pro-li-craft .left .text{margin: 0 0 15px 0;}
    .pro-li-craft .left .text p{flex: 0 0 100%;font-size: 16px;line-height: 50px;margin-bottom: 0px;}
    .pro-li-craft .left .text p:nth-child(odd){flex: 0 0 100%;}

}




.pro-li-process{background: #f7fafb;padding: 90px 0 110px 0;}
.pro-li-process .container-xl{padding-right: 0;margin-right: 0;}
.pro-li-process .kuai{margin: 20px 0;}
.pro-li-process .whole-p{width: 78%;}
.pro-li-process .swp-box{margin-top: 70px;display: flex;align-items: center;}
.pro-li-process .swp-box .box{background-color: #ffffff;padding: 30px 10px 60px 0;}
.pro-li-process .swp-box .box .top{display: flex;align-items: center;margin-bottom: 20px;}
.pro-li-process .swp-box .box .top .sz{width: 62px;height: 62px;background-color: #ebeef2;display: flex;align-items: center;justify-content: center;margin-right: 20px;font-family: 'Arial';font-size: 32px;font-weight: bold;color: #29384f;margin-left: 10px;border-radius: 50%;}
.pro-li-process .swp-box .box .top .t1{font-size: 20px;color: #29384f;}
.pro-li-process .swp-box .box .img{position: relative;padding-right: 20px;}
.pro-li-process .swp-box .box .img .ri{position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.pro-li-process .swp-pr{min-width: 260px;display: flex;align-items: center;}
.pro-li-process .swiper-button-next,.pro-li-process .swiper-button-prev{position: relative;min-width: 84px;}
.pro-li-process .swiper-button-prev{left: 20px;}
.pro-li-process .swiper-button-next{right: -20px;}
.pro-li-process .swiper-button-prev:after,.pro-li-process  .swiper-button-next:after{font-size: 0;}


@media(max-width:768px) {
    .pro-li-process{padding: 30px 0;}
    .pro-li-process .container-xl{padding-right: 15px;margin-right: auto;}
    .pro-li-process .kuai{margin: 10px 0;}
    .pro-li-process .whole-p{width: auto;}
    .pro-li-process .swp-box{display: block;margin-top: 20px;}
    .pro-li-process .swp-box .box{padding: 20px 10px 20px 0;}
    .pro-li-process .swp-box .box .top .sz{width: 40px;height: 40px;font-size: 20px;}
    .pro-li-process .swiper-button-next{right: 0;}
    .pro-li-process .swiper-button-prev{left: 0;}
    .pro-li-process .swiper-button-next, .pro-li-process .swiper-button-prev{min-width: 40px;}
}



.pro-li-application{padding: 100px 0 50px 0;background: linear-gradient(to top,#2f3948 40%,#fff0 0%);}
.pro-li-application .top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 100px;}
.pro-li-application .top .whole-t1{margin-bottom: 30px;}
.pro-li-application .top .right{flex: 0 0 65%;font-size: 18px;line-height: 32px; opacity: 0.6;}
.pro-li-application .top .right .whole-p:nth-child(1){margin-bottom: 30px;}
.pro-li-application .swp-box{position: relative;}
.pro-li-application .swp-box .box{width: 82%;margin: 0 auto;}
.pro-li-application .swiper-slide{width: 60%;}
.pro-li-application .swiper-slide-active{width: 70%;}
.pro-li-application .swp-box .box .t1{font-size: 0;font-weight: bold;line-height: 43px;color: #2f3948;text-align: center;padding: 30px 0;background: #fff;}
.pro-li-application .swp-box .box .swiper-slide-active .t1{font-size: 24px;}
.pro-li-application .swiper-button-next,.pro-li-application .swiper-button-prev{top: inherit;bottom: 0;}
.pro-li-application .swiper-button-prev:after,.pro-li-application  .swiper-button-next:after{font-size: 0;}
.pro-li-application .swiper-button-next,.pro-li-application .swiper-button-prev{min-width: 60px;height: 60px;position: relative;}
.pro-li-application .swp-lw{position: relative;display: flex;align-items: center;justify-content: space-between;  margin-top: 50px;}
.pro-li-application .swp-lw .swiper-pagination{position: relative;}
.pro-li-application .swp-lw  .swiper-pagination-bullet{width: 20px;height: 21px;background-color: #ffffff00;border: solid 2px #ffffff;}
.pro-li-application .swp-lw  .swiper-pagination-bullet-active{background-color: #ffffff;}


@media(max-width:768px) {
    .pro-li-application{padding: 30px 0;}
    .pro-li-application .top .whole-t1{margin-bottom: 15px;}
    .pro-li-application .top{flex-direction: column;margin-bottom: 20px;}
    .pro-li-application .top .left{text-align: center;margin-bottom: 20px;}
    .pro-li-application .top .right .whole-p:nth-child(1){margin-bottom: 15px;}
    .pro-li-application .swp-box .box{width: auto;}
    .pro-li-application .swp-box .box .t1,.pro-li-application .swp-box .box .swiper-slide-active .t1{font-size: 18px;padding: 0;}
    .pro-li-application .swp-lw .swiper-pagination-bullet{width: 15px;height: 15px;}
    .pro-li-application .swiper-button-next, .pro-li-application .swiper-button-prev{min-width: 40px;height: 40px;}


}



.pro-li-our{padding: 110px 0;}
.pro-li-our .container-xl{display: flex;justify-content: space-between;align-items: center;}
.pro-li-our .left{flex: 0 0 42%;}
.pro-li-our .right{flex: 0 0 52%;}
.pro-li-our .right .kuai{margin-bottom: 30px;}
.pro-li-our .right .whole-p{margin: 40px 0 60px 0;}


@media(max-width:768px) {
    .pro-li-our{padding: 30px 0;}
    .pro-li-our .container-xl{flex-direction: column-reverse;}
    .pro-li-our .right .kuai{margin-bottom: 10px;}
    .pro-li-our .right .whole-p{margin: 15px 0;}
    .pro-li-our .left{margin-top: 20px;}
}



.pro-li-dh{background-color: #f7fafb;padding: 130px 0;margin-bottom: 140px;}
.pro-li-dh .container-xl{display:flex;justify-content: space-between;}
.pro-li-dh .box{flex: 0 0 30%;background-color: #ffffff;box-shadow: 0px 10px 40px 0px rgba(22, 63, 100, 0.1);padding: 40px 40px 20px 40px;position: relative;}
.pro-li-dh .box .t1{font-size: 16px;line-height: 27px;color: #163f64;opacity: 0.6;margin-bottom: 30px;min-height: 190px;}
.pro-li-dh .box .dh{position: absolute;top: 0;right: 40px;transform: translateY(-50%);}
.pro-li-dh .box .bo{font-size: 18px;font-weight: bold;line-height: 48px;color: #163f64;font-family: 'Arial';}
.pro-li-dh .box .bo img{margin-right: 30px;display: none;}

@media(max-width:768px) {
    .pro-li-dh{padding: 30px 0;margin-bottom: 0px;}
    .pro-li-dh .container-xl{flex-direction: column;}
    .pro-li-dh .box{padding: 30px 20px 20px 20px;margin: 20px 0;}
    .pro-li-dh .box .t1{font-size: 14px;line-height: 22px;min-height: auto;margin-bottom: 20px;}

}




.product-head{border-bottom: 1px solid #dddddd;}
.product-text{padding-left: 30px;}
.product-thumb-box{display: flex;justify-content: flex-start;position: relative;}
.product-thumb-box .product-thumb{position: relative;border:0;margin-left: 50px;}
.product-thumb-box .zz{z-index: 10;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.product-thumb-box .product-thumb figure.mz-figure{background: #f7f7f700;}
.product-thumb-box .product-thumb img{mix-blend-mode: multiply!important;}
.product-thumb-box .product-thumbs{width: 24%;position: relative;margin: 0;padding: 0;}
.product-thumb-box .product-thumbs .swiper-wrapper{height: 460px;margin-bottom: 10px;}
.product-thumb-box .swiper-container{padding-left:0;padding-right: 0;padding-top: 0;}
#swiper-button-prev-product-thumbs{position: relative;width: 40px;border: 1px solid #ff6f00;background: #ff6f00; border-radius: 50%;opacity: 1; overflow: hidden; height: 40px;margin: 0 auto;display: flex;align-items: center;justify-content: center; left: initial;right: initial; top: initial;}
#swiper-button-prev-product-thumbs:after{content: "\f062";font-family: cmsfont;font-size: 14px;font-weight: bold;color: #fff;}
#swiper-button-next-product-thumbs{position: relative;width: 40px;border: 1px solid #ff6f00;background: #ff6f00; border-radius: 50%;opacity: 1; overflow: hidden; height: 40px;margin: 0 auto;display: flex;align-items: center;justify-content: center; top: initial;left: initial;right: initial; top: initial;}
#swiper-button-next-product-thumbs:after{content: "\f063";font-family: cmsfont;font-size: 14px;font-weight: bold;color: #fff;}
#swiper-button-next-product-thumbs.swiper-button-disabled,#swiper-button-prev-product-thumbs.swiper-button-disabled{border: 1px solid #ff6f00;background: #fff;}
#swiper-button-next-product-thumbs.swiper-button-disabled:after,#swiper-button-prev-product-thumbs.swiper-button-disabled:after{color: #ff6f00;}
a[data-zoom-id], .mz-thumb, .mz-thumb:focus{background: #cfcfcf;border-radius: 0;overflow: hidden;}
.mz-thumb.mz-thumb-selected img{border: 0px solid #d0373f00;mix-blend-mode: inherit;}
.mz-thumb:not(.mz-thumb-selected):hover img{border: 0px solid #e6454500;}
.mz-thumb{position: relative;}
a[data-zoom-id] img, .mz-thumb img{background-color: #f4f4f4;mix-blend-mode:multiply;padding: 0;border: 0;}
.product-head .pro-text{font-size: 18px;line-height: 32px;color: #666666;border-left: 8px solid #ff6f00;padding-left: 32px;margin-bottom: 50px;}
.product-head .features{font-size: 24px;font-weight: bold;color: #333333;margin-bottom: 40px;}
.product-head .pro-features{display: flex;flex-wrap: wrap;}
.product-head .pro-features p{flex: 0 0 50%;line-height: 39px;color: #666666;padding-left: 25px;position: relative;}
.product-head .pro-features p::before{content: '';width: 0;height: 0;border: 7px solid transparent;border-left: 10px solid #ff6f00;position: absolute;left: 0;top: 13px;}
.product-head .pro-con-swp{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;}
.pro-social-box .public-social{padding-top: 30px;}
.pro-social-box .social-linkedin{background: #0077b500 !important;}
.pro-social-box .social-linkedin:hover{background: #0077b5 !important;}
.pro-social-box .social-youtube{background: #cd201f00 !important;}
.pro-social-box .social-youtube:hover{background: #cd201f !important;}
.pro-social-box .social-twitter{background: #55acee00 !important;}
.pro-social-box .social-twitter:hover{background: #55acee !important;}
.pro-social-box .social-facebook{background: #3b599800 !important;}
.pro-social-box .social-facebook:hover{background: #3b5998 !important;}
.product-head .whole-a{padding: 11px 50px;cursor: pointer;margin-top: 30px;}
.pro-content{padding: 90px 0 200px 0;}
.pro-content .con-head{font-size: 24px;line-height: 62px;color: #ff6f00;font-weight: bold;}
.pro-content .kuai{background-color: #333333;width: 73px;height: 3px;margin-top: 15px;}
.pro-content p{line-height: 43px;color: #666666;}
.pro-content .pro-con-one{display: flex;flex-wrap: wrap;justify-content: space-between;}
.pro-content .pro-con-one p{position: relative;padding-left: 60px;flex: 0 0 45%;}
.pro-content .pro-con-one p::before{content: '';position: absolute;left: 0;top: 10px;background: url(../../images/dg.png) no-repeat;width: 25px;height: 25px;}


@media(max-width:768px) {
    .product-thumb-box{display: block;}
    .product-thumb-box .product-thumb{margin-left: 0;}
    .product-text{padding-left:0px;}
    .product-head .pro-text{font-size: 14px;line-height: 22px;color: #666666;border-left: 4px solid #ff6f00;padding-left: 10px;margin-bottom: 20px;}
    .product-head .features{margin-bottom: 20px;}
    .product-head .pro-features p{flex: 0 0 100%;line-height: 30px;}
    .product-head .pro-features p::before{top: 8px;}
    .pro-social-box .public-social{padding-top: 15px;}
    .product-head .whole-a{padding: 5px 30px; cursor: pointer;margin-top: 20px;}
    .pro-content{padding: 30px 0;}
    .pro-content p{line-height: 24px;}
}




.con-app{display: flex;justify-content: space-between;margin-top: 60px;}
.con-app .left{flex: 0 0 59%;}
.con-app .left .a1{display: none;}
.con-app .left .a1.active{display: block;}
.con-app .left .a1 .t1{color: #333333;font-weight: bold;margin: 40px 0 20px 0;}
.con-app .left .a1 .t2{line-height: 26px;color: #666666;}
.con-app .right{flex: 0 0 31%;}
.con-app .right .aa1{background-color: #edf1f7;line-height: 45px;color: #333333;padding: 0 30px;cursor: pointer;margin-bottom: 6px;font-weight: bold;}
.con-app .right .aa1.active{background-color: #ffe2cc;color: #ff6f00;}
.con-to{text-align: center;}
.con-to .whole-t1{font-size: 36px;margin-bottom: 40px;}
.con-to .kuai{margin: 0 auto;margin-bottom: 90px;}
.con-news{padding: 100px 0 150px 0;}


@media(max-width:1600px) {
    .con-news .container-xl{padding-right: 20px;padding-left: 20px;}

}

@media(max-width:768px) {
    .con-app{flex-direction: column-reverse;margin-top: 20px;}
    .con-app .left{margin-top: 20px;}
    .con-app .left .a1 .t1{margin: 15px 0;}
    .con-to .whole-t1{font-size: 24px;margin-bottom: 15px;}
    .con-to .kuai{margin-bottom: 20px;}
    .pro-li-center .box{margin-bottom: 20px;}
    .con-news{padding: 30px 0;}
    .con-news .container-xl{padding-right: 15px;padding-left: 15px;}

}



/*浮动*/
#float{position:fixed;right:5px;bottom:105px; margin-top:-60px;z-index:55;}
#float .ico{display:block;width:55px;height:55px; text-align:center;position:relative;cursor:pointer;margin-bottom:5px;}
#float .ico>i{font-size:30px;line-height:55px;border-radius:50%;display:block;color:#fff;position:relative;z-index:9999;background:#ff6f00;}
#float .ico>.img{position:absolute;right:55px;width:140px;top:0;display:none;background-color:#fff;}
#float .ico>.img>img{width:100%;}
#float .ico p{position:absolute;top:0;border-radius:10px; right:-350px;padding:0px 20px;line-height:55px; font-size:16px;height:55px;background-color:#ff6f00;color:#FFF;transition:all 0.5s;z-index:0;white-space: nowrap;}
#float .ico:hover>.img{display:block;}
#float .ico:hover p{right:55px;}
@media (min-width:1px) and (max-width:991px){
    #float .ico{width:40px;height:40px;}
    #float .ico>i{font-size:22px;line-height:40px;}
    #float .ico>.img{right:40px;}
    #float .ico p{line-height:40px;padding:0 15px;height:40px;}
}


.xc-pronav{position:relative;width:100%;z-index:10;margin-top:-60px;}
.xc-pronav .top .container-xl{display:flex;flex-wrap:wrap;}
.xc-pronav .top{background:#afb8c7;padding:0;}
.xc-pronav .top a{font-size:17px;line-height:60px;color:#fff;padding:0 14px;display:inline-block;position:relative;border-right:1px solid rgba(255, 255, 255, 0.5);}
.xc-pronav .top a:last-child{border-right:0;}
.xc-pronav .top a:hover{background:#ff6f00;transition:all 0.5s;}
.xc-pronav .top a.active{background:#ff6f00;}
.xc-pronav .bottom{background:#f6f6f6;padding:15px 0;}
.xc-pronav .bottom a{font-size:17px;line-height:24px;margin-right:15px;padding:15px 20px;display:inline-block;}
.xc-pronav .bottom a:before{content:"●";display:inline-block;margin-right:20px;color:#ff6f00;}
.xc-pronav .bottom a.active{color:#fff;background:#ff6f00;}
.xc-pronav .bottom a.active:before{color:#fff;}
.xc-pronav .bottom a:hover{color:#fff;background:#ff6f00;transition:all 0.5s;}
.xc-pronav .bottom a:hover:before{color:#fff;}

@media(max-width:1460px) {
  .banner.ny.about-ny .box .container-xl{padding-top:30px;}
    .banner.ny .ny-title{margin-top:10px;}
    .xc-pronav{margin-top:-50px;}
    .xc-pronav .top a{font-size:16px;padding:0 8px;line-height:50px;}
    .xc-pronav .bottom a{font-size:15px;line-height:22px;}
}


.tk{position:fixed;right:-426px;bottom:20%;z-index:90;display:flex;align-items:center;height:241px;width:480px;transition:all 0.5s;}
.tk .left{width:64px;}
.tk .left img{height:241px;width:64px;}
.tk .right{color:#fff;background:#ff7632;height:100%;display:flex;align-items:center;padding:0 5px; height:310px;}
.tk .right .box{padding-left:25px;padding-right:15px;}
.tk .right a{color:#fff;}
.tk .right a:hover{text-decoration:underline;}
.tk .right .t1{text-transform:uppercase;font-size:18px;line-height:22px;margin-bottom:10px;font-weight:bold;}
.tk .right .t2{font-size:16px;line-height:28px;margin-bottom:5px;}
.tk .right .t3{font-size:16px;line-height:28px;}
.tk:hover{right:0;}

.tk .form-feedback .form-control{font-size:14px;line-height:24px;padding-top:4px;padding-bottom:4px;}
.tk .form-feedback .form-group{margin-bottom:4px;}
.tk .form-row{margin-left:-3px;margin-right:-3px;}
.tk .form-row .col-md-6,.tk .form-row .col-12{padding-left:3px;padding-right:3px;}
.tk .form-feedback .btn{font-size:14px;line-height:24px;padding-top:4px;padding-bottom:4px;background:#121726}

@media(max-width:768px) {
  .tk{width:100%;right:-85%;}
  .tk .left img{height:100%;width:auto;}
  .tk .left{width:auto;}
  .tk .right .box{padding-left:45px;padding-right:55px;}
  .tk .right .t1{text-transform:uppercase;font-size:16px;line-height:22px;margin-bottom:20px;font-weight:bold;}
  .tk .right .t2{font-size:14px;line-height:22px;margin-bottom:5px;}
  .tk .right .t3{font-size:14px;line-height:22px;}
}


.pro-bus{background: #fff;padding: 90px 0 0px;}
.pro-bus h2{font-size: 42px;font-weight: bold;text-align: center;margin-bottom: 80px;color: #29384f;}
.pro-bus h2:before{content:"";width:80px;height:1px;background:#ff6f00;display:block;margin:0 auto 15px;}
.pro-bus .col-md-4{margin-bottom: 30px;}
.pro-bus .t2{background: #ff6f00;display:flex;align-items:center;justify-content:center;height:88px;}
.pro-bus h4{font-size: 28px;color: #fff; line-height:35px; font-weight: bold;text-align: center;}
.pro-bus .img{margin-bottom: 20px;}
.pro-bus p{font-size: 16px;color: #636363;line-height: 28px;}
.pro-bus p strong{color:#ff6f00;}

@media(max-width:768px) {
    .pro-bus{padding: 30px 0 0px;}
    .pro-bus h2{font-size: 22px;margin-bottom: 30px;}
    .pro-bus h4{font-size: 20px;padding: 15px;}
    .pro-bus p{font-size: 14px;line-height: 20px;}
}

/*cookies板式二*/
.google-cookies{position:fixed;z-index:99;bottom:20px;left:0;right:0;}
.google-cookies.off{display:none;}
.google-cookies .container-xl{max-width:1400px; display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;box-shadow:8px 0 15px rgba(0, 0, 0, 0.2);background:#fff;padding:20px;border-radius:10px;}
.google-cookies .left{width:70%;}
.google-cookies .right{text-align:center;}
.google-cookies .t1{font-size:20px;font-weight:bold;color:#ff6f00;margin-bottom:5px;}
.google-cookies .p1{font-size:14px;line-height:22px;}
.google-cookies .p1 a{font-weight:bold;text-decoration:underline; margin-right:10px;}
.google-cookies .cookies-btn{border:1px solid #ff6f00;color:#ff6f00;display:block;font-size:16px;padding:8px 25px;margin-top:8px; background:#fff; transition: all 0.5s;border-radius:10px;cursor:pointer;}
.google-cookies .cookies-btn:hover{text-decoration:underline;}
.google-cookies .cookies-btn:first-child{background:#ff6f00;color:#fff;margin-top:0}

@media(max-width:768px) {
  .google-cookies{padding:0;bottom:0;}
  .google-cookies .container-xl{border-radius:0;padding:10px;}
  .google-cookies .left{width:100%;}
  .google-cookies .t1{font-size:16px;line-height:24px;}
  .google-cookies .p1{font-size:14px;line-height:16px;margin-bottom:10px;}
  .google-cookies .right{width:100%;text-align:left;}
  .google-cookies .cookies-btn{padding:5px 10px;border-radius:0;margin-top:10px;font-size:14px;display:inline-block;}
}