/* 在CSS中引入TTF字体文件 */
@font-face {
    font-family: 'yw'; /* 字体名称，可以自定义 */
    src: url('NewYork.ttf'); /* TTF字体文件路径 */
    font-display: swap;
}

/* 在CSS中引入TTF字体文件 */
/*@font-face {*/
/*font-family: 'zw'; */
/*src: url('/template/default/css/PINGFANGMEDIUM.TTF');*/
/*    font-display: swap;*/
/*}*/
.indexhtml .overlay {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 0;
    background-color: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: height 0.3s ease;
}

.indexhtml .overlay-text {
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.indexhtml .container:hover .overlay {
    height: 13%;
}
html.mobile .indexhtml .container:hover .overlay {
    height: 48%;
}
html.mobile .indexhtml .overlay-text {
    width: 90%;

}

.indexhtml .container:hover .overlay-text {
    opacity: 1;
}
 .djvr{
 	position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 0;
    /*background-color: rgba(0, 0, 0, 0.7);*/
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: height 0.3s ease;
    opacity: 0;
 }
  .djvr span{

	background-color: rgba(0, 0, 0, 0.7);
	 color: #fff;

  }
.indexhtml .container:hover .djvr{
 font-size: 14px;
  opacity: 1;
   height: 100%;
   color: #fff;
}
.indexhtml .container:hover  .djvr span{
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 10px;
}

.overlayname {
    font-size: 26px;
}

.overlaydef1 {
    font-size: 14px;
    margin-top: 10px;
}

.margin-top60 {
    margin-top: 60px;
}

.margin-top50 {
    margin-top: 50px;
}

.margin-top10 {
    margin-top: 10px;
}

.xfdss {
    position: relative;
}

.xfdsssize {
    font-size: 28px;
}
html.mobile .xfdsssize {
    font-size: 18px;
    margin-top: 10px ;
}
.xfdsssize2 {
    font-size: 16px;
}

.xfdssp {
    margin-top: 25px;
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 80px;
}

.xfdppfw {
    background-color: white;
    padding-bottom: 30px;
    margin: 0 0rem;
}

.xfdppfw .service-list {
    margin: 0 10px;
}

.xfdppfw img {
    width: 100%
}

.xfdppfwname {
    text-align: center;
    margin: 20px 0;
    font-size: 20px;
}

.joinop p {
    padding: 0 !important;
    margin: 0 !important;
}

.joinop {
    width: 100%;
    margin: auto;
    /*padding-left:15px;*/
}

.joinop .neaiudk {
    max-width: 790px;
    margin: auto;
}

* {
    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: 'zw';
}

.ywzt {
    font-family: 'yw';
}

body {
    font-size: 14px;
    /*min-width: 1000px;*/
}

/**/
.nav-icon .icon-search {
    background: url('https://www.xiaofudie.com/static/upload/image/20240705/1720173318867309.jpg') no-repeat;
}

.service .nav .logo {
    width: 200px;
    height: 40px;
    /*center center*/
    background: url('https://sxy.kabaili.com.cn/2025xiaofudieimg/202508/d0bc582ab773ebf.png') no-repeat center center;
    display: inline-block;
    background-size: contain;
    margin-top: 0px;
}

/*1*/
.mobileNav .logo {
    width: 0.6rem;
    height: 0.6rem;
    background: url("https://sxy.kabaili.com.cn/2025xiaofudieimg/202508/d0bc582ab773ebf.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 .logo {
    background-image: url(https://sxy.kabaili.com.cn/2025xiaofudieimg/202508/d0bc582ab773ebf.png);
}

.plugins.service > .logo {
    z-index: 12;
    left: 10px;
    top: 6px;
    background-image: url(https://www.xiaofudie.com/static/upload/other/20240705/1720166032897961.webp);
}

/*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: #12939A;
}

.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: 100px;
    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: white !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)*/
}


/*.plugins .logo{*/
/*    width: 38px;*/
/*    height: 38px;*/
/*    background: url(/static/upload/image/20230427/logo.png) no-repeat center center;*/
/*    z-index:4;*/
/*    cursor: pointer;*/
/*    !**/
/*        -webkit-transition:backgroundImage 1s linear 0.3s;*/
/*        transition:backgroundImage 1s linear 0.3s;*/
/*    *!*/
/*}*/

/*.plugins .nav{*/
/*    width: 870px;*/
/*    position: fixed;*/
/*    top: 3.3125rem;*/
/*    right: 1.875rem;*/
/*    z-index: 4;*/
/*    height: 1.5rem;*/
/*}*/
/*.plugins .nav-col{*/
/*    width: 700px;*/
/*    !**/
/*        display: -webkit-box;*/
/*        display: -ms-flexbox;*/
/*        display: -webkit-flex;*/
/*        display: flex;*/
/*        -webkit-box-pack: center;*/
/*        -ms-flex-pack: center;*/
/*        -webkit-justify-content: space-between;*/
/*        justify-content: space-between;*/
/*        -webkit-box-align: center;*/
/*        -ms-flex-align: center;*/
/*        -webkit-align-items: center;*/
/*        align-items: center;*/
/*    *!*/
/*    text-align: right;*/
/*}*/

@-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 .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('https://www.xiaofudie.com/imang/t_ico1.png') no-repeat 0 center;
    background-position: 0 3px;
}

.toubu .wzdt .t_ico2 {
    background: url('https://www.xiaofudie.com/imang/t_ico2.png') no-repeat 0 center;
    background-position: 0 3px;
}

.toubu .wzdt .t_ico3 {
    background: url('https://www.xiaofudie.com/imang/t_ico3.png') no-repeat 0 center;
    background-position: 0 3px;
}

.service .nav {
    background: white;
    height: 60px;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    /*min-width: 1000px;*/
    border-bottom: 1px solid #f2f2f2;


}

.service .nav:hover {
    background: white !important;
}

.home-page + .service .nav {
    border-bottom: none;
}

.service .nav .ww {
    display: flex;
    align-items: center;
    width: 88%;
    margin: 0 auto;
    justify-content: center;
}

.service .nav:after {
    content: '';
    display: table;
    clear: both;
}

.service .nav .nav-col li {
    height: 60px;
    margin-right: 1.7rem;
    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: white;
    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: black;
}

.service .nav .nav-col li > a {
    font-size: 14px;
    color: black;
}

.service .nav .nav-col li > a.cur {
    color: black;
}

.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: white;
    border-bottom: 1px solid #f2f2f2;
}

.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: 40%
}

