.service_banner{padding: 10vw 0; background: url(../images/oembanner.jpg) no-repeat center center; background-size: cover;}
.unit-breadcrumb__nav .breadcrumb{background: none; padding: 0; display: flex; color: #fff; line-height: 1.8; font-size: 16px;}
.breadcrumb > li{display: flex !important;}
.nostyle{line-height: 1.8; font-size: 16px; margin: 0; color: #fff}
.breadcrumb > li a,.nostyle a{color: rgba(255, 255, 255, 0.62);}
.breadcrumb > li + li:before{content: "\e600"; font-family: "iconfont" !important; transform: rotate(180deg);}
.serviceb_t{font-size: 2.1vw; color: #fff;     line-height: 1.2; font-family: 'Anton', sans-serif;  text-transform: uppercase;}

.tc_bg{ background:rgba(0, 0, 0, .45); position: fixed; top:0; width:100%; z-index:100;     height: 100vh;}
.tc_bg .container{height:500px; margin-top:100px; background:#fff}
.tc_ly form{padding: 50px;}

.modal__header {
    flex: 0;
    position: relative;
    padding: 16px 24px;
    color: rgba(0, 0, 0, .85);
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    border-radius: 2px 2px 0 0;
}
.inquiry-modal .modal__title {
    font-weight: bold;
}
.inquiry-modal .modal__title, .inquiry-modal .custom-control-label {
    text-transform: capitalize;
}
.inquiry-modal .modal__title, .inquiry-modal .custom-control-label {
    text-transform: capitalize;
}
.follow-font-family[text-style] {
    font-size: inherit;
    font-style: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    text-decoration: inherit;
    text-transform: inherit;
}
.modal__close {
    font-family: iconfont, sans-serif;
    text-shadow: 0 0 1px rgba(0,0,0,.05);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    line-height: 50px;
    font-size: 30px;
    width: 56px;
    height: 56px;
    text-align: center;
    color: rgba(0, 0, 0, .45);
    cursor: pointer;
}

.pro_detail  .bg-facebook .unit-social-list__icon {
                background-color: #3b5998
            }

            .pro_detail  .bg-youtube .unit-social-list__icon {
               background-color: red
            }

            .pro_detail .bg-twitter .unit-social-list__icon {
                background-color: #000
            }

            .pro_detail .bg-linkedin .unit-social-list__icon {
                background-color: #377ca5
            }

            .pro_detail .bg-instagram .unit-social-list__icon {
                background-color: #be347f
            }

            .pro_detail .bg-pinterest .unit-social-list__icon {
                background-color: #bc081c;
            }

            .pro_detail .bg-reddit .unit-social-list__icon {
                background-color: #ff4500
            }

            .pro_detail .bg-skype .unit-social-list__icon {
                background-color: #00aff0
            }

            .pro_detail .bg-telegram .unit-social-list__icon {
                background-color: #22a0d3
            }

            .pro_detail .bg-tiktok .unit-social-list__icon {
                background-color: #010101
            }

            .pro_detail .bg-tumblr .unit-social-list__icon {
                background-color: #35465e
            }

            .pro_detail .bg-vk .unit-social-list__icon {
                background-color: #0189fd
            }

            .pro_detail .bg-whatsapp  .unit-social-list__icon{
                background-color: #42c655
            }

            .pro_detail .bg-viber .unit-social-list__icon{
                background-color: #7b519f
            }



.choose{display: flex; flex-wrap: wrap; margin: 0 -0.8vw}
.choose_li{padding: 0.8vw; width: 33.33333%}
.choose_div{background: #fff; padding: 2vw 1vw 2vw 1vw; text-align: center; height: 100%}
.choose_svg{width: 15%; margin: 0 auto; color: #0087e0; transition: all 0.5s}
.choose_li:hover .choose_svg{transform: scale(1.1);}
.choose_p{margin-top: 0.5vw; padding: 15px; font-size: 18px; font-family: 'Anton', sans-serif; color: rgba(51, 51, 51, 1);}
.no-gutters{overflow: hidden; margin-top: 2vw; display: flex; flex-wrap: wrap; align-items: center; background: rgba(243, 247, 242, 1);}
.professional{background: #d9e8f8}
.professional .home_tit{padding: 0 10vw}
.gutters_txt{padding: 0 3vw; }
.gutters_img{padding: 0}
.gutters_txt h1{font-family: 'Anton', sans-serif; font-size: 18px; padding: 10px 0}
.gutters_txts p{line-height: 1.8; font-size: 16px; color: rgba(102, 102, 102, 1);}
.what .home_tit{padding: 0 15vw}
.what_list{margin: 0 -0.8vw; display: flex; flex-wrap: wrap;}
.what_li{padding:0.8vw; width: 50%}
.what_txt{overflow: hidden;  padding: 15px;}
.what_lidiv{background: #fff; height: 100%}
.what_txt h3{margin: 0; font-size: 18px; color: rgba(51, 51, 51, 1); line-height: 1.8;  font-family: 'Anton', sans-serif; padding-bottom: 10px;}
.what_txt p{line-height: 1.8; font-size: 16px; color: rgba(102, 102, 102, 1)}
.what_lidiv img{transition: all 0.5s}
.what_lidiv:hover img{transform: scale(1.06);}
.what_li_img{overflow: hidden;}
.order_list{background:#d9e8f8; padding-bottom: 4vw}
.pr8{padding-right: 8vw}
.order-img{padding-bottom: 4vw}

.what_list4 .what_li{width: 25%}
.what_list4 .what_txt p{margin-bottom: 0; padding: 1vw 0}
.what_list4 .what_txt{padding: 0px 15px; text-align: center;}
.order_list .home_tit p{padding-bottom: 0;}

.about_top{background-color: #d9e8f8;
    background-position: bottom left; 
    background-repeat: repeat-x;background-blend-mode: normal;}
.abny_to{background-color: #d9e8f8; padding-top: 3vw; }
.abny_to nav ol{justify-content: center; padding-top: 16px;}
.abny_to nav ol a{    color: rgba(102, 102, 102, 1);}
.abny_to .breadcrumb > li + li:before{color: rgba(102, 102, 102, 1);}
.about_tit{font-size: 2.1vw;     color: rgba(51, 51, 51, 1);  text-align: center;  font-family: 'Anton', sans-serif; text-transform: uppercase; padding:10px 11vw; line-height: 1.3}
.about_ny .company_li{width: 100%}
.about_ny .company_li span{padding-left: 45px; color: rgba(102, 102, 102, 1); line-height: 1.8; font-size: 16px; display: inline-block;}
.story{background: #d9e8f8; padding: 5vw 0}
.introduction2{font-size: 18px; line-height: 1.5;  color: #333; font-family: 'Anton', sans-serif; padding: 10px 0; margin-bottom: 1vw}
.pr2{padding-right: 2vw}
.pl2{padding-left: 2vw;}
.story .pl2{border-left: solid 1px rgba(102, 102, 102, 0.15);}
.story p{font-size: 16px; line-height: 1.8; color: rgba(102, 102, 102, 1);}
.ourteam{padding: 5vw 0;    background-color: rgba(243, 247, 242, 1);}
.ourteam .what_list4 .what_txt p{padding: 15px 0 0 0; font-family: 'Anton', sans-serif; line-height: 1.5; font-size: 18px; color: rgba(51, 51, 51, 1);}
.certificates{    background-color: #d9e8f8; padding: 5vw 0}
.certificates .home_proyd .img{border-radius: 0}
.certificates .home_tit{padding-bottom: 1vw;}
.company_bg{ background-color: rgba(243, 247, 242, 1);}
.contact_ny .abny_to{background-color: rgba(243, 247, 242, 1); padding-bottom: 5vw;}
.contact_con{padding: 2vw; padding-bottom: 0; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center;}
.contact_con .col-sm-6{padding: 0 2vw}
.r_liuyan{background: #fff}
.con_xx{padding: 2vw 3vw 10px 3vw; text-align: left; border-top: solid 1px #ddd}
.con-left{text-align: center;}
.con-left h4{padding-bottom: 1.5vw; font-family: 'Anton', sans-serif; }
.con-left h3{font-size: 1.5vw; color: rgba(51, 51, 51, 1); line-height: 2; font-weight: bold;}
.con_liuyan .form-row .row{margin: 0 -15px; }
.contact_con .r_liuyan{padding: 3vw 4vw 3vw 4vw;}
.contact_con .r_liuyan .col-sm-12,.contact_con .r_liuyan .col-sm-4{padding: 0 5px;}
.con_form{padding: 10px 0; color: #0087e0;  text-align: center;  letter-spacing: 0.3em;  line-height: 1.7; font-size: 16px;}
.directly{font-size: 26px; font-family: 'Anton', sans-serif; text-align: center; color: rgba(51, 51, 51, 1); line-height: 1.5; padding: 10px 0}
.con_liuyan form{padding: 10px 0}




.video_ny{background: #eeefef}
.video_ny .breadcrumb{padding: 15px 0; margin-bottom: 0; }
.video_ny .breadcrumb a{color: #333}
.video_ny  .breadcrumb > li + li:before{color: #333}
.video_con{padding: 3vw 0}
.faq_con{padding: 4vw 0}
.faq_list{padding-top: 1.5vw}
.faq_list dt{display: flex; justify-content: space-between;}
.xuhao212{width: 20px; font-size: 18px; font-family: 'Anton', sans-serif; font-weight: normal; line-height: 1.8}
.jiajian{width: 20px; text-align: right;}
.faq_tit{flex-grow: 1; font-size: 18px;font-family: 'Anton', sans-serif; font-size: 18px; font-weight: normal; line-height: 1.8}
.faq_list dd{padding: 0 20px; padding-top: 10px;}
.faq_list dt{cursor: pointer;}
.faqdown dd{display: none}
.faqdown .icon-action-minus:before{    content: "\e650";}




.infocenter{padding: 15px 0; margin-bottom: 20px; border: solid 1px #ccc; border-radius: 4px;}
.infocenter dt{padding: 8px 10px 8px 20px; font-size: 18px; line-height: 1.8; font-weight: bold;}
.infocenter dd{padding: 8px 10px 8px 44px; }
.infocenter dd a{font-size: 16px;     opacity: 0.8; color: #333; font-weight: bold;}
.infocenter dd.active a{color:#0087e0;}
.news-ny{margin-top: 1vw}
.left_ly{overflow: hidden; padding: 15px 0; margin-bottom: 20px; border: solid 1px #ccc; border-radius: 4px;}
.left_ly .form-control{border: 0; background: rgba(249, 247, 244, 1); -webkit-box-shadow:initial;}
.left_ly dt{font-weight: normal; padding: 15px 20px 5px 20px;}
.news_li{    flex-direction: row !important;    padding-bottom: 1.5vw; display: flex; align-items: center; border-bottom: solid 1px #ddd; margin-bottom: 1.5vw}
.news_img{width: 33.33%; flex-shrink: 0; display: block; height: auto; padding-right: 0.8vw; overflow: hidden;}
.new_txt2 h1{font-size: 18px; line-height: 1.5; font-family: 'Anton', sans-serif; margin: 0}
.new_txt2 p{margin: 0.5vw 0;   line-height: 1.8;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: normal;
    word-break: break-word;}
.new_txt2 .news_date{font-size: 14px; color: #999}
.news_li .news_img div{overflow: hidden;}
.news_li img{transition: all 0.5s}
.news_li:hover img{transform: scale(1.08);}
.news_li:hover h1{color: #0087e0}


.news-detail{background: none}
.news-detail-ny{background: rgba(243, 247, 242, 1);}
.newdetail-l{    border-radius: 8px;    padding: 3vw 2vw 1vw 2vw;     background-color: #fff;}
.detail_tit{font-size: 18px; line-height: 1.5; font-family: 'Anton', sans-serif; padding: 10px 0; margin-bottom: 20px;}
.detail_date{font-size: 12px; color: #999; padding: 10px 0; margin-bottom: 20px;}
.detai_n{font-size: 16px; line-height: 1.8;}
.recommended{background: #fff; border-radius: 8px; }
.recommended h1{padding: 1.1vw 15px; margin: 0; font-size: 18px; line-height: 1.5; font-family: 'Anton', sans-serif; border-bottom: solid 1px #ddd}
.recommended .news_img{width: 120px; margin-right: 15px; padding-right: 0; border-radius: 4px;}
.recommended .news_li{padding: 15px; margin-bottom: 0}
.recommended .news_li:last-child{border-bottom: 0}
.news-detail-ny .faq_con{padding-top: 3vw;}
.news-detail-ny .news-ny{margin-top: 0}
.infocenter dd.erji2 a{padding: 8px 10px 8px 0px; font-weight: normal; display: block;}
.ej_jiajian{position: relative;}
.ej_jiajian span{ border: 1px solid #A6A6B2; cursor: pointer;
    border-radius: 2px;
    color: #A6A6B2; font-weight: normal; line-height: 14px;  position: absolute; left: 20px; top: 12px;
    height: 14px;
    line-height: 9px;
    text-align: center;
    width: 14px;}
.erji2{display: none}
.ej_jiajian span:before{content:"+"; display: block; padding-top: 2px;padding-left: 1px;}
.ej_jian span:before{content:"-"; padding-top: 1px;}
.pro_list{display: flex; flex-wrap: wrap; margin: -0.8vw}
.pro_li_div{width: 25%; padding: 0.8vw;}
.prili_img{border: solid 1px #ddd; padding: 1px; position: relative;}
.prili_img img{width: 100%}
.pro_li h3{font-size: 18px; letter-spacing: 0px; line-height: 1.5; font-family: 'Anton', sans-serif;     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; color: #333;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: normal;
    word-break: break-word;}
.pro_li p{    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;  color: #333;
    -webkit-box-orient: vertical;
    overflow-wrap: normal;
    word-break: break-word;}
.base-video__play {
    position: absolute; display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    cursor: pointer;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background: rgba(125,205,173,1);
   
    justify-content: center;
    align-items: center;
    transition: .3s;
}
.base-video__play i {
    font-size: 30px;
    color: #fff;
    text-shadow: 0 0 40px #000;
    transition: .3s;
    font-style: normal; margin-left: 2px;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.base-video__play:hover {
    transform: scale(1.2) translate(-40%,-40%);
    background: rgba(0,0,0,0.8)
}

.base-video__play:hover i {
    color: #fff
}

.base-pagination__items {
    display: flex; margin-top: 3vw;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    justify-content: center
}

.base-pagination__item {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    z-index: 1
}

.base-pagination__item:not(.disabled) {
    cursor: pointer
}

.base-pagination__item:not(:last-child) {
    margin-right: 10px
}

.base-pagination__link {
    text-align: center;
    background-color: #f4f4f5;
    color: #303133;
    border: 0;
    padding: 0;
    border-radius: 2px;
    position: relative;
    margin: 0;
    display: block
}

.base-pagination__item.active {
    background: rgba(125,205,173,1);
    color: #fff
}

.base-pagination__item.active .base-pagination__link {
    color: inherit;
    background-color: inherit;
    border-color: inherit;
    font-weight: bold
}

.base-pagination__item.disabled .base-pagination__link {
    opacity: .5;
    color: inherit;
    cursor: unset
}

.base-pagination__item .base-pagination__link {
    width: 30px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background-color: #f4f4f5;
    border: 0;
    padding: 0;
    border-radius: 2px;
    position: relative;
    margin: 0;
    display: block;
    cursor: pointer;
    font-size: 14px;
    color: inherit
}

.base-pagination__item.base-pagination__item-more .base-pagination__link {
    line-height: 22px
}

.base-pagination__item a:hover {
    opacity: .7
}

.base-pagination__item--next span,.base-pagination__item--last span {
    transform: rotate(180deg);
    display: block
}

.base-pagination__item--first span::after,.base-pagination__item--last span::after {
    content: "\e600";
    transform: translateX(-10px);
    display: inline-block
}

.base-pagination__item--first span::after {
    top: 0
}
.base-pagination__item .base-pagination__link {
    height: 46px;
    line-height: 46px;
    width: 46px;
}


.no-gutters:nth-child(odd) .gutters_img{order: 2}


.demo-body { width:760px; margin:0 auto; }
.abPicZoom-preview { width:100%; }

/* 预览图 */
.abPicZoom-preview .bigImg { width:100%;  background:#fff; overflow:hidden; }
    .abPicZoom-preview .bigImg li { width:100%;  overflow:hidden; }
        .abPicZoom-preview .preview, .abPicZoom-preview .bigImg li img { border-radius:30px; width: 100%}

/*选择器*/
.abPicZoom-preview .selector { cursor:move; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; background-color:#000; border:1px solid #eee; width:160px; height:160px; background-image:url(images/selector_bg.png); border-radius:30px; }

/* 缩略图 */
.abPicZoom-preview .smallImg { position:relative; width:100%; height:auto; overflow:hidden; }
    .abPicZoom-preview .smallImg .smallList { width:calc(100% - 100px); margin:0 auto; overflow:hidden; }
        .abPicZoom-preview .smallImg li { float:left; width:100px; padding:15px 5px 10px 5px; }
            .abPicZoom-preview .smallImg li img { border-radius:8px; width:80px; height:80px; cursor:pointer; }
            .abPicZoom-preview .smallImg li a {    width:80px; height:80px;  display:block; border:1px solid #fff; overflow: hidden;}
            .abPicZoom-preview .smallImg li.on a {   width:80px; height:80px; display:block; }
            .abPicZoom-preview .smallImg li a:hover, .abPicZoom-preview .smallImg li.on a:hover { border:1px solid #3dc878; }

/*上下按钮*/
.abPicZoom-preview .sPrev, .abPicZoom-preview .sNext { border-radius:10px;  z-index:2; position: absolute; top:30px; width:18px; height:48px; background:#212121; font-size:18px; line-height:48px; color:#ccc; text-align:center; display:block; }
    .abPicZoom-preview .sPrev { left:10px; } .abPicZoom-preview .sNext { right:10px; }
    .abPicZoom-preview .sPrev:hover, .abPicZoom-preview .sNext:hover { color:#fff; background:#000; }
.bigImg .wrap{width: 100% !important; height: auto !important;}


.xiangqing{background: rgba(243, 247, 242, 1);; padding: 3vw 0}
.xq_content{background: #fff; padding: 40px; padding-top: 0; border-radius: 20px;}
.xq_tit{text-align: center; line-height: 80px; border-bottom: solid 1px #eee; font-size: 24px; margin-bottom: 30px;}

@media(max-width: 998px) {
    .what_list4 .what_li,.what_li,.choose_li,.pro_li_div{width: 100%}
    .introduction,.canshu_li num,.home_tit h1,.serviceb_t,.about_tit{font-size: 24px;}
    .recommended{margin-top: 20px}
    .contact_con .r_liuyan{margin-top: 30px;}
}