#videoContainer {
    position: relative;
    width: 100%;
   
    margin: 0 auto;
}
 
#myVideo {
    width: 100%;
    height: auto;
}
 
.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    z-index: 2; /* 确保按钮在海报图上方 */
}
 
.play-button:hover {
    background: rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%) scale(1.1);
}
 
/* 可选：使用CSS绘制播放图标 */
.play-button::before {
    content: "▶";
    font-size: 36px;
}

*{
    font-family:"Microsoft YaHei",微软雅黑,"SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", "Microsoft Yahei","Hiragino Sans GB",sans-serif;
    /*font-family: SOURCEHANSANSCN-REGULAR;*/
}
body {
    font-size:14px;
    min-width: 1000px;
}

/*HTML默认设置*/
/**{-webkit-user-select:none;-moz-user-select:none; }*/
/*html, body, ul, li, label, button{ font-family: 'Microsoft Yahei',arial,sans-serif;}*/
body{color: #201D1C;;background: #fff;}
ul, li{ list-style:none;}
a{ color: #000; text-decoration:none;}
button{ cursor:pointer;}
textarea, input{ outline:none;-webkit-user-select:text;-moz-user-select:text;}
textarea{ resize:none;}
img{-webkit-touch-callout:none;-moz-user-select:none; border:0;vertical-align:top;
    max-width: 100%;
}
a{
    text-decoration: none!important;
}
 a{
            border:none!important;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            -webkit-tap-highlight-color:transparent;
            outline:none!important;；
            }
html{
    font-size:16px;
}
html.mobile .plugins>.logo, html.mobile .plugins>.language, html.mobile .plugins .nav, html.mobile .service .nav, html.mobile .plugins>.right-control, html.mobile .service .nav {
    display: none !important;
}
.content .text-body a{
    color:#007DFF ;
}

/* 底部 */
.service .footer{
    position: static;
    opacity: 1;
    margin: auto;
}
.footer-bg{
    margin-top: 30px;
    padding-top: 4rem;
    background: #000;
}
.footer{
    position: relative;
    opacity: 1;
    margin: auto;
    width:100%;

    bottom: 0;
    left: 50%;

    z-index: 2;
    opacity: 0;
    /*padding-bottom: 100px;*/
}
.footer .container{
    display: flex;
    /*background-image: url(/static/upload/image/1682577656621805.png);*/
    background-repeat: no-repeat;
    background-position: right bottom;
    padding-bottom: 25px;
    margin-bottom: 5px;
    min-width: 1000px;
    width: 100%;
}
.footer .container .logo-box{
    width:150px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer .container .media-box{
    /*width: 150px;*/
    margin-left: 20px;
}
.footer .container .media-box .title{
    font-size: 16px;
    color: white!important;
    height: 3rem;
    display: flex;
    align-items: center;
}
.footer .container .media-box .icon-list{
    display: flex;
    margin: 10px 0;
}
.footer .container .media-box .icon-list .item{
    flex: 1;
}
.footer .container .media-box .icon-list .item img{
    width: 40px;
    cursor: pointer;
}
.footer .container .media-box .code-box{
    text-align: center;
    margin-top: 20px;
}
.footer .container .media-box .code-box .code{

}

.media-box .icon{
    color: white;
    text-align: center;
    font-size: 14px;
}
.footer .container .content-box{
    flex: 1;
}

.footer-links{
    width: 100%;
    height: 3rem;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;

}
.footer-links a{
    font-size: 16px;
    color: #E4CAA7!important;
    display:inline-block;
    /* margin: 0 4rem\0; */
    width:5rem;
    text-align: left;
    white-space: nowrap;
}

.footer.open .footer-links .icon,
.footer-links .icon:hover{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
.footer-links .icon{
    width: 1.3125rem;
    height: 1.3125rem;
    /*background: url(../img/icon/footer-more.png) no-repeat;*/
    background-size: 100% 100%;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
    cursor:pointer;
    margin: 0 1.53125rem;
}
.footer-info{
    font-size: 14px;
    color: #717171;
    line-height: 1.0625rem;
    padding: 2rem 0rem 2rem 185px;
    text-align: center;
    display: flex;
    align-items: center;
    border-top: 1px solid #726554;
    border-bottom: 1px solid #726554;
}
.footer-info .half{
    flex: 1;
    color: #fff;
    text-align: left;
    display: flex;
    flex-direction: column;
    font-size: 12px;
}
.footer-info .half img{
    height: 50px;
}
.footer-info a{
    color: #717171
}

.footer.open .footer-sub-links{
    display: block;
}
.footer-sub-links{
    position: relative;
    z-index: 1;
    /*    height: 16.25rem;*/
    display: none;
}
.footer-sub-links .f-links-contnt{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    text-align: center;
}
.footer-sub-links .f-links-item{
    padding-top: 0.625rem;
    width: 4.375rem;
    white-space: nowrap;
    display: inline-block\0;
    margin: 0 4rem\0;
    /*     -webkit-animation: fadeIn 1s ease-out 0s both;
        animation: fadeIn 1s ease-out 0s both; */
}
.footer-sub-links .f-links-item a{
    display: block;
    text-align: left;
    font-size:12px;
    color: rgba(255,255,255,.7)!important;
    /*color:white!important;*/
    line-height: 1rem;
    margin-bottom: 1rem;
}
.footer-sub-links .concern{
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.footer-sub-links .concern .left{
    width: 6.25rem;
    height: 8rem;
    padding-top: 1.75rem;
    float: left;
    opacity: 0;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.footer-sub-links .concern img{
    display: block;
    width: 100%;
    height: 100%;
}
.footer-sub-links .concern .right{
    width: 4.1rem;
    margin-left: 0.75rem;
    height: 8rem;
    float: left;
    position: static;
    margin-top: 0;
}
.footer-sub-links .concern .t1{
    font-size:14px;
    color: #9B9B9B;
    line-height: 1.25rem;
    margin-bottom: 0.5rem;
}
.footer-sub-links .concern .wechart,
.footer-sub-links .concern .sina{
    width: 2.75rem;
    height: 2.75rem;
    display: block;
    background-size: 100% 100%;
}
.footer-sub-links .concern .wechart{
    margin-bottom: 0.75rem;
    /*background-image: url(../img/icon/derucci_pc_icon_menu_footer_wechart_default.png)*/
}
.footer-sub-links .concern .sina{
    /*background-image: url(../img/icon/derucci_pc_icon_menu_footer_sina_default.png)*/
}
.footer-sub-links .concern .wechart:hover{
    /*background-image: url(../img/icon/derucci_pc_icon_menu_footer_wechart_hover.png)*/
}
.footer-sub-links .concern .sina:hover{
    /*background-image: url(../img/icon/derucci_pc_icon_menu_footer_sina_hover.png)*/
}





@-webkit-keyframes fadeIn{
    0% {opacity: 0;-webkit-transform:translate3d(0,-20px,0)}
    100% {opacity: 1;-webkit-transform:translate3d(0,0,0)}
}
@keyframes fadeIn{
    0% {opacity: 0;transform:translate3d(0,-20px,0)}
    100% {opacity: 1;transform:translate3d(0,0,0)}
}
.plugins.service{
    padding: 0;
}
.plugins.service .nav{
    transition: all .25s;
    animation: fadeIn .25s ease-out 0s both;
}
.service .nav-col,
.plugins.service .nav .nav-col{
    /*margin-left: 100px;*/
    width: auto;
    margin: auto;
    display: block;
    height: 60px;
    text-align: center;
}
.plugins.service>.logo{
    z-index: 12;
    left: 10px;
    top: 6px;
    background-image: url(https://sxy.kabaili.com.cn/gw/cptu/logo.png);
}
.plugins .nav:after{
    content: '';
    clear: both;
    display: table;
}
.plugins .nav-col li{
    display: inline-block;
    padding-left: 2rem;
}
.plugins .nav-col li a{
    font-size:14px;
    -webkit-transition:color 1s linear 0.3s;
    transition:color 1s linear 0.3s;
    color: rgba(255,255,255,0.80);
}
.plugins .nav-col a.cur{
    color: #EED8AB;
}
.plugins.black .pagination a{
    color: #201D1C;
}
.plugins .nav-icon,.service .nav-icon{
    float: right;
    /*    width: 8.25rem;*/
}
.plugins .nav-icon a,.service .nav-icon a{
    float: left;
    margin-left:1.25rem;
}
.plugins .nav-icon i,.service .nav-icon i{
    width: 1.5rem;
    height: 1.5rem;
    display: block;
    -webkit-transition:backgroud 0.3s;
    transition:backgroud 0.3s;
    background-size: 100%;
}



.plugins .pagination{
    top: 0;
}

html.mobile .toubu{
    display: none;
}
/*头部*/
.toubu{
    display:block;
    background-color: #000;

}
.toubu .gsm{
    text-align: center;
    font-size: 14px;
    color: white;
    padding: 10px 0;
}
.toubu .wzdt{
    text-align: center;
    padding: 10px 0;
}
.toubu .wzdt a{
    text-align: center;
    color: white;
    padding: 0 18px;
}

.toubu .wzdt .t_ico1{background:url('/imang/t_ico1.png') no-repeat 0 center;background-position:0 3px;}
.toubu .wzdt .t_ico2{background:url('/imang/t_ico2.png') no-repeat 0 center;background-position:0 3px;}
.toubu .wzdt .t_ico3{background:url('/imang/t_ico3.png') no-repeat 0 center;background-position:0 3px;}
.service .nav{
    background: #000;
    height: 60px;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1000px;
    /*border-bottom: 1px solid #EED8AB;*/



}

.service .nav:hover{
    background: #000 !important;
}
.home-page+.service .nav{
    border-bottom: none;
}
.service .nav .ww{
    display: flex;
    align-items: center;
    width:95%;
    margin: 0 auto;
    justify-content: center;
}
.service .nav:after{
    content:'';
    display: table;
    clear:both;
}
.service .nav .logo{
    width: 200px;
    height: 40px;
    /*center center*/
    background: url(https://sxy.kabaili.com.cn/gw/cptu/logo.png) no-repeat center center;
    display:inline-block;
    background-size: contain;
    margin-top: 0px;

}
.service .nav .nav-col li{
    height: 60px;
    margin: 0 0.6rem;
    padding: 0;
    font-size: 14px;
    display:inline-flex;
    align-items: center;

}
.service .nav .nav-col li.dropdown>a,
.plugins .nav .nav-col li.dropdown>a{
    /* padding-right: 14px; */
    /* background: url(../img/icon/derucci_pc_icon_menu_dropdown_style01_default@1x.png) right center no-repeat; */
}
.nav .dropdown{
    position: relative;
}
.nav .dropdown .subContent{
    min-width: 100%;
    padding: 0;
    top: 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    overflow: hidden;
    text-align: center;
    z-index: 30;
}
.nav .dropdown .subContent .subInner{
    margin-top: 10px;
    background: #EED8AB;
    opacity: 0;
    height: auto;
    transition: opacity .5s;
    overflow: hidden;
    z-index: 30;

}
.nav .dropdown .subContent .subInner.txt{
    padding-top: 20px;
}
.nav .dropdown:hover .subContent .subInner{
    opacity: 1;
    z-index: 999999999999;
}
.plugins .nav .dropdown .subContent{
    top: 4.8rem;
}
.plugins.service .nav .dropdown .subContent{
    top: 60px;
}
.service .nav .dropdown .subContent .subInner{
    margin-top: 0;
    position: relative;
}
.service .nav .dropdown .subContent .subInner::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #000;
}
.service .nav .dropdown .subContent .subInner a{
    color: #000;
    text-align: center;
    transition: all .25s;
}
.service .nav .dropdown .subContent .subInner a:hover{
    font-weight: bold;
}
.nav .dropdown:hover .subContent{
    height: auto;
    z-index: 30;
    /*    padding: 20px 12px 20px 12px;*/
}
.nav .dropdown .subContent a{
    display: block;
    min-width: 100px;
    /*    overflow: hidden;*/
    /*    text-overflow: ellipsis;*/
    white-space: nowrap;
    padding:0 20px;
    font-size: 14px !important;
    line-height: 20px;
    margin-bottom: 20px;
    color: #fff;
    /*text-align: left;*/
    transition: transform 1s,opacity 1s;
    transform: translate3d(0,-40px,0);
    opacity: 0;
}
.nav .dropdown .subContent a img{
    display: block;
    margin: 14px auto 4px;
    transition: none;
    -webkit-transition: none;
}
.nav .dropdown:hover .subContent a{
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.nav .dropdown .subContent a:hover{
    color: #EED8AB;
}
.service .nav .nav-col li >a{
    font-size: 14px;
    color:#EED8AB;
}
.service .nav .nav-col li > a.cur{
    color: #EED8AB;
}
.service .nav-icon{
    width: 40px;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    height: 20px;
}



@media only screen and (max-width: 1720px) {
    html{
        font-size:14px;
    }
}

@media only screen and (max-width: 1366px) {



}
@media only screen and (max-width: 1200px) {
    html{
        font-size:12px;
    }

}




/*导航-页脚*/
.mobileNav{
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    height: 0.6rem;
    top: 0;
    z-index:100;
    background: #000;
}
.mobileFooter{
    display: none;
    /*background: #293855;*/
    width: 100%;
    position: relative;
    z-index: 1;
    /*min-height: 5.4rem;*/
    padding: 0.2rem 0 0.5rem;
}

.mobile-show{
    display: none !important;
}
html.mobile .mobile-show{
    display: block !important;
}
html.mobile .mobile-hide{
    display: none !important;
}




/* 隐藏自带客服按钮 */
#v5btn{
    display: none !important;
}
/*滚动*/
/*2021.10.18*/
*::-webkit-scrollbar {
    width: 4px;
    height: 6px;
}
*::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #293855;
}
*::-webkit-scrollbar-track {
    background-color: transparent;
}


/*
    所有样式前加一层 html.mobile;
    字体、行高、宽高、内外边距等尺寸 rem大小值为设计图px数值除以100;
*/




/*主体*/
html.mobile {overflow:hidden;overflow-y:auto;}

html.mobile body{
    max-width: 100%;
    min-width: 100%;
    overflow: hidden;
    overflow-y: auto;
}
/* 插件不显示*/

html.mobile .plugins>.logo,
html.mobile .plugins>.language,
html.mobile .plugins .nav,
html.mobile .service .nav,
html.mobile .plugins>.right-control,html.mobile .service .nav{
    display: none !important;
}


html.mobile .mobileNav,
html.mobile .mobileFooter{
    display: block;
}
html.mobile .mobileFooter{
    /*background-image: url("/static/upload/image/20230427/1682579766580555.jpg");*/
    background-repeat: no-repeat;
    background-position: right 90%;
    background-size: 40%;
}
/* 侧边栏右边悬浮修改版 */
.float-box{
    position: fixed;
    right: 0;
    z-index: 50;
    top: 30%
}
.submit-info{
    cursor: pointer;
    width: 70px;
    background: rgba(0, 0, 0, .8);
    border-top-left-radius: 55px;
    border-bottom-left-radius: 55px;
    transition: all 0.25s;
    display: flex;

    align-items: center;
}
.ji1amn{
    padding: 8px;
}

.submit-info .text{
  display: none;
    color: white;
    font-size: 12px;
}
.submit-info .imgx{
    width:70px;
}
.submit-info .modalbj1{
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.25s;
    /*justify-content: center;*/
}
.submit-info .modalbj1:hover{
    width: 135px;
}
.submit-info:hover{
    width: 135px;
}

.submit-info .modalbj1:hover .text{
    display: block;
}
html.mobile .float-box{
    display: none;
}
.right-plugins{
    position: absolute;
    right: 0;
    width: 62px;
    margin-top: 15px;
    background: rgba(0, 0, 0, .8);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    transition: all 0.25s;
}
.right-plugins .power-list{
    padding: 0 8px;
    margin-top: 10px;
}
.right-plugins .power-list .item{
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.25s;
    padding: 5px 0;
    justify-content: center;
}
.right-plugins .power-list .item.shop{
    cursor: initial;
    height: 48px;
}
.right-plugins .power-list .item .img{
    text-align: center;
    width: 33px;
    transition: all 0.25s;
}
.right-plugins .power-list .shop .initial{
    display: flex;
    align-items: center;
    transition: all 0.25s;
}
.right-plugins .power-list .shop .is-hover{
    transition: all 0.25s;
}
.right-plugins .power-list .shop .is-hover .line{
    padding: 0 6px;
    color: #fff;
    cursor: initial;
}
.right-plugins .power-list .item .img .is_active{
    display: none;
}
.right-plugins .power-list .item .is-hover{
    display: none;
}
.right-plugins .power-list .item span{
    display: none;
    color: #EED8AB;
    margin-left: 10px;
    transition: all 0.25s;
    white-space: nowrap;
}
.right-plugins  .tel{
    padding: 10px 0 15px 0;
    position: relative;
    color: #EED8AB;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: all 0.25s;
}
.right-plugins  .tel1{
    padding: 5px 0 5px 0;
    position: relative;
    color: #EED8AB;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: all 0.25s;
}
.right-plugins .top{
    text-align: center;
    color:#EED8AB;
    font-size: 12px;
    padding: 10px 0 12px 0;
    cursor: pointer;
}
.right-plugins .top p{
    margin-top: 2px;
}
.right-plugins .tel::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    border-bottom: 1px solid #EED8AB;
    transition: all 0.25s;
}
.right-plugins .tel .is-hover{
    display: none;
    transition: all 0.25s;
}
.right-plugins .power-list .item .img{
    display: flex;
    /*margin: auto;*/

}
.right-plugins .tel1::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 10%;
    width: 80%;
    /*border-bottom: 1px solid #EED8AB;*/
    transition: all 0.25s;
}
.right-plugins .tel1 .is-hover{
    display: none;
    transition: all 0.25s;
}

/* hover部分 */
.right-plugins:hover{
    width: 105px;
    /*font-size: 12px;*/
}
.right-plugins .power-list:hover{
    width: 105px;
    /*font-size: 12px;*/
}
/*.right-plugins:hover .power-list .item .img span{*/
/*    display: inline-block;*/
/*}*/
.right-plugins:hover .power-list .item span{
    display: inline-block;
}
.right-plugins:hover .power-list .item:hover .img img{
    display: none;
}
.right-plugins:hover .power-list .shop:hover .initial{
    display: none;
}
.right-plugins:hover .power-list .shop:hover .is-hover{
    display: flex;
    align-items: center;
    transition: all 0.25s;
}
.right-plugins:hover .power-list .item:hover .img .is_active{
    display: inline-block;
}
.right-plugins:hover .power-list .item:hover span{
    color: #fff;
}
.right-plugins:hover .tel .initial{
    display: none;
}
.right-plugins:hover .tel .is-hover{
    display: inline-block;
    white-space: nowrap;
    /*margin-right: 10px;*/
    font-size: 13px;

}
.right-plugins:hover  .tel .is-hover:hover{
    color: #fff;
}
.right-plugins:hover .tel1 .initial{
    display: none;
}
.right-plugins:hover .tel1 .is-hover{
    display: inline-block;
    white-space: nowrap;
    /*margin-right: 10px;*/
    font-size: 13px;

}
.right-plugins:hover  .tel1 .is-hover:hover{
    color: #fff;
}
.m-kefu-mask{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000;
    opacity: .9;
    display: none;
    z-index: 60;
}
.m-kefu-mask .m-kefu-container{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px 18%;
}
.m-kefu-mask .m-kefu-container .m-kefu-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 32px;
    grid-auto-rows: minmax(32px, auto);
    text-align: center;
}
.m-kefu-mask .img-container{
    display: block;
    width: 68px;
    height: 68px;
    border: 1px solid #bfa872;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
}
.m-kefu-mask .img-container img{
    width: 35px;
    height: 35px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.m-kefu-mask .m-kefu-container .m-kefu-grid span{
    font-size: 12px;
    color: #bfa872;
    text-align: center;
    display: block;
    padding-top: 25px;
    height: 20px;
}
.m-kefu-mask .m-kefu-container .m-kefu-close{
    padding-top: 32px;
}
/*1*/
.mobileNav .menu{
    width: 0.6rem;
    height: 0.6rem;
    background: url(/static/upload/image/20230427/1682580721815346.png) no-repeat center center;
    background-size: 0.18rem;
    right: 0;
    position: absolute;
    transition: background 0.3s;
}
/*1*/
.mobileNav .search{
    width: 0.25rem;
    height: 0.6rem;
    right: 0.95rem;
    position: absolute;
    transition: background 0.3s;
    background: url('/static/upload/image/20230427/1682579982810963.png') no-repeat center center;background-size: 0.18rem;
}
/*1*/
.mobileNav .kefu{
    width: 0.3rem;
    height: 0.6rem;
    background: url(/static/upload/image/20230427/1682580470373798.png) no-repeat center center;
    background-size: 0.18rem;
    right: 0.55rem;
    position: absolute;
    transition: background 0.3s;
}
/*1*/
.mobileNav .logo{
    width: 0.6rem;
    height: 0.6rem;
    background: url(https://sxy.kabaili.com.cn/gw/cptu/logo.png) no-repeat center center;   background-size: 120px auto !important;

    position: absolute;
    left: 0.15rem;
    top: 0;
    width: 145px !important;
    height: 57px !important;

}
.mobileNav.open{
    height: 100%;
    background: rgba(22,24,29,0.95)
}
.mobileNav.open::after{
    content: '';
    position: absolute;
    width: 100%;
    top: 0.6rem;
    left: 0;
    border-top: 1px solid #726554;
}
.mobileNav.open .menu{
    background-image: url(/static/upload/image/20230427/1682580750963885.png)
}
.mobileNav.open .kefu,.mobileNav.open .search{
    display: none;
}
.mobileNav .m-nav{
    text-align: left;
    position: absolute;
    left: 0;
    top: 0.8rem;
    width: 100%;
    padding: 0 0.3rem 0;
    /* bottom: 1.6rem;*/
    /*2021.8.13 修改*/
    bottom: 0;
   overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    display: none;
    height: auto;
}
.mobileFooter .m-nav{
    text-align: left;
    padding: 0 0.3rem 0;
  overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    display: none;
    height: auto !important;

}
.mobileFooter .m-nav{
    display: block;
    bottom: 2.6rem;
    /*background:#293855;*/
    z-index:2;
}
.mobileFooter .m-nav .f-nav-c{
    height:auto;
}
.mobileFooter .addr-info{
    color: #717171;
    font-size: 14px;
    bottom: 2.08rem;
    line-height: 0.2rem;
    position: absolute;
    padding-left:0.5rem;
    text-align: left;
}
.mobileNav .m-nav li,
.mobileFooter .m-nav li{
    width: 100%;
    display: block;
    /* padding-right: 0.42rem; */
    position: relative;
    border-bottom:1px solid #726554;
}
.mobileFooter .m-nav li{
    /*background: url("/static/upload/image/20230427/baidi.png") ;*/
    /*background-size: 100% 100%;*/
    background-color: white;
    border-radius: 10px;
    /*box-shadow: 1px 1px 9px #858585;*/
    border-width:2px ;
    border-style: outset;
    border-color: white;
    margin-bottom: 10px;
}
.mobileFooter .m-dropdown .sub a:before{
    content:"·";
    flex: 1;
    margin: auto;
    letter-spacing:1px;
    margin-right: 5px;
    color: #858585b8;
    font-size: 20px;
    position: relative;
    top: 3px;
}
.mobileFooter .m-dropdown .sub a:after{
    content:"";
    flex: 1;
    margin: auto;
    /*letter-spacing:-1px;margin-left: 10px;*/
    color: #858585b8;
}
/*1*/

.mobileFooter .m-nav .m-dropdown a{
    color: black;
    /*font-weight: 600;*/
}
.mobileFooter .m-nav .m-dropdown p{
    color: #ADADAD!important;
    display: inline-block;
    padding: 0;
    margin: 0 5px;
}
.mobileFooter .m-nav .m-dropdown .ywp{
    color: #ADADAD!important;
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 9px;
    font-variant-caps:all-small-caps;
    /*letter-spacing: 1px;*/
    font-weight: 400;
}



/*//为了兼容火狐下font-variant-caps失效*/
@-moz-document url-prefix() {
    .mobileFooter .m-nav .m-dropdown .ywp{
        font-size: 9px !important;
    }
}



.mobileNav .m-nav .m-dropdown .more,
.mobileFooter .m-nav .m-dropdown .more{
    width: 0.42rem;
    height: 0.4rem;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
/*1*/
.mobileNav .m-nav .m-dropdown .more{
    background: url("/static/upload/image/20230427/1682582288341001.png") no-repeat center center;
    background-size: 0.1rem;
}
.mobileFooter .m-nav .m-dropdown .more{
    background: url("/static/upload/image/20230427/dibuj.png") no-repeat center center;
    background-size: 0.3rem;
}
.m-dropdown .sub{
    display: none;
}
.open.m-dropdown .sub{
    display: block;
    border-top: 1px solid #726554;
}
.mobileNav .open.m-dropdown .more{
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.mobileFooter .open.m-dropdown .more{
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mobileNav .m-nav a,
.mobileFooter .m-nav a{
    color: #e4caa7;
    font-size:14px;
    display: block;
    line-height: 0.44rem;
    text-align: left;
}
.mobileFooter .m-nav a{
    padding: 0 0.15rem;
}
.mobileFooter .m-nav .sub a{
    line-height: 0.36rem;
    text-indent: 2em;
    margin-right: -0.42rem;
    font-size: 14px;
    color: rgba(0,0,0,.5);
}
.mobileNav .m-nav .sub> a{
    line-height: 0.36rem;
    text-indent: 2em;
    margin-right: -0.42rem;
    font-size: 14px;
    color: #fff;
}
.mobileNav .m-nav .sub> a{
    color: #e4caa7;
}
.mobileNav .concern,
.mobileFooter .concern{
    width: 100%;
    padding: 0 0.5rem;
}
.mobileFooter .concern .title{
    color: #e4caa7;
    font-size: 14px;
}

/*媒体阵地*/
.media-box .mtzdbt{
    color: white;
    margin: 8px 0;
    font-size: 14px;

}
.mtzdi{
    background-color: #F7F8FA;padding: 10px 10px;
}
.mtzdi .card-box{
    margin-top: 0.1rem;
}
.mtzdi .card-box .mtzderm{
     font-size: 14px;

 }
.mtzdi .card-box .mtzdsl .mtzdbt{
    margin-left:12px;
    width: 66px;
}
.mtzdi .card-box .mtzdsld .mtzdbt{
    margin-left:12px;
    width: 66px;
}
.mtzdi .card-box .mtzderm .mtzdbt{
    /*background-color: red;*/
    color: white;
    padding: 5px 5px;
    border-radius: 10px;
    text-align: center;
    letter-spacing:2px;
}

.mtzdi .card-box  .mtzdsl{
    width:10.25%;
    display: inline-block;

}
.mtzdi .card-box .mtzdsl ul li{
   margin-left: 10px;
    width:89%;
}
.mtzdi .card-box ul li{

    padding: 10px 2px;
    margin-left: 10px;
}
.mtzdi .card-box .mtzdsld{
    width:  20.5%;
    display: inline-block;
}
.mtzdi .card-box .mtzdsld ul li{
    width:46%;
}
.mtzdi .card-box ul{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-bottom: 10px;
    /*border-bottom: 1px dashed #c2c2c2;*/

}

.mtzdi .card-box ul li .icon{
    text-align: center;
    /*margin-bottom: 0.2rem;*/
    font-size: 12px;
}
/**
 * yidong
 */
html.mobile .mtzdi .card-box .mtzdsld{
    width: 100%;

}
html.mobile .mtzdi .card-box .mtzdsld ul li{
    width:25%;
}
html.mobile .mtzdi .card-box  .mtzdsl{
    width: 100%;
}
html.mobile .mtzdi .card-box ul li{
    width: 25%;
    padding: 10px 2px;
    margin: 0px;
}
html.mobile .mtzdi .card-box .mtzdsld .mtzdbt{
    margin-left:0px;
    width: 70px;
}
html.mobile .mtzdi .card-box .mtzdsl .mtzdbt{
    margin-left:0px;
    width: 70px;
}
html.mobile .mtzdi .card-box .mtzderm .mtzdbt{
    /*background-color: red;*/
    color: white;
    padding: 0px 0px;
    /*border-radius: 20px;*/
    text-align: center;
    letter-spacing:2px;
}
html.mobile .jxwu{
    display: none;
}

/*移动头部导航*/
.mobileFooter .concern .card-box{
    margin-top: 0.1rem;
}

.mobileFooter .concern .card-box ul{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-bottom: 10px;
    border-bottom: 1px dashed #c2c2c2;
}
.mobileFooter .concern .card-box ul li{
    width: 25%;
    padding: 10px 2px;
}
.mobileFooter .concern .card-box ul li .icon{
    text-align: center;
    /*margin-bottom: 0.2rem;*/
    font-size: 12px;
}
.mobileFooter .concern .card-box ul li .icon img{
    width: 0.35rem;
}
.mobileFooter .concern .card-box ul li .code img{
    width: 100%;
}
.mobileNav.open .concern,
.mobileNav.open .m-nav{
    display: block;
}
.mobileNav .concern .right,
.mobileFooter .concern .right{
    overflow: hidden;
    position: static;
    margin: 0;
}
.mobileNav .concern .right{
    float: left;
}

.mobileNav .concern .right a,
.mobileFooter .concern .right a{
    width: 0.44rem;
    background: no-repeat;
    background-size: 100% 100%;
    height: 0.44rem;
    margin-right: 0.1rem;
    float: left;
}
.mobileFooter .m-nav a{
    font-size: 14px;
}
.mobileNav .concern .right .wechart,
    /*.mobileFooter .concern .right .wechart{*/
    /*    background-image: url(../mobile/icon/derucci_m_icon_menu_wechart@3x.png)*/
    /*}*/
    /*.mobileNav .concern .right .sina,*/
    /*.mobileFooter .concern .right .sina{*/
    /*    background-image: url(../mobile/icon/derucci_m_icon_menu_sina@3x.png)*/
    /*}*/
    /*.mobileNav .concern .right .customer,*/
    /*.mobileFooter .concern .right .customer{*/
    /*    background-image: url(../mobile/icon/derucci_m_icon_menu_kefu@3x.png)*/
    /*}*/
.mobileNav .concern .t1,
.mobileFooter .concern .t1{
    font-size:14px;
    margin-top: 0.14rem;
    color: rgba(255,255,255,0.60);
    white-space: nowrap;
}
.mobileFooter .concern .t1{
    color: #EED8AB;
    text-align: left;
}
.mobileFooter .concern{
    padding: 0 0.1rem;
    margin-top: 0.1rem;
}
html.mobile .copyright{
    text-align: left;
    line-height: 0.16rem;
    font-size: 0.08rem;
    /*color: #fff;*/
    margin-top: 0.2rem;
    /*border-top: 1px solid #726554;*/
    /*border-bottom: 1px solid #726554;*/
    background-color: white;padding: 0rem 0 0rem;
}
html.mobile .copyright .other-box{
    margin-top: 0.15rem;
}
 .copyright{
     color: #fff;
     font-size: 12px;
}
html.mobile  .copyright{
    color: rgba(0, 0, 0, 0.31);
}

*{
    margin: 0;
}
body{
    width: 100%;
}
html{
    width: 100%;
}
ul,li {
    list-style-type: none;
    margin: 0;
    padding: 0px;
}
a{
    text-decoration:none;
    color: #000;
}
table{
    border: 0px;
}
td{
    border: 0px;
}

/*.mobile-hide{
display:none;
}*/
html.mobile .mobile-hide{
    display: none;
}
.mobile-show{
    display: none;
}
html.mobile .mobile-show{
    display: block;
}
.hide{
    display: none;
}

/*----------------2021.08.09---------------*/

/*大品牌*/
.nav .dropdown .subContent.subContentlogo{
    width: 230px; background: #1a1a1a;
}
.nav .dropdown:hover .subContent.subContentlogo{
    padding-top: 22px;  overflow: visible;
}
.nav .dropdown .subContent.subContentlogo:after{
    position: absolute; left: 50%; margin-left: -10.5px; top: 0; content: "";
    background: url(../img/logo/logotop.png) no-repeat center; background-size:cover ; width: 21px; height: 12px;
}
.nav .dropdown .logos{

}
.nav .dropdown .logos>li{
    height: 82px; margin-right: 0; display: block; cursor: pointer;
    overflow: hidden;
}
.nav .dropdown .logos>li>.img{
    line-height: 82px;
    height: 82px;
}
.nav .dropdown .logos>li>.img img{
    vertical-align: middle;
    /*width: 140px; height: 55px;*/
}
.nav .dropdown .logos>li>.img .img2{
    display: none;
}
.nav .dropdown .logos>li:hover{
    background: #fff3d4;
}
.nav .dropdown .logos>li:hover>.img .img1{
    display: none;
}
.nav .dropdown .logos>li:hover>.img .img2{
    display: inline-block;
}
.nav .dropdown .logos>li .smalllogos{
    position: absolute; left: 100%; top: 0;  bottom: 0; width: 600px; background: #fff3d4; display: none;  padding: 40px 0;
}
.nav .dropdown .logos>li:hover .smalllogos{
    display: block;
    overflow-y: scroll;
}
.nav .dropdown .smalllogos>.img{
    display: block; float: left; width: 33.33%; height: 95px; line-height: 95px;
}
.nav .dropdown .smalllogos>.img img{
    width: 120px; height: 30px;
}
.nav .dropdown .logos>li .smalllogos1{
    width: 315px;
}
.nav .dropdown .logos>li .smalllogos1>.img{
    width: 100%; height: 100px; line-height: 100px;
}
.nav .dropdown .logos>li .smalllogos1>.img img{
    /*width: 145px;*/ height: auto;
}
.nav .dropdown .smalllogos>.img img{
    vertical-align: middle;
}
.nav .dropdown .smalllogos>.img:hover{
    opacity: 0.8;
}

.header-nav.w{
    max-width: 1600px;
    margin: 0 auto;
}
@media screen and (max-width: 1700px) {
    .header-nav.w{
        width: 88.75rem;
        margin: 0 auto;
    }
}
/* 首页修改版2021.3.2 */

.home-page .pc-hidden{
    display: none;
}
.home-page .wap-hidden{
    display: initial;
}

/* 内容框架 */

.home-page .w{
    max-width: 1280px;

    margin: 0 auto;

}
.index-w{
    margin: 0 30px;
}
.zuikdu{
    max-width:750px;
    margin: 0 auto;
}
html.mobile .zuikdu{

}
/*@media screen and (max-width: 1400px) {*/
/*    .home-page .w{*/
/*        margin: 0 100px;*/
/*    }*/
/*}*/
.home-page .img-fit-cover{
    object-fit: cover;
}
.home-page .scale-img{
    cursor: pointer;
    overflow: hidden;
}
.home-page .scale-img img{
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.335, 0.015, 0.46, 0.995);
}
.home-page .scale-img:hover img{
    transform: scale(1.1);
}
/* 标题栏  我的产品*/
.home-page .box-title{
    text-align: center;
    /*display: flex;*/
    padding: 20px 0;
   padding-top: 50px;
}
.home-page .box-title .title1{
    font-size: 16px;
    font-weight:600;
    color: #858585;
}
.home-page .box-title .title{
    position:relative;
    flex: 1;
    font-size: 16px;
    color: #000;
    letter-spacing: 2px;
}

.home-page .box-title .title:before{
    content:"————";
    flex: 1;
    margin: auto;
    letter-spacing:-1px;margin-right: 10px;
    color: #858585b8;
 }
.home-page .box-title .title:after{
    content:"————";
    flex: 1;
    margin: auto;
    letter-spacing:-1px;margin-left: 10px;
    color: #858585b8;
}

.home-page .box-title .more-btn{
    display: flex;
    /*align-items: flex-end;*/
    flex-direction:row-reverse;

}
.home-page .box-title .more-btn a{
    color: #9D9E9F;
}

/* PC我要找产品 */

.home-page .product-list .wyzcp{
    max-width: 600px;
}
.imgxscp{
    margin: 0;
    padding: 0;
}
.home-page .search-box .product-list ul{
    display: flex;
    justify-content: center;
    white-space:nowrap;
    margin:auto;
}
.home-page .search-box .product-list ul li{
    position: relative;
    width:170px;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    /*background: #30b1ff;*/
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    margin-right: 5px;

}

.home-page .search-box .product-list ul li i{
    border-right: 1px solid #777; height: 30px;display: block; position: absolute; left: 0px;top: 15px;
}
.home-page .search-box .product-list ul li.more{
    display: none;
}
.home-page .search-box .product-list ul li .icon img{
    width: 38px;
}
.home-page .search-box .product-list ul li.more .icon img{
    width: 0.3rem;
}
/*.home-page .search-box .product-list ul li:hover{*/
/*    !*background: #e4caa7;*!*/
/*    box-shadow: 0 15px 30px rgba(0,0,0,.1);*/
/*    background: url("/static/upload/image/20230427/bjtu.png") no-repeat;*/
/*    transform: scale(1.2);*/
/*    z-index: 1;*/
/*    border-radius: 10px;*/
/*    color: white;*/
/*    background-size: 100% 100%;*/
/*}*/
/*.home-page .search-box .product-list ul li:hover .name{*/
/*    color: white;*/
/*    position: relative;*/
/*    top: -8px;*/
/*}*/
/*.home-page .search-box .product-list ul li:hover .name1{*/
/*    color: #C2C2C2;*/
/*    position: relative;*/
/*    top: -11px;*/
/*    font-weight: 100;*/
/*}*/
.home-page .search-box .product-list ul li .icon{
    text-align: center;

}
.home-page .search-box .product-list ul li .name{
    font-size: 14px;
    letter-spacing:2px;
    color: #000000;
}
.home-page .search-box .product-list ul li strong{
    /*font-weight: unset;*/
}
.home-page .search-box .product-list ul li .name1{
   /*display: none;*/
    font-size: 12px;
    color: #000000;
}
.home-page .product-list .wyzcpt{
   margin-top: 15px;

}
.home-page .product-list .wyzcpt img{
    width: 100%;
    height: auto;

}

/*//为了兼容火狐下font-variant-caps失效*/
@-moz-document url-prefix() {
.home-page .search-box .product-list ul li .name1{
    font-size: 9px !important;
}
}

/*PC我要找色彩*/
.home-page  .wyzsc{

    background-color: #F7F8FA;

}
.wyzcstutu{
    margin: 0;
    padding: 0;
}
.home-page .wyzcs-list .wyzcsul{
    max-width: 800px;
}
.home-page .wyzcs-list{
    width: auto;
    /*padding-top: 20px;*/
    /*white-space: nowrap;*/
}

.home-page .search-box .wyzcs-list ul{

    display: flex;
    justify-content: center;


    white-space: nowrap;
    transition: all 0.5s;
    /*background: white;*/
    margin:auto;
}

.home-page .search-box .wyzcs-list ul li{
    position: relative;
    width: 170px;

    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    /*background: #44a8ff;*/
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    margin-right: 5px;

}

.home-page .search-box .wyzcs-list ul li i{
    border-right: 1px solid #85858547;
    height: 20px;
    display: block;
    position: absolute;
    left: 0px;
    top: 10px;background: #777;
}


.home-page .search-box .wyzcs-list ul li.more{
    display: none;
}
.home-page .search-box .wyzcs-list ul li .icon img{
    width: 38px;
}
.home-page .search-box .wyzcs-list ul li.more .icon img{
    width: 0.3rem;
}

/*.home-page .search-box .product-list ul li:hover{*/
/*    !*background: #e4caa7;*!*/
/*    box-shadow: 0 15px 30px rgba(0,0,0,.1);*/
/*    background: url("/static/upload/image/20230427/bjtu.png") no-repeat;*/
/*    transform: scale(1.2);*/
/*    z-index: 1;*/
/*    border-radius: 10px;*/
/*    color: white;*/
/*    background-size: 100% 100%;*/
/*}*/
/*.home-page .search-box .product-list ul li:hover .name{*/
/*    color: white;*/
/*    position: relative;*/
/*    top: -8px;*/
/*}*/
/*.home-page .search-box .product-list ul li:hover .name1{*/
/*    color: #C2C2C2;*/
/*    position: relative;*/
/*    top: -11px;*/
/*    font-weight: 100;*/
/*}*/
.home-page .search-box .wyzcs-list ul li .icon{
    text-align: center;

}
.home-page .search-box .wyzcs-list ul li .name{
    font-size: 14px;
    text-align: center;
    letter-spacing:2px;
    /*color: white;*/

}
.home-page .search-box .wyzcs-list ul li .name1{
    text-align: center;

    font-size: 9px;
    letter-spacing: 1px;
    color: #85858599;
    font-variant-caps:all-small-caps;

}


/*PC 我要找色彩的图*/
.home-page .wyzcs-list .wyzcstu-list{
    margin-top: 15px;
}
.home-page .wyzcs-list .wyzcstu-list img{
    width: 100%;
    height:auto;
}
.home-page .wyzcstu-list{
    width: auto;
    /*white-space: nowrap;*/
    overflow-x:auto ;

}
.home-page .wyzcstu-list::-webkit-scrollbar{
    display: none;
}
.home-page .wyzcstu-list ul{

    display: flex;

    /*justify-content: center;*/
    transition: all 0.5s;
}
.home-page .wyzcstu-list ul li{
    width: 100%;
    /*padding: 0.1rem 0;*/
    text-align: center;
    /*margin: 0 3px;*/
    /*height: 300px;*/
    flex: 0 0 auto;
    position: relative;
}
.home-page .wyzcstu-list ul li img{
    padding: 0.1rem 0;
    border-radius: 10px;
    text-align: center;
    /*margin: 0 10px;*/
    /*height: 239px;*/
    /*height: 100%;*/
    width: 100%;
    object-fit: cover; /* 溢出显示 */
    object-position: center; /* 居中对齐 */
}
.home-page .wyzcstu-list ul li:hover{
    /*width: 245px;*/
}
/*卡百利是谁*/
/* 品牌矩阵 */
.home-page #myVideo {
height: auto;
}
html.mobile #myVideo{
    height:auto;
}
.home-page .jz-box{
    /*margin-top: 15px;*/
}
.home-page .jz-box .main-content{
    /* display: flex;*/
    position: relative;
}
.home-page .jz-box .main-content .cover-box{
    /*flex: 1.5;*/
}
.home-page .jz-box .main-content .cover-box img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.home-page .jz-box .main-content .intro-box{
    /*flex: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;*/
    padding: 20px 20px 20px 20px;
    /*background: url('../images/bg-logo.png') right bottom no-repeat #E4CAA7;*/
    /*background: url('/static/upload/image/20230427/wssnd.jpg') no-repeat;*/
    background: url('https://sxy.kabaili.com.cn/gw/jz.jpg') no-repeat;
    background-size: 100% 100%;

    width: 535px;
    position: relative;top:0;bottom: 0;right: 0;left: 0;width:100%;
}
.home-page .jz-box .main-content .intro-box .content{
    text-align: left;
    padding: 0px 0 20px 0;position: relative;
    margin-top: 30px;
    margin-left: 140px;
}
/*手机*/
html.mobile .home-page .jz-box .main-content .intro-box .content{
    margin-left: 0px;
    margin-top: 0px;
}
.home-page .jz-box .main-content .intro-box .title-img{
    position: relative;
}
.home-page .jz-box .main-content .intro-box .title{
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 2px;
    color: white;
}
.home-page .jz-box .main-content .intro-box .desc-txt{
    font-size: 16px;
    color: white;
    padding-top: 68px;
    position: relative;
    line-height: 30px;
    width: 350px;
}
/*手机*/
html.mobile .home-page .jz-box .main-content .intro-box .desc-txt{
    font-size: 16px;
    color: white;
    padding-top: 38px;
    position: relative;
    line-height: 30px;
    width: 350px;
}
.home-page .jz-box .main-content .intro-box .desc-txt::before{
    content: '';
    position: absolute;
    left: 0;
    top: 19px;
    border-top: 2px solid white;
    width: 40px;
}
.home-page .jz-box .main-content .intro-box .link-btn{
    margin-top: 45px;
    display: flex;
    align-items: center;
    color: white;
}
.home-page .jz-box .main-content .intro-box .link-btn .icon{
    margin-left: 6px;
    margin-top: 5px;
    font-size: 18px;
    color: white;
    width: 20px;
}


/* 方块悬浮效果类 */
.home-page .card-template{
    position: relative;
}
.home-page .card-template .img{
    overflow: hidden;
}
.home-page .card-template .img img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    object-fit: cover;
    transform: scale(1);
    transition: transform .5s cubic-bezier(0.335, 0.015, 0.46, 0.995);
}
.home-page .card-template:hover .img img{
    transform: scale(1.1);
}
.home-page .card-template .mask-box{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    background: linear-gradient(transparent,transparent,rgba(0,0,0,.9));
  
}
.home-page .card-template .mask-box h3{
    position: absolute;
    bottom: 30px;
    width: 100%;
    margin: 0;
    transition: bottom 400ms cubic-bezier(0.025, 0.025, 0.17, 1);
    transition-delay: 40ms;
    font-size: 14px;
}
.home-page .card-template .mask-box p{
    position: absolute;
    bottom: 20px;
    width: 100%;
    margin: 0;
    opacity: 0;
    font-size: 14px;
    filter: alpha(opacity=0);
}
.home-page .card-template .mask-box .more{
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    font-size: 14px;
    transition: transform 200ms cubic-bezier(0.025, 0.025, 0.17, 1);
    transform: scale(1, 0);
    transform-origin: 100% 100%;
}
.home-page .card-template:hover h3{
    bottom: 84px;
    transition: all 400ms cubic-bezier(0.025, 0.025, 0.17, 1);
}
.home-page .card-template:hover p{
    bottom: 56px;
    opacity: 1;
    filter: alpha(opacity=100);
    transition: bottom 400ms cubic-bezier(0.02, 0.045, 0.22, 0.975), opacity 0.4s cubic-bezier(0.02, 0.045, 0.22, 0.975);
    transition-delay: 80ms;
}
.home-page .card-template:hover .more{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1, 1);
    transform-origin: 100% 100%;
    transition: transform 400ms cubic-bezier(0.02, 0.045, 0.22, 0.975);
    transition-delay: 200ms;
}









/* 品牌服务 */
.home-page .service-box{
    margin-top: 100px;
}
.home-page .service-box .service-list ul{
    display: flex;
}
.home-page .service-box .service-list ul li{
    margin-right: 13px;
    text-align: center;
}
.home-page .service-box .service-list ul li:last-child{
    margin-right: 0;
}

/* 动态 */
.home-page .dt-box{
    /*margin-top: 100px;*/
    /*margin-bottom: 100px;*/
}
.home-page .dt-box .content-box{
    display: flex;
}
.home-page .dt-box .content-box .cover-half{
    flex: 1;
    margin-right: 15px;
    height: 630px;
    position: relative;
}
.home-page .dt-box .content-box .cover-half .img{
    width: 100%;
    height: 100%;
}
.home-page .dt-box .content-box .cover-half .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-page .dt-box .content-box .cover-half .mask-box{
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    padding: 15px 30px;
    color: #fff;
    width: 100%;
}
.home-page .dt-box .content-box .new-list{
    flex: 1;
}
.home-page .dt-box .content-box .cover-half .mask-box h3{
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 24px;
}
.home-page .dt-box .content-box .cover-half .mask-box p{
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 24px;
    opacity: 0.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.home-page .dt-box .content-box .new-list ul{
    max-height: 560px;

    overflow-y:auto;
}
.home-page .dt-box .content-box .new-list ul li{
    padding: 10px;
    display: flex;
    align-items: center;
    height: 140px;
    transition: ease-in-out 0.5s;
}
.home-page .dt-box .content-box .new-list ul li:hover{
    background: #f5f5f5;;
}
.home-page .dt-box .content-box .new-list ul li .order-box{
    width: 120px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.home-page .dt-box .content-box .new-list ul li .order-box::after{
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    height: 100%;
    border-right: 1px solid #EBEBEB;
}
.home-page .dt-box .content-box .new-list ul li .order-box .index{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    position: relative;
    color: black;
}
.home-page .dt-box .content-box .new-list ul li .order-box .index::after{
    position: absolute;
    content: '';
    border-top: 1px solid #B6A286;
    width: 35px;
    bottom: -10px;
    left: 0;
}
.home-page .dt-box .content-box .new-list ul li .order-box .date{
    color: #798187
}
.home-page .dt-box .content-box .new-list ul li .decs-box{
    flex: 1;
    padding: 0 15px;
    position: relative;
}
.home-page .dt-box .content-box .new-list ul li .decs-box .title{
    font-size: 16px;
    color: #000;
}
.home-page .dt-box .content-box .new-list ul li .decs-box .decs{
    margin-top: 18px;
    color: rgba(0,0,0,.5);
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}





html.mobile  .address-box p{
    margin: 0 0 5px 0;
    color: #6B6B6B;
}

/* 手机端适配 */
html.mobile .home-page .w{
    margin: 0 0.1rem;
    margin-top: 20px!important;

}
/*新闻*/
html.mobile .text-body .shuping{
    width: 348px;
    height: 619px;
    /*width: 100%;*/
}
html.mobile .newslis .content .mask-box{
    height: auto;
}
.newslis .content .cover-half .mask-box{
    height:125px;
}
.newslis .content h3{
    font-size: 16px;
}
.newslis .content .zhaiyao{
   color: #717171;
    font-size: 14px;
    word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;
}
.newslis .content .info{
    color: #717171;
    font-size: 14px;
}
/*摘要*/
html.mobile  .zhaiyao{
    display: none;
}
html.mobile  .padding0{
    padding: 0;
}
/*新闻详情*/

.newslis .content .cover-half .scale-img{
    height: 27vw;
}
html.mobile .newslis .content .cover-half .scale-img{

    height: 93vw; 
}
.newslis .content .cover-half .scale-img img{
    width: 100%;
    height: 100%;
}
  .text-center{
    text-align: center;
}
  .text-center .title{
    font-size: 20px!important;
    text-align: left;
    display: inline-block;
}
html.mobile  .new-news-box figure{
    height:80px;
}
html.mobile .new-news-box figure{
    margin-bottom: 0px;
}
html.mobile .banner{
    margin-top: 54px!important;
}
html.mobile .dhan{
    display: none;
}
.mask-box{
    margin-top: 10px;
}


/*我要找产品*/
html.mobile .cpydxg{
    box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: scale(1.2);z-index: 1;border-radius: 7px;color: white;

    background: #003366!important;
}
html.mobile .cpydxg .name{
  color: white!important;
}
html.mobile .indexcpmiaoshu{
    display: none;
}
html.mobile .home-page .pc-hidden{
    display: block;
}
html.mobile .home-page .wap-hidden{
    display: none;
}
html.mobile .home-page .search-box .product-list{
    margin-top: 10px;
}
.cp_yan{
    height: 14px;position: absolute;bottom: 3px; left: 43%;
    display: none;
}
html.mobile .home-page .wyzcp{
    margin: 0 0.1rem;

}
html.mobile .home-page .box-title .more-btn{
    display: none;
}
html.mobile .home-page .box-title .title{
    font-size: 0.12rem;
    letter-spacing: 2px;
}

html.mobile .home-page .search-box .product-list ul{
    display: flex;
    flex-wrap: wrap;
    /*overflow : hidden;*/
    transition: all 0.5s;
    /*max-height: 1rem;*/
    justify-content: center;
    border-radius: 10px;
    box-shadow: 1px 1px 9px #858585;
    white-space: nowrap;
}
html.mobile .home-page .search-box .product-list ul li{
    width: 33%;
    padding: 0.08rem 0;
    margin-right: 0px;
    position: relative;
    display: inline-block;
    text-align: center;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    background: white;
    border-radius: 10px;
}
html.mobile .home-page .search-box .product-list ul li.more{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: #ebebeb;
}
html.mobile .home-page .search-box .product-list ul li .name{
    font-size: 0.1rem;
    margin-top: 0rem;
    color: black;
}
html.mobile .home-page .search-box .product-list ul li .name1{
    display: block;
    font-size: 9px;
    letter-spacing: 1px;
    /*margin-top: 0.1rem;*/
    text-align: center;
    font-variant-caps:all-small-caps;
    /*font-family: SOURCEHANSANSCN-REGULAR;*/
    margin-top: -2px;
}

html.mobile .home-page .search-box .product-list ul li i{
    border-right: 1px solid #85858547; height: 26px;display: block; position: absolute; left: 0px;top: 10px;
}
/*//为了兼容火狐下font-variant-caps失效*/
@-moz-document url-prefix() {
    html.mobile .home-page .search-box .product-list ul li .name1{
    font-size: 9px !important;
}
}
html.mobile .home-page .product-list .more-btn{
    display: block;
    height: 1px;
    width: 100%;
    margin: 0.2rem 0;
    background-color: rgba(0,0,0,.5);
    position: relative;
}
html.mobile .home-page .product-list .more-btn .more-txt{
    position: absolute;
    background-color: #fff;
    padding: 0 20px;
    font-weight: 500;
    color: #7F7F7F;
    font-size: 12px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

/*我要找色彩*/
html.mobile .home-page  .wyzsc{
    margin: 0 0rem;
    background-color: #F7F8FA;
    padding-bottom: 10px;
    padding-top: 20px;
}
html.mobile .wyzcsmc{
    box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: scale(1.2);z-index: 1;border-radius: 7px;
    color: white!important;
    /*#003366*/
    background-color: #003366!important;
}
html.mobile .home-page .search-box .wyzcs-list::-webkit-scrollbar{
    display: none;
}
html.mobile .wyzsc .box-title,.wyzcs-list{
    margin: 0 0.1rem;

}

html.mobile .home-page .search-box .wyzcs-list ul{

    margin: 10px;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: center;

    transition: all 0.5s;

    /*    加*/
    border-radius: 10px;
    box-shadow: 1px 1px 9px #858585;
    white-space: nowrap;
    background: white;
}
html.mobile .home-page .search-box .wyzcs-list ul::-webkit-scrollbar{
    display: none;
}
html.mobile .home-page .search-box .wyzcs-list ul li{
    width: 25%;
    padding: 10px 0 10px 0;
    text-align: center;

    flex: 0 0 auto;
    position: relative;
    background: #fff;
    border-radius: 10px;
    display: inline-block;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    margin-right: 0px;
}
html.mobile .home-page .search-box .wyzcs-list ul li i {
    border-right: 1px solid #85858547;
    height: 27px;
    display: block;
    position: absolute;
    left: 0px;
    top: 7px;background: #fff;

}
html.mobile .home-page .search-box .wyzcs-list ul li.more{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    background: #ebebeb;
}
html.mobile .home-page .search-box .wyzcs-list ul li .name{
    font-size: 0.12rem;
    /*margin-top: 0.1rem;*/
    color:black ;
}
html.mobile .home-page .search-box .wyzcs-list ul li .name1{
    font-size: 12px;
    letter-spacing: 1px;
    /*margin-top: 0.1rem;*/
    text-align: center;
    font-variant-caps:all-small-caps;
    display: flex;;justify-content: center;


}



html.mobile .home-page .search-box .wyzcs-list ul li .name1 .waiq{
    position: relative; height: 30px;width: 30px; border: 1px solid transparent;border-color: #d2d2d2;border-radius: 20px;
}
html.mobile .home-page .search-box .wyzcs-list ul li .name1 .waiq .qain{
    position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto; height: 20px;width: 20px;border-radius: 20px;
}
/*html.mobile .home-page .search-box .wyzcs-list ul li:hover{*/
/*    width: 20%;*/

/*}*/
/*html.mobile .home-page .search-box .wyzcs-list ul li:hover .name1{*/
/*position: relative;*/
/*    top: -10px;*/
/*}*/
/*html.mobile .home-page .search-box .wyzcs-list ul li:hover .name{*/
/*    color: black;*/

/*}*/
/*html.mobile .home-page .search-box .wyzcs-list ul li:hover .waiq{*/
/*    transform: scale(1.4);*/

/*}*/
/*html.mobile .home-page .search-box .wyzcs-list ul li:hover .waiq .qain{*/
/*    transform: scale(1.1);*/

/*}*/
.waiq2{
    transform: scale(1.4);
}
.qain1{
    transform: scale(1.1);
}
.waiqqain{
    transform: scale(1);
}
/*我要找色彩的图*/
html.mobile .indexcpcas{
    display: none;
}
html.mobile .wyzcstu-list{
    width: auto;
    white-space: nowrap;
    overflow-x:auto ;
    /*white-space: nowrap;*/
}
html.mobile .wyzcstu-list::-webkit-scrollbar{
    display: none;
}
html.mobile .wyzcstu-list ul{

    display: flex;

    /*justify-content: center;*/
    transition: all 0.5s;
}
html.mobile .wyzcstu-list ul li{
    width: 100%;
    /*padding: 0.1rem 0;*/
    text-align: center;
    /*margin: 0 3px;*/
    /*height: 300px;*/
    flex: 0 0 auto;
    position: relative;
}
html.mobile .wyzcstu-list ul li img{
    /*padding: 0.1rem 0;*/
    /*border-radius: 10px;*/
    text-align: center;
    /*margin: 0 10px;*/
    height:auto;
    /*height: 100%;*/
    width:100%;
    object-fit: cover; /* 溢出显示 */
    object-position: center; /* 居中对齐 */
}
html.mobile .wyzcstu-list ul li:hover{
    /*width: 245px;*/
}



/*--------*/


html.mobile .home-page .jz-box .main-content{
    flex-wrap: wrap;
}
html.mobile .home-page .jz-box .main-content .cover-box{
    width: 100%;
    flex: auto;
}
html.mobile .home-page .jz-box .main-content .intro-box{
    width: 100%;
    flex: auto;
    padding: 0.2rem;
    position: static;
}
html.mobile .home-page .box-title{
    padding: 0.1rem 0;
    /*padding-bottom: 0.2rem;*/
}
html.mobile .home-page .jz-box .main-content .intro-box .title-img img{
    width: 0.6rem;
}
html.mobile .home-page .jz-box .main-content .intro-box .desc-txt::before{
    width: 0.28rem;
}
html.mobile .home-page .jz-box .main-content .intro-box .desc-txt{
    font-size: 0.12rem;
    line-height: 0.2rem;
    width: 240px;
}
html.mobile .home-page .jz-box .main-content .intro-box .link-btn{
    font-size: 0.1rem;
}
html.mobile .home-page .jz-box .main-content .intro-box{
    background-size: 100% 100%;
    color: white;
}


/*--------*/

html.mobile .home-page .dt-box .content-box{
    flex-wrap: wrap;
}
html.mobile .home-page .dt-box .content-box .cover-half{
    width: 100%;
    flex: auto;
    height: 3.5rem;
    margin-right: 0;
}
html.mobile .home-page .dt-box .content-box .new-list{
    width: 100%;
    flex: auto;
    margin-top: 0.2rem;
}

html.mobile .home-page .ds-box .content-box .slide-box{
    flex-wrap: wrap;
}
html.mobile .home-page .ds-box .content-box .slide-box .left-half{
    width: 100%;
    flex: auto;
    margin-right: 0;
}
html.mobile .home-page .ds-box .content-box .slide-box .right-half{
    width: 100%;
    flex: auto;
    margin-top: 0.1rem;
}
html.mobile .home-page .ds-box .content-box .slide-box .right-half .card-template:first-child{
    margin-bottom: 0.1rem;
}

html.mobile .home-page .card-template h3{
    color: white;
    bottom: 12px;
    font-size: 0.12rem;
    font-weight: normal;
}
html.mobile .home-page .card-template .more{
    display: none;
}
html.mobile .home-page .service-box .service-list ul{
    flex-wrap: wrap;
}
html.mobile .home-page .service-box .service-list ul li{
    width: 49%;
    margin-right: 0;
    margin-top: 2%;
}
html.mobile .home-page .service-box .service-list ul li:nth-child(2n+1){
    margin-right: 2%;
}
html.mobile .home-page .card-template .mask-box p{
    display: none;
}
html.mobile .home-page .dt-box .content-box .cover-half .mask-box{

    padding: 0px 10pxcpydxg
}
html.mobile .home-page .dt-box .content-box .cover-half .mask-box p{
    display: none;
    font-size: 0.12rem;
    line-height: normal;
    margin-top: 0.05rem;
}
html.mobile .home-page .dt-box .content-box .cover-half .mask-box h3{
    font-size: 0.12rem;
    line-height: normal;
}
html.mobile .home-page .dt-box .content-box .new-list ul li{
    padding: 0.16rem 0;
}
html.mobile .home-page .dt-box .content-box .new-list ul li .order-box{
    width: 0.5rem;
}
html.mobile .home-page .dt-box .content-box .new-list ul li .order-box .index::after{
    width: 0.25rem;
}
html.mobile .home-page .dt-box .content-box .new-list ul li .order-box::after{
    content: none;
}
html.mobile .home-page .dt-box .content-box .new-list ul{
    overflow-y: unset;
}
html.mobile .home-page .dt-box .content-box .new-list ul li{
    height: auto;
    position: relative;
}


html.mobile .home-page .dt-box .content-box .new-list ul li::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #EBEBEB;
}
html.mobile  .home-page .dt-box .content-box .new-list ul li .decs-box{
    padding: 0 0.1rem;
}
html.mobile .home-page .dt-box .content-box .new-list ul li .decs-box .date{
    font-size: 0.09rem;
    color: rgba(0,0,0,.5);
    margin-bottom: 0.12rem;
}
html.mobile .home-page .dt-box .content-box .new-list ul li .decs-box .title{
    font-size: 0.12rem;
}
html.mobile .home-page .dt-box .content-box .new-list ul li .decs-box .decs{
    display: none;
    font-size: 0.12rem;
    margin-top: 0.05rem;
}


html.mobile .home-page .search-box .product-list ul li:hover{
    box-shadow:0 4px 4px rgba(0,0,0,.1);
}
html.mobile .home-page .jz-box .main-content .intro-box .title{
    font-size: 0.16rem;
}

html.mobile .footer-bg {
    background: none;
    padding: 0;
}
html.mobile .service {
    padding-top: 0rem;
}
html.mobile .footer{
    display: none;
}

html.mobile .breadcrumb{
    /*display: none;*/
    font-size: 12px;
}
html.mobile .nav{
    display: none;
}

html.mobile .home-page .dt-box .content-box .new-list ul{
    max-height: 183px;
    overflow-y:auto;
}
/**/
.nav-icon .icon-search{
    background-image: url(/imang/ss.png)
}
/*.nav-icon .icon-user{*/
/*    background-image: url(../img/icon/derucci_pc_icon_index_menu_user_default@1x.png)*/
/*}*/
/*.nav-icon .icon-cart{*/
/*    background-image: url(../img/icon/derucci_pc_icon_index_menu_cart_default@1x.png)*/
/*}*/


/*.swiper-wrapper{*/
/*    transition-delay:.3s;*/
/*}*/
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    /*    display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        flex-direction: column*/
}



html.mobile .swiper-slide{
    overflow:hidden;
}

/* swiper分页器样式 */
.home-page .swiper-box .swiper-container-horizontal>.swiper-pagination-bullets, .home-page .swiper-box .swiper-pagination-custom, .home-page .swiper-box .swiper-pagination-fraction{
    bottom: 40px;
}
html.mobile .home-page .swiper-box .swiper-container-horizontal>.swiper-pagination-bullets,html.mobile .home-page .swiper-box .swiper-pagination-custom,html.mobile .home-page .swiper-box .swiper-pagination-fraction{
    bottom: 10px;
}
.home-page  .swiper-button-next, .home-page .swiper-container-rtl .swiper-button-prev{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(31,45,61,.11);
}
.home-page .swiper-button-prev, .home-page .swiper-container-rtl .swiper-button-next{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(31,45,61,.11);
}
.home-page  .swiper-button-next:hover,.home-page .swiper-container-rtl .swiper-button-prev:hover
{
    background: rgba(31,45,61, .5)
}
.home-page  .swiper-button-prev:hover,.home-page .swiper-container-rtl .swiper-button-next:hover
{
    background: rgba(31,45,61, .5)
}
.home-page .swiper-button-prev::after,.home-page .swiper-container-rtl .swiper-button-next::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: url(../images/right-icon.png) no-repeat center;*/
    background-size: contain;
    transform:rotate(180deg);
}
.home-page  .swiper-button-next::after, .home-page .swiper-container-rtl .swiper-button-prev::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    /*background: url(../images/right-icon.png) no-repeat center;*/
    background-size: contain;
}
.home-page .swiper-pagination-bullet{
    height: 3px;
    width: 60px;
    background: #C2C2C2;
    border-radius: 0;
}
.home-page .swiper-box .img,.home-page .swiper-box .video{
    /* height: 820px; */
    width: 100%;
    object-fit: cover;

}
.home-page .swiper-pagination-bullet-active{
    background: #E4CAA7;
}
.home-page .swiper-box .float-box{
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
}
.home-page .swiper-box .swiper-video .float-box{
    /* background: rgba(0,0,0,.5); */
}
.home-page .swiper-box {
    width: 100%;
    position: relative;
    /*margin-top: 80px;*/
}
.home-page .swiper-box .swiper-slide{
    width: 100%;
    background: #2e2f31;
    color: #fff;
}

html.mobile .home-page .swiper-box{
    margin-top: 0.6rem;
}

html.mobile .home-page .swiper-box .img{
    height: auto;
}

/*PC好产品*/
 .hcp{
    margin-top: 10px;
}
.hcp .product_list{
    margin-top: 20px;
    height:auto;
 }
.hcp .product_title{
    text-align: center;
    margin-top: 8px;
}
 .hcp .list-inline{
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px silver solid;
    display: flex;
    justify-content: center;
    /*white-space:nowrap;*/
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;
}
 .hcp .list-inline a{
    /*width: 30%;*/

    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
}
  .hcp .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
 .hcp .list-inline .hover li{

    color: white!important;
}
.hcp .pc-cp{
    margin-top: 20px;
}
/*好产品列表页*/
html.mobile .hcp .text-secondary{
    width: 100%;
    text-align: center;
    margin: 10px 0;
}
html.mobile .hcp{
    margin-top: 10px;
}
html.mobile .hcp .list-inline{
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px silver solid;
    display: flex;
    justify-content: center;
    /*white-space:nowrap;*/
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;
}
html.mobile .hcp .list-inline a{
    /*width: 30%;*/

    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
}
html.mobile  .hcp .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
html.mobile .hcp .list-inline .hover li{

    color: white!important;
}

html.mobile  .product_list{
    border: 1px solid silver;padding:0;margin-bottom: 20px;text-align: center;
    margin-left: 10px;
    width: 95%;
    display: inline-block;
    height: auto;
}

html.mobile .product_list .product_title{
    list-style:none;line-height:24px;padding:5px 0;font-size:14px;overflow:hidden;text-overflow:ellipsis;
}
/*PC窗帘*/
 .hcpcl{
    margin-top: 20px;
}
 .hcpcl .list-inline{
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px silver solid;
    display: flex;
    justify-content: center;
    /*white-space:nowrap;*/
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;
}
 .hcpcl .list-inline a{
    /*width: 22%;*/
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
}
  .hcpcl .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
 .hcpcl .list-inline .hover li{

    color: white!important;
}
/*窗帘*/
html.mobile .hcpcl{
    margin-top: 20px;
}
html.mobile .hcpcl .list-inline{
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px silver solid;
    display: flex;
    justify-content: center;
    /*white-space:nowrap;*/
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;
}
html.mobile .hcpcl .list-inline a{
    /*width: 22%;*/
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
}
html.mobile  .hcpcl .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
html.mobile .hcpcl .list-inline .hover li{

    color: white!important;
}
/*PC品牌视频*/
 .ppsp{
    margin-top: 10px;
}
.ppsp .list-inline{
    margin-top: 10px;
    /*margin-bottom: 20px;*/
    border: 1px silver solid;
    display: flex;
    justify-content: center;
    /*white-space:nowrap;*/
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;

}
.ppsp .list-inline::-webkit-scrollbar{
    display: none;
}
  .ppsp .list-inline a{
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
    /*margin: 0 3px;*/
    /*flex: 0 0 auto;*/

}
 .ppsp .list-inline li{
    font-size: 14px;
    /*margin-top: 0.1rem;*/
    color:black ;
}

  .ppsp .ppsplistlb{

}
 .ppsp .pic-hover{
    text-align: left;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
    height: 38px;
     margin-top: 8px;
}

  .ppsp .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
 .ppsp .list-inline .hover li{

    color: white!important;
}
  .ppsp .ppsplistlb .teampic{
        height: 26vw;
      overflow: hidden;
      text-align: center;


  }
/*.ppsp .ppsplistlb .teampic img{vertical-align: middle; max-width: 100%; max-height: 300px;}*/
/*品牌视频*/

html.mobile  .ppsp{
    margin-top: 10px;
}
html.mobile  .ppsp .list-inline{
    margin-top: 10px;
    /*margin-bottom: 20px;*/
    border: 1px silver solid;
    display: flex;
    justify-content: center;
    /*white-space:nowrap;*/
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;

}
html.mobile .ppsp .list-inline::-webkit-scrollbar{
    display: none;
}
html.mobile  .ppsp .list-inline a{
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
    /*margin: 0 3px;*/
    /*flex: 0 0 auto;*/

}
html.mobile .ppsp .list-inline li{
    font-size:14px;
    /*margin-top: 0.1rem;*/
    color:black ;
}

html.mobile  .ppsp .ppsplistlb .teampic{
    height: 2.8rem;overflow: hidden;
}
html.mobile .ppsp .pic-hover{
    text-align: left;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
    height: 38px;
}

html.mobile  .ppsp .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
html.mobile .ppsp .list-inline .hover li{

    color: white!important;
}
/*品牌视频详情页*/
.shipingcontent .shuping{
    width: 100%;
    height: 630px;
    /*width: 100%;*/
}
html.mobile .shipingcontent .shuping{
    /*width: 348px;*/
    height: 619px;
    width: 100%;
}
 .shipingcontent .hengping{
     width: 100%;
     height: 630px;

}
html.mobile .shipingcontent .hengping{
    width: 348px;
    height: 196px;

}

/*PC品牌荣誉*/

.ppruytu{
height: auto;
}
  .rongyu{
    margin-top: 10px;
}
  .rongyu .list-inline{
    margin-top: 10px;
    margin-bottom: 20px;

    border: 1px silver solid;
    display: flex;
    justify-content: center;
    white-space:nowrap;
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;
}
  .rongyu .list-inline a {
    /*width: 30%;*/
    /*border: 1px solid;*/

    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
}


  .rongyu .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
 .rongyu .list-inline .hover li{

    color: white!important;
}
.rongyu .new-news-box .cover-half{

}
.rongyu .new-news-box .cover-half .mask-box{
     height: 38px;
 }
.rongyu .new-news-box  .scale-img{
    width:100%;
    height: 20vw;
    border: #eee 1px solid;
}
.rongyu .new-news-box  img{
    margin: auto;
    display:block;max-width:100%;height:100%
}

/*品牌荣誉*/
html.mobile  .rongyu{
    margin-top: 10px;
}
html.mobile  .rongyu .list-inline{
    margin-top: 10px;
    margin-bottom: 20px;

    border: 1px silver solid;
    display: flex;
    justify-content: center;
    white-space:nowrap;
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;
}
html.mobile  .rongyu .list-inline a{
    /*width: 30%;*/
    /*border: 1px solid;*/

    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
}
html.mobile  .rongyu .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
html.mobile .rongyu .list-inline .hover li{

    color: white!important;
}
html.mobile .rongyu .new-news-box .cover-half .mask-box{
    height: auto;
}
html.mobile .rongyu .new-news-box  .scale-img{
    width:100%;
    height: auto;
    border: #eee 1px solid;
}
html.mobile .rongyu .new-news-box  img{
    margin: auto;
    display:block;max-width:100%;height:auto;
}

/*案例*/
  .caselist{
    margin-top: 10px;
}
  .caselist .list-inline{
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px silver solid;
    display: flex;
    justify-content: center;
    /*white-space:nowrap;*/
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;
}
  .caselist .list-inline a{
    /*width: 40%;*/
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
}
  .caselist .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
 .caselist .list-inline .hover li{

    color: white!important;
}
.caselist .card-img-200{
    height:27vw;
    overflow: hidden;
}
.caselist .figure-caption{
    height:35px;
    margin-top: 8px;
}
/**/



html.mobile .caselist .card-img-200{
    height:auto;
    overflow: hidden;
}
/* */
html.mobile  .caselist{
    margin-top: 10px;
}
html.mobile  .caselist .list-inline{
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px silver solid;
    display: flex;
    justify-content: center;
    /*white-space:nowrap;*/
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;
}
html.mobile  .caselist .list-inline a{
    /*width: 40%;*/
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
}
html.mobile  .caselist .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
html.mobile .caselist .list-inline .hover li{

    color: white!important;
}
/*推荐*/
.xgtj .tjbiaoti{
    margin-top: 30px;
}
.xgtj .tjkuang{
    margin-top: 20px;position: relative;
    width:200px;
}
.xgtj .tjumg{
    width:200px;height: 150px;cursor: pointer; overflow: hidden;margin: 0;padding: 0;border-radius: 10px;
}
.xgtj .tjumg img{
    width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s cubic-bezier(0.335, 0.015, 0.46, 0.995);
}

.xgtj .tjtilte{
    text-align: left;
    margin-top: 6px;
}
.xgtj .tjlisttilte{
    margin: 0;padding: 0;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;
    font-size: 16px;
}
.xgtj .date{
    /*position: absolute;bottom: 0px;*/
    color: #9195a3;
}
 .xgtj{
    display: block;
}
html.mobile .xgtj .overflowheight{
   max-height: 360px 
}
.xgtj .overflowheight{
   max-height: 660px 
}
html.mobile .xgtj{
    display: none !important;
     width:100%;
     margin-top: 20px;
}
html.mobile .xgtj .tjkuang{
   
    width:100%;
}
html.mobile .xgtj .tjumg{
     width:100%;
     height: 100px;
}
/*品牌推荐*/
html.mobile .rdrj{
    /*display: none;*/
    width:100%;
    margin-top: 20px;
}
.rdrj{
    margin-top: 30px;
    width:250px;
}
.rdrj .tjbiaotipp{

}
.rdrj .tjkuangpp{
    margin-top: 10px;
}
.rdrj .tjlisttiltepp{
    margin: 0;
margin-top: 6px;
}

/*案例详情*/
.casexq{
display: flex;justify-content: center;
}
.casexq .content img{
  width: 100%;
}


html.mobile .casexq .pages{
    width: 100%;
    margin: 0;
    padding: 0;
}

.casexq .pages{
    margin: auto;
}
/*新闻动态*/
  .newslis{
    margin-top: 10px;
}
  .newslis .list-inline{
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px silver solid;
    display: flex;
    justify-content: center;
    /*white-space:nowrap;*/
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;
}
  .newslis .list-inline a{
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
}
  .newslis .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
 .newslis .list-inline .hover li{

    color: white!important;
}
html.mobile  .newslis{
    margin-top: 10px;
}
html.mobile  .newslis .list-inline{
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px silver solid;
    display: flex;
    justify-content: center;
    /*white-space:nowrap;*/
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;
}
html.mobile  .newslis .list-inline a{
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
}
html.mobile  .newslis .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
html.mobile .newslis .list-inline .hover li{

    color: white!important;
}
/*分页*/
html.mobile .pagination{
width: 100%;
    text-align: center;
}


.page-num{
    position: relative;
     padding: 3px 3px;
    margin-right: 3px;
    line-height: 1.25;
    color: #17a2b8;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-link{
       position: relative;
   
      padding: 3px 3px;
    
    line-height: 1.25;
    color: #000;
    background-color: #fff;
    border: 1px solid #dee2e6!important; 
}
.page-num-current {
    z-index: 1;
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}




html.mobile .chaungli_list a{
    width: 24%;
}

/*离头部距离*/
.nhead{
    margin-top: 60px;
    position: relative;
}
html.mobile .nhead{
    margin-top: 60px;
}
/*招商页*/
.join{
   
    display: flex;justify-content: center;
    /*background: url(/imang/join/bj.png);*/
}
.join img{
  padding: 0;
  margin: 0;
  margin-bottom: -2px;
}
.join .dcvi {
    position: relative;
    margin: 0 7rem;
    padding-left: 20px;
}
html.mobile .join .dcvi{
    margin: 0 0.3rem;
}
.join  .h31 {
    color: white;
    letter-spacing: 2px;
    margin: 0 0 10px 0 !important;
}

.join  .h31 span {
    font-size: 12px;
    color: #C7CCCD;
    margin-left: 6px;
    letter-spacing: 0.01px;
}

.join  .p1 {
    font-size: 14px;
}

.join  p {
    color: #C7CCCD;
    font-size: 12px;
    letter-spacing: 2px;
}

.join  p span {
    font-weight: bold;
}
.join  img {
    width: 100%;
}
.join  .h61 {
    width: 100%;
    text-align: right;
    color: white;
    margin: 0 0 0px 0 !important;
}
/*面包屑*/
.breadcrumb{
    margin-bottom: 0!important;
    font-size: 14px;
}


/* 模态框抖动 */
.modal-open {
    overflow-y: auto !important;
    padding-right: 0 !important;
}

.zxtit{color:#333;padding:0 10px;text-align:center;height:38px;overflow:hidden;text-overflow:ellipsis;line-height:20px;margin-top:5px;}
.zximg img{transition:all 0.5s;}
.zximg:hover img{transform: scale(1.1)}
@media (max-width:768px){.zxtit{color:#333;font-size:14px;padding:0 10px;text-align:left;}}


.modal {

    top: 20%!important;
}
#myweixin {
    font-size: 20px;
}
.content h2, .content h3, .content h4, .content h5, .content h6, p {
    margin: 0 0 10px 0;
}.biaodinpt{
     color: black;padding:10px 5px; width:90%;margin-top: 10px;
 }
.dosubmit{
    padding:13px 5px;width:90%;background:#293855;color:#FFF;border:none;
}
/*社会招聘校园招聘*/
  .zhaopixx{
    margin-top: 10px;
}
 .zhaopixx .list-inline{
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px silver solid;
    display: flex;
    justify-content: center;
    /*white-space:nowrap;*/
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;

}
 .zhaopixx .list-inline::-webkit-scrollbar{
    display: none;
}
  .zhaopixx .list-inline a{
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
    /*margin: 0 3px;*/
    /*flex: 0 0 auto;*/

}
.zhaopixx .list-inline li{
    font-size: 14px;
    /*margin-top: 0.1rem;*/
    color:black ;
}
  .zhaopixx .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
 .zhaopixx .list-inline .hover li{

    color: white!important;
}
/* */
html.mobile  .zhaopixx{
    margin-top: 10px;
}
html.mobile  .zhaopixx .list-inline{
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px silver solid;
    display: flex;
    justify-content: center;
    /*white-space:nowrap;*/
    border-radius: 10px;
    box-shadow:1px 1px 9px #858585;
    text-align: center;
    transition: all 0.5s;

}
html.mobile .zhaopixx .list-inline::-webkit-scrollbar{
    display: none;
}
html.mobile  .zhaopixx .list-inline a{
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 10px 0 10px 0;
    background: #fff;
    transition: all 0.5s;
    cursor: pointer;
    overflow: visible;
    border-radius: 10px;
    /*margin: 0 3px;*/
    /*flex: 0 0 auto;*/

}
html.mobile .zhaopixx .list-inline li{
    font-size: 14px;
    /*margin-top: 0.1rem;*/
    color:black ;
}
html.mobile  .zhaopixx .list-inline .hover{
    background-color:#003366;
    color: white!important;
}
html.mobile .zhaopixx .list-inline .hover li{

    color: white!important;
}
/*招聘留言*/
.biaoti{
    margin-bottom: 10px; position: relative;vertical-align: middle;display: table; width: 100%;
    /*z-index: -1;*/

}
.biaoti .biaoti4{
    color: black;text-align: center; letter-spacing:20px;font-size: 26px;
}
.baomingput{height: 50px;
    display: block;
    width: 100%;
    border: none;
    padding-left: 15px;
    margin-bottom: 15px;
}
.baomingbot{
    /*width:250px;text-align:center;float:left;*/
    margin-bottom:20px;

}
.baomingbot input{
    border: 1px solid #9595a5;
}
.baomingbot span{
    color: white;
}
.bdleb{

}

.baomingps{
    display: block;
    font-size: 12px;
}

html.mobile .dosubmit_db{
    display: block;
    width: 100%;
    height: 40px;
    color: #fff;
    border: 1px solid #003366;
    background: #003366;

}
/*培训师*/
.container-fluid{width:100%;padding-bottom:10px}

/*本分类下无数据*/
.text-secondary{
    text-align: center;
}
html.mobile .list-inline{
    background-color: white;
    margin-left: 0px;
}

/*留言*/
.modalbj{
    display: none;
}
html.mobile .modalbj{
   display: block;  border:0;width: 100px;height: auto;position: fixed;bottom: 40px;left: 5px;  z-index:50;
}

.btn-wx .pic{position:absolute;left:-133px;top:0px;display:none;width:160px;height: 200px;}
.btn-phone  .phone{background-color:#1B2540;position:absolute;width:160px;left:-133px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.btn-gyipx .gyipx{position:absolute;left:-133px;top:0px;display:none;width:160px;height: 200px;}
.btn-dy .dy{ position:absolute;left:-133px;top:0px;display:none;width:160px;height: 200px;}
.consult_box{z-index: 800;text-align: center ;position: fixed;right: -5px;bottom:5%;width: 160px;}
.btn-dy{
    position: relative;width: 160px;padding: 0px 0px 0px;
}
.db_kuanfd{
    width: 100px;background-color: #405894;
}
.biaodinpt{
    color: black;padding:10px 5px; width:90%
}
#myweixin{
    font-size: 20px;

}
.dosubmit{
    padding:13px 5px;width:90%;background:#003366;color:#FFF;border:none;
}
.dosubmit_db{
    margin-left:10px;border-radius:4px;border: none;height:35px;color:#FFF;background-color:#003366;width:150px;;font-size:14px
}
html.mobile #izl_rmenu{
    display: none;
}
#izl_rmenu{
    width: 160px;
}
#izl_rmenu img{
    /*background: url(../imang/cb/dhds.jpg)*/
    background-color: #405894;
}
.kblgyy img{
    width: 100%;
}
.row{
    margin: 0!important;
    padding: 0!important;
}
html.mobile .shoujicd{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.justify_content{
    display: flex;justify-content: center;

}
.mappud{
    margin: 0;
    padding: 0;
}
.mappudsa{
    padding-left: 15px;
    padding-right: 15px;
}

.justify-contentright{
    display: flex;
    justify-content: right;
}
.lb_padding .swiper-box{
    display: none;
}
html.mobile .lb_padding .swiper-box{
    display: block;
}
/*品牌文化*/
.ppwh img{
    width: 100%;
}
.mySwiperr23 .swiper-button-next{
background: url(/imang/jt.png) no-repeat;background-size: 100%;
    width: 60px;
    height: 60px;
}
.mySwiperr23 .swiper-button-next:hover{
    background: url(/imang/jt.png) no-repeat;background-size: 100%;
    width: 60px;
    height: 60px;
}

.mySwiperr23 .swiper-button-prev{
    background: url(/imang/jt.png) no-repeat;background-size: 100%;
    -webkit-transform: rotate( 180deg);
    transform: rotate(180deg);
    width: 60px;
    height: 60px;
}
.mySwiperr23 .swiper-button-prev:hover{
    background: url(/imang/jt.png) no-repeat;background-size: 100%;
    -webkit-transform: rotate( 180deg);
    transform: rotate(180deg);
    width: 60px;
    height: 60px;
}
/*友情链接*/
html.mobile .diubahjadba{
    display: none;
}
.yqlj{
 display: flex;flex-wrap:wrap;
 font-size: 12px;
}
.yqlj a{
    margin-left: 15px;
    color:#ffffff;
    text-decoration: underline!important;
    /*text-decoration-color: rgba(255,255,255,.7)!important;*/
    font-size: 12px;
}
.yqlj{
    color:#E4CAA7;
}
.yqlj a:hover{
    color:#ffffff;
}
/* 超小设备 (手机, 600px 以下屏幕设备) */
@media only screen and (max-width: 600px) {
    .example {background: red;}
}


/* 小设备 (平板电脑和大型手机，600 像素及以上) */
@media only screen and (min-width: 600px) {
    .service .nav .logo{
        display: none;
    }
    .footer .container .logo-box{
        display: none;
    }
}

/* 中型设备（平板电脑，768 像素及以上） */
@media only screen and (min-width: 768px) {
    .service .nav .logo{
        display: none;
    }
    .footer .container .logo-box{
        display: none;
    }
    /*.xgtj{*/
    /*    display: none;*/
    /*}*/
   
}

/* 中型设备（平板电脑，768 像素及以上） */
@media only screen and (max-width: 900px) {
    
    .justify-contentright{
    display: block;
  
}
.justify_content{
    display: block;
}
}

@media only screen and (max-width: 1200px) {
    .service .nav .logo{
        display: block;
        width: 100px;
    }
    .service .nav-icon{
         width: 33px;
    }
    .service .nav .ww{
        width:97%;
    }
    .footer .container .logo-box{
        display: block;
    }
   
        
}
/* 大型设备（笔记本电脑/台式机，992 像素及以上） */
@media only screen and (min-width: 1000px) {
    .service .nav .logo{
        display: block;

    }
    .footer .container .logo-box{
        display: block;
    }
    /* .xgtj{*/
    /*    display: block;*/
    /*}*/
}

/* 超大型设备（大型笔记本电脑和台式机，1200 像素及以上） */
@media only screen and (min-width: 1200px) {
    .service .nav .logo{
        display: block;

    }
    .footer .container .logo-box{
        display: block;
    }
    /* .xgtj{*/
    /*    display: block;*/
    /*}*/
}