.submit-info {
    cursor: pointer;
    width: 80px;
    background: rgba(18, 147, 154, .8);
    border-top-left-radius: 55px;
    border-bottom-left-radius: 55px;
    transition: all 0.25s;
    display: flex;
    align-items: center;
    color: white;
}

.ji1amn {
    padding: 12px;
}

.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 .img {
    color: #EED8AB;

}

.submit-info .modalbj1 .img:hover {
    color: white;

}

.submit-info .modalbj1:hover {
    width: 80px;
}

.submit-info:hover {
    width: 80px;
}

.submit-info .modalbj1:hover .text {
    display: block;
}

html.mobile .float-box {
    display: none;
}

.right-plugins {
    position: absolute;
    right: 0;
    width: 79px;
    margin-top: 15px;
    background: rgba(18, 147, 154, .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: 10px 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: 110px;
    /*font-size: 12px;*/
}

.right-plugins .power-list:hover {
    width: 110px;
    /*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(3, 1fr);
    grid-gap: 32px;
    grid-auto-rows: minmax(32px, auto);
    text-align: center;
}

.m-kefu-mask .img-container {
    display: block;
    width: 65px;
    height: 58px;
    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: 10px;*/
    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(https://www.xiaofudie.com/imang/sjnav.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('https://www.xiaofudie.com/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(https://www.xiaofudie.com/static/upload/image/20230427/1682580470373798.png) no-repeat center center;*/
    background-size: 0.18rem;
    right: 0.55rem;
    position: absolute;
    transition: background 0.3s;
}

.mobileNav.open {
    height: 100%;
    background: rgba(18, 147, 154, 0.95)
}

.mobileNav.open::after {
    content: '';
    position: absolute;
    width: 100%;
    top: 0.6rem;
    left: 0;
    border-top: 1px solid #ffffff;
}

.mobileNav.open .menu {
    background-image: url(https://www.xiaofudie.com/imang/sjxnav.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: 85%;
    display: block;
    /* padding-right: 0.42rem; */
    position: relative;
    border-bottom: 1px solid #ffffff;
}

.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("https://www.xiaofudie.com/imang/xlg.png") no-repeat center center;
    background-size: 0.16rem;
}

.mobileFooter .m-nav .m-dropdown .more {
    background: url("https://www.xiaofudie.com/imang/xlgh.png") no-repeat center center;
    background-size: 0.16rem;
}

.m-dropdown .sub {
    display: none;
}

.open.m-dropdown .sub {
    display: block;
    border-top: 1px solid #fff;
}

.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: #ffffff;
    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: #fff;
}

.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: 19.6%;
    display: inline-block;

}

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

.mtzdi .card-box ul li {

    padding: 10px 2px;
    margin-left: 10px;
}

.mtzdi .card-box .mtzdsld {
    width: 40%;
    display: inline-block;
}

.mtzdi .card-box .mtzdsld ul li {
    width: 20%;
}

.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;
    width: 100%;
}
.copyright p{
    color: #fff;
}

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(https://www.xiaofudie.com/template/default/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: 800px;
    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;
    padding: 20px 0;
    padding-top: 50px;
}

.home-page .box-title .title1 {
    font-size: 46px;
    /*font-weight:600;*/
    color: black;
}

html.mobile .home-page .box-title .title1 {
    font-size: 26px;
    /*font-weight:600;*/
    color: black;
}

.home-page .box-title .title {
    position: relative;
    flex: 1;
    font-size: 26px;
    color: #000;
    letter-spacing: 2px;
}
html.mobile  .home-page .box-title .title {
    font-size: 18px;
}

/*.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;
    word-wrap: break-word; /* 旧版的写法，兼容性较好 */
    overflow-wrap: break-word; /* 标准属性，推荐使用 */
    /*word-break: break-all; !* 确保中文字符正确换行 *!*/
}

.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;
    word-wrap: break-word; /* 旧版的写法，兼容性较好 */
    overflow-wrap: break-word; /* 标准属性，推荐使用 */
    /*word-break: break-all; !* 确保中文字符正确换行 *!*/

}


/*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: 510px;
    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 0px;
    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: 460px;

    overflow-y: auto;
}

.home-page .dt-box .content-box .new-list ul li {
    padding: 20px;
    display: flex;
    align-items: center;
    height: 80px;
    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: white;
}

/* 手机端适配 */
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: 90px;
}

.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.1);
    z-index: 1;
    border-radius: 7px;
    color: white;

    background: #12939A !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.12rem 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;

    margin-top: -2px;
    word-wrap: break-word; /* 旧版的写法，兼容性较好 */
    overflow-wrap: break-word; /* 标准属性，推荐使用 */
    /*word-break: break-all; !* 确保中文字符正确换行 *!*/
}

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;
        word-wrap: break-word; /* 旧版的写法，兼容性较好 */
        overflow-wrap: break-word; /* 标准属性，推荐使用 */
        /*word-break: break-all; !* 确保中文字符正确换行 *!*/
    }
}

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%);
}

/*我要找效果图*/
.wyzxgt li {
    width: 16.6% !important;
}

/*我要找产品*/
.wyzcpt6 li {
    width: 33% !important;
}

html.mobile .wyzcpt6 li {
    width: 33% !important;
}

.wyzcpt .cpydxg .name1 {

}

.xfdss {
    /* display: flex;
     align-items: stretch;*/
}

/*我要找色彩*/
.wyzcpsc li {
    width: 12.5% !important;
}

/*我要找色彩*/
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;
    word-wrap: break-word; /* 旧版的写法，兼容性较好 */
    overflow-wrap: break-word; /* 标准属性，推荐使用 */
    /*word-break: break-all; !* 确保中文字符正确换行 *!*/

}


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: 2.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 10px;
}

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: 300px;
    overflow-y: auto;
}

/*.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;
}

.productlist {
    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;
}

/*好产品列表页*/
.productlist .box-title .title {
    position: relative;
    flex: 1;
    font-size: 26px;
    color: #333;
    letter-spacing: 0px;
}

.productlist .productlsitx {
    position: relative;
    overflow: hidden;
}

.productlist .productlsitx img {
    transition: transform 0.5s ease;
}

.productlist .productlsitx img:hover {
    transform: scale(1.2);
}

.productlist .product_title {
    text-align: left;
    margin-top: 8px;
    position: absolute;
    top: 7%;
    left: 11%;
    color: white;
    font-size: 26px;
    letter-spacing: 2px;
    
}

.productlist .hcp .product_list {
    margin-top: 0px;
    padding: 0;
}

.productlist .footer-bg {
    margin-top: 0px;
}

.productlist .margin-top20 {
    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: 45%;*/
    display: inline-block;
    height: auto;
}

html.mobile .product_list .product_title {
    list-style: none;
    line-height: 24px;
    padding: 5px 0;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    
}


.product .productimg p {
    margin: 0;
    padding: 0;
}

.product .text-center .title {
    font-size: 26px !important;
    text-align: left;!important;
    letter-spacing: 2px;
}

.product .hscname {
    margin-top: 10px;
    font-size: 16px !important;
    letter-spacing: 2px;
}

.product .container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.product .hscsubtitle {
    text-align: center !important;
    letter-spacing: 1px;
    font-size: 16px;
}

html.mobile .product .hscsubtitle {
    font-size: 14px;
}

.product .mlwjyswqq {
    margin-top: 100px;
}

.product .mlwjyswqq .layui-col-md2 {
    width: 20%;
}

.product .mlwjyswqq .layui-col-md1 {
    width: 16%;
}

html.mobile .product .mlwjyswqq .layui-col-md2 {
    width: 33%;
}

html.mobile .product .mlwjyswqq .layui-col-md1 {
    width: 33%;
}

.product .mlwjyswqq .hscname {
    margin-top: 5px;
    text-align: center;
    font-size: 14px !important;
}

.product .mlwjyswqq .scbtx {
    letter-spacing: 2px;
    font-size: 16px !important;
}

.product .hrdiv {
    width: 80px;
    border-bottom: 3px solid #12939A;
    margin: 25px 0;
}

.product .cptxqubiao {
    width: 40px;
    margin: auto;
}

.product .cpxqmargintop {
    margin-top: 10px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 20px;
    /*align-items: center; */
    min-height: 150px;
}

.product .cpxqmargintop1 {
    margin-top: 10px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 20px;
    /*align-items: center; */
    min-height: 290px;
}

html.mobile .product .cpxnmiaoshu {
    margin-left: 0px;
}

.product .cpxqxxshu {
    text-align: center;
    width: 66px;
    margin: auto;
}

.product .cpxntup {
    text-align: center;
}

.product .cpxnname {
    margin-top: 10px;
    font-size: 16px;
    font-weight: bold;
}

.product .cpxnmiaoshu {
    letter-spacing: 2px;
    font-size: 14px;
    line-height: 25px;
    margin: auto;
    margin-left: 20px;

}

.product .margin-top60 {
    margin-top: 60px;
}

.product .ext_cpms {
    line-height: 25px;
    font-size: 14px;
    letter-spacing: 2px;
}

.product .min-height230 {
    min-height: 230px;
}

.product .margin0 {
    margin: 0;
}

.product .margin-left20 {
    margin-left: 20px;
}

.product .ext_sggybz41 {
    font-size: 12px;
    line-height: 13px;
    color: #858585;
    margin-top: 10px;
}

.product .padding-top80 {
    padding-top: 80px;
}

.producCsqtlist .list-inline .hover {
    background-color: #12939A;
    color: white !important;
}

.producCsqtlist .productlsitx {
    position: relative;

    overflow: hidden;
}

.producCsqtlist .productlsitx img {
    transition: transform 0.5s ease;
}

.producCsqtlist .productlsitx img:hover {
    transform: scale(1.2);
}

.producCsqtlist .product_title {
    text-align: left;
    margin-top: 8px;
    position: absolute;
    top: 7%;
    left: 11%;
    color: white;
    font-size: 26px;
    letter-spacing: 2px;
  
}

.producCsqtlist .product_list {
    margin-top: 0px;

}

.producCsqtlist .footer-bg {
    margin-top: 0px;
}

.producCsqtlist .margin-top20 {
    margin-top: 20px;
}

.colours .productimg p {
    margin: 0;
    padding: 0;
}

.text-center .title {
    font-size: 26px !important;
    
    letter-spacing: 2px;
    text-align: left;
  /*white-space: nowrap;*/
  overflow: hidden;
}


.colours .hscname {
    margin-top: 10px;
    font-size: 16px !important;
    letter-spacing: 3px;
}

.colours .container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.colours .hscsubtitle {
    text-align: center !important;
    letter-spacing: 1px;
    font-size: 16px;
}

html.mobile .colours .hscsubtitle {
    font-size: 14px;
}

.colours .mlwjyswqq {
    margin-top: 10px;
}

.colours .mlwjyswqq .layui-col-md2 {
    width: 10%;
}

html.mobile .colours .mlwjyswqq .layui-col-md2 {
    width: 20%;
}

.colours .mlwjyswqq .hscname {
    margin-top: 5px;
    font-size: 13px !important;
}

.colours .mlwjyswqq .scbtx {
    letter-spacing: 3px;
    font-size: 16px !important;
}

.colours .margin-top60 {
    margin-top: 60px;
}

.colours .coloursbutton {
    font-size: 16px;
    margin: 30px 0 20px 0;
    border: 0;
    padding: 8px 15px;
    background-color: #12939A;
    color: white;
}

/*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: 14vw;
    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;
}

.xgtj .date {
    /*position: absolute;bottom: 0px;*/
    color: #9195a3;
}

.xgtj {
    display: block;
}

html.mobile .xgtj {
    display: none;
}

/*品牌推荐*/
html.mobile .rdrj {
    display: none;
}

.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: 70px;
}

/*招商页*/
.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 {
    padding: 8px 15px;
    /*margin-bottom: 20px;*/
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
    font-size: 14px;
}

.breadcrumb .div {
    width: 100%;
    max-width: 790px;
    margin: auto;
    padding-left: 15px;
}

/* 模态框抖动 */
.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;
}

.fuwushiershichen .circlediv, .circle {
    box-sizing: border-box;
}

.fuwushiershichen .circlediv {
    position: relative;
    width: 100%;
    height: 30px;
}

.fuwushiershichen .circle {
    width: 10px; /* 设置圆形的宽度 */
    height: 10px; /* 设置圆形的高度，与宽度相等 */
    background-color: #12939A; /* 设置圆形的背景颜色 */
    border-radius: 50%; /* 设置边框圆角为50%，使其成为圆形 */
    /* 可选: 添加一些内边距或边框来进一步自定义圆形 */
    padding: 20px; /* 这将增加圆内的空间，但请注意，如果padding过大，可能会破坏圆形的外观 */
    /* 边框仅作为示例，实际中可能不需要 */

    /* 居中显示圆形（如果需要的话） */
    display: flex;
    justify-content: center;
    align-items: center;
    /* 为了防止padding破坏圆形，可以使用box-sizing: border-box; */
    box-sizing: border-box;
    margin: auto;
    font-weight: bold;
    color: white;
    position: absolute;
    top: -50%;
    left: 50%;
    font-size: 20px;
    transform: translateX(-50%);
}

.fuwushiershichen .hrdiv {
    width: 80px;
    border-bottom: 3px solid #12939A;
    margin: 25px auto;
}

.fuwushiershichen .bjjbse {
    background: linear-gradient(to bottom, #B4B4B4, #E4E4E4);
    text-align: center;
    height: 240px;
    color: white;
}

.fuwushiershichen .margin-top30 {
    margin-top: 60px;
}

.fuwushiershichen .margin-top60 {
    margin-top: 50px;
    margin-bottom: 10px;
    font-size: 20px;
}

.fuwushiershichen .margin-top100 {
    margin-top: 110px;
}

.fuwushiershichen .hrnr {
    width: 30px;
    border-bottom: 1px solid #12939A;
    margin: auto;
    background-color: #12939A;
}

.fuwushiershichen .fwdiv4 {
    margin-top: 20px;
    font-size: 10px;
}

.fuwushiershichen .fwdiv5 {
    margin-top: 20px;
    margin-bottom: 60px;
    font-size: 16px;
    display: inline-block;
    text-align: left;
    word-break: break-all;
}

.fuwushiershichen .box-shadowleft {
    box-shadow: 10px 5px 10px #d2d2d2;


}

.fuwushiershichen .box-shadowright {

    box-shadow: 5px 5px 10px #d2d2d2;


}

.fuwushiershichen .layui-col-md3 {
    min-width: 242px;
}

html.mobile .fuwushiershichen .wyzcp {
    margin: 0 0;
}

.fuwushiershichen .dibuzhun {
    text-align: center;
    letter-spacing: 13px;
    color: #BBBCBB;
    margin-top: 20px;
}

html.mobile .fuwushiershichen .dibuzhun {
    text-align: center;
    letter-spacing: 8px;
    color: #BBBCBB;
    margin-top: 20px;
}

html.mobile .fuwushiershichen .w {
    margin: 0 auto;
    margin-top: 0px !important;
    padding-top: 0px;
}

html.mobile .fuwushiershichen .layui-col-space30 {
    margin: 0;
}

html.mobile .fuwushiershichen .bjjbse {

    display: flex;
    justify-content: center;

}

html.mobile .fuwushiershichen .margin-top100 {
    margin-top: 50px;
}

.fuwushiershichen .m50 {
    margin-top: 40px;
    background-image: url('https://www.xiaofudie.com/imang/fazhanlishi/xjbj.webp');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.fuwushiershichen .ydm50 {
    margin-top: 0px;
}

html.mobile .fuwushiershichen .m50, .ydm50 {
    margin-top: 50px;
}
html.mobile .fuwushiershichen1{
    display: block!important;
}
.fuwushiershichen .dubu6 {
    margin: 70px 0
}

.fuwushiershichen .dubu7 {
    display: flex;
    justify-content: center;
}

.fuwushiershichen .height60 {
    height: 60px;
}

.fuwushiershichen .margin-left10 {
    margin-left: 10px
}

.fuwushiershichen .textspan text {
    font-size: 11px;
    margin-right: 4px;
}

.fuwushiershichen .textspan span {
    font-weight: normal;
    letter-spacing: 1px;
}

.fuwushiershichen .dianhuadw {
    font-size: 30px;
    font-weight: bold;
}

.joinop p {
    padding: 0 !important;
    margin: 0 !important;
}

/*留言*/

.modalbj {
    display: none;

}

html.mobile .modalbj {
    cursor: pointer;
    background: rgba(18, 147, 154, .8);
    border-top-right-radius: 55px;
    border-bottom-right-radius: 55px;
    transition: all 0.25s;
    display: flex;
    align-items: center;
    color: #EED8AB;
    display: block;
    border: 0;
    width: 65px;
    height: auto;
    position: fixed;
    bottom: 40px;
    left: 0px;
    z-index: 50;
    padding: 10px;
}

.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: #12939A;
    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: 10px;
}

.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(https://www.xiaofudie.com/imang/jt.png) no-repeat;
    background-size: 100%;
    width: 60px;
    height: 60px;
}

.mySwiperr23 .swiper-button-next:hover {
    background: url(https://www.xiaofudie.com/imang/jt.png) no-repeat;
    background-size: 100%;
    width: 60px;
    height: 60px;
}

.mySwiperr23 .swiper-button-prev {
    background: url(https://www.xiaofudie.com/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(https://www.xiaofudie.com/imang/jt.png) no-repeat;
    background-size: 100%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 60px;
    height: 60px;
}

/*友情链接*/
.diubahjadba {
    width: 182px;
}

html.mobile .diubahjadba {
    display: none;
}
.dubudnr p{
  color: white;  
  font-size: 12px;
}

.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;
}

/*底部*/
._citys {
    width: 300px;
    display: inline-block;
    border: 2px solid #eee;
    padding: 5px;
    position: relative;
    background-color: white;
}

._citys span {

    color: #56b4f8;
    height: 20px;
    width: 20px;
    line-height: 17px;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 1px solid #56b4f8;
    cursor: pointer;
    font-size: 20px;
}

._citys0 {
    width: 100%;
    height: 34px;
    display: inline-block;
    border-bottom: 2px solid #56b4f8;
    padding: 0;
    margin: 0;
}

._citys0 li {
    display: inline-block;
    line-height: 34px;
    font-size: 15px;
    color: #888;
    width: 80px;
    text-align: center;
    cursor: pointer;
}

.citySel {
    background-color: #56b4f8;
    color: #fff !important;
}

._citys1 {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
    height: 200px;
    overflow: auto;
}

._citys1 a {
    width: 83px;
    height: 35px;
    display: inline-block;
    background-color: #f5f5f5;
    color: #666;
    margin-left: 6px;
    margin-top: 3px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    overflow: hidden;
}

._citys1 a:hover {
    color: #fff;
    background-color: #56b4f8;
}

.AreaS {
    background-color: #56b4f8 !important;
    color: #fff !important;
}

html.mobile .opencon {
    display: block;
    margin-left: 30px;
    padding: 10px 0;
}

html.mobile .openimg {
    display: none;
}

/*html.mobile  .layui-layer,  .layui-layer-page {*/
/*    width: 90% !important;*/
/*}*/

@media (min-width: 768px) {

    /*.layui-layer, .layui-layer-page {*/
    /*    width: 600px !important;*/
    /*}*/

}

/*.layui-layer-btn{*/
/*    padding: 0!important;*/
/*}*/

.lunboxsa {
    /*width: 600px!important;*/
    background-color: rgba(0, 0, 0, .1) !important;

}


#modal-container-bj {
    /*width: 600px !important;*/
    margin:  auto;
}

#modal-container-bj .lexingdw {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

#modal-container-bj .lexing {
    width: 90%;
    text-align: left;
    font-size: 14px;
}

#yujiamshul {
    font-size: 14px;
}

.ducadan {
    z-index: 99;
}

.ducadantu {
    text-align: center;
    margin-top: 10px;
}

html.mobile #modal-container-bj {
    /*position: relative;*/
    width: 90% !important;
    margin: auto;
}


.layui-layer-title {
    text-align: center!important;
    font-size: 20px!important;

    padding: 3px!important;
}

/*==========*/

/* 超小设备 (手机, 600px 以下屏幕设备) */
@media only screen and (max-width: 900px) {
    /* .example {background: red;}*/


}

html.mobile .search-box .name1 {
    display: none !important;
}

/* 小设备 (平板电脑和大型手机，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) {
    .xfdss {
        display: block;

    }

    .service .nav .logo {
        display: block;
        width: 100px;
    }

    .service .nav-icon {
        width: 33px;
    }

    .service .nav .ww {
        width: 97%;
    }

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

    .home-page .w {
        max-width: 1024px;
        margin: 0 auto;
    }


}

/* 大型设备（笔记本电脑/台式机，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;
    }
}
 h1,h2,h3,h4,h5,h6{
            font-weight: normal!important;
        }