body {font-size: 14px; }
body,
html{min-width: 100%;}
.fs-4 {
    font-size: calc(1.175rem ) !important;
}

/*Phone手机 + ipad Min*/
@media(max-width:768px) {

    .dyui-btn-lg {width: 110px; height: 34px; line-height: 32px !important; font-size: 14px;}

    .dyui-header .navbar-dark .navbar-toggler {color: #dc9519; padding-right: 0; font-size: 32px; border: none; border-left: solid 1px #fff; border-color: rgba(225,225,225,0.8); border-radius: 0; padding-top: 12px; padding-bottom: 12px;}
    .body-index .dyui-header .navbar-dark .navbar-toggler {border-color: rgba(225,225,225,0.2);}
    .body-index .dyui-header {border: none}
    .dyui-header .navbar-brand {padding: 8px 0}
    .dyui-header .logo {height: 38px; display: block;}
    .dyui-header .navbar .navbar-brand:after {display: none}
    .dyui-header .collapse {padding-left: 0;}
    .dyui-header .collapse-tool {padding-left: 15px; padding-right: 15px;}

    /*导航开始*/
    .dyui-header .navbar-collapse {background-color: #fff; box-shadow: 0px 0px 8px 1px rgb(0, 0, 0, 0.10);}
    .dyui-header nav .navbar-nav .nav-item {white-space: nowrap}
    .dyui-header .dyui-nav li {padding: 0;height: auto;}
    .dyui-header .dyui-nav li a.c1 {display: block; color: #333;height: 48px; line-height: 48px;}
    .dyui-header nav .navbar-nav .nav-link {line-height: 30px}
    .dyui-header nav {line-height: 50px; position: relative}
    .dyui-header nav.nav-mod-fixed {position: fixed}
    .dyui-header nav.nav-mod-fixed .navbar-collapse {overflow-y: scroll; max-height: 380px}
    .dyui-header .navfix-mod-other {height: 60px}
    .dyui-header .nav>li>.dropdown-menu {}
    .dyui-header .nav>li.open>.dropdown-menu {display: block}
    .dyui-header .nav>li>.dropdown-menu>.dropdown-item {line-height: 30px}
    .dyui-header .navbar-toggle {padding: 0 15px; border: none; margin: 0; height: 60px}
    .dyui-header .navbar-nav {margin: 0}
    .dyui-header .nav>li>a:after {content: ''; float: right; margin-top: 22px; height: 10px;}
    .dyui-header .nav>li>a.active:after {border-bottom: 1px solid #a8a8a8; left: 0; right: auto}
    .dyui-header .dropdown-menu>li {border: none}
    .dyui-header .navbar-nav .open .dropdown-menu>li>a {line-height: 50px; border-bottom: 1px dotted #f2f2f2x}

    .body-index .dyui-header .dyui-nav li a.c1 {color: #333}


    .carousel .carousel-item img {display: block;}

    .home-about .dyui-main-body {flex-direction:column-reverse;}


    .dyui-foot .btn-ul {justify-content: center; width: 100%}

    .product-brand-img a:nth-child(1) {padding-right: 5px}
    .product-brand-img a:nth-child(2) {padding-left: 5px}


    .about-tedian ul li {position: relative; margin-top: 0; margin-bottom: 0; padding-left: 15px; padding-right:15px; border-bottom: solid 1px #ddd; padding-top: 10px; padding-bottom: 10px;}
    .about-tedian ul li .box {justify-content: space-between; align-items: initial}
    .about-tedian ul li:after {display: none}
    .about-tedian ul li i {font-size: 26px}
    .about-tedian ul li h3 {font-size: 24px; font-weight: bold}
    .about-tedian ul li h3 small{font-size: 12px; margin-top:4px;}
    .about-tedian ul li p {font-size: 14px}
    .about-tedian ul li:first-child {padding-left: 15px}
    .about-tedian ul li:last-child {padding-right: 15px}
    .about-tedian ul li:nth-child(1),
    .about-tedian ul li:nth-child(3) {border-right: solid 1px #ddd}

    /*首页案例*/
    .dyui-case {background: url("../images/m-case-bg.jpg") no-repeat center top; background-size: 100%}
    .dyui-case ul li .box .info {display: flex; display: -webkit-flex; top: initial; flex-direction: initial; -webkit-justify-content: space-between;justify-content: space-between; padding: 5px 10px;}
    .dyui-case ul li .box .info .t {margin-bottom: 0; font-size: 15px; flex: 1; -webkit-flex: 1;}
    .dyui-case ul li .box .info i {margin-top: 0; background: none;}
    .dyui-case .dyui-swiper .swiper-case {padding-bottom: 50px;}
    .dyui-case .btn {font-size: 12px}

    /*首页产品*/
    .dyui-product {border-top: solid 1px #b9bdc4}
    .dyui-product .swiper {padding-bottom: 50px;}
    .product-brand-img a:nth-child(3) {padding-right: 1px;}
    .product-brand-img a:nth-child(4) {padding-left: 1px;}

    .dyui-product-list li .box {height: 100% !important;}
    .dyui-product-list li .info {padding: 18px 15px;}
    .dyui-product-list li .end {display: flex; justify-content: end}
    .dyui-product-list li .end a span {display: none}
    .dyui-product-list li .thumb {flex: 0 0 40%;}
    .dyui-product-list li .end a.btn {width: auto; margin-left: 10px;}

    .dyui-product-list2 li .info {padding: 15px}
    .dyui-product-list2 li .t {font-size: 14px; margin-bottom: 5px}
    .dyui-product-list2 li .info p {font-size: 13px}
    .dyui-product-list2 li .end a.btn {width: 28px; height: 28px; line-height: 28px; text-align: center; padding: 0; font-size: 14px;}

    /*视频列表*/
    .dyui-video-list2 li {}
    .dyui-video-list2 li .box {display: flex; justify-content: space-between;border-bottom: solid 1px #eee; padding-bottom: 15px; padding-top: 15px}
    .dyui-video-list2 li .box .thumb {position: relative;}
    .dyui-video-list2 li .box .thumb i {position: absolute; left: 10px; bottom:10px; font-size: 12px; color: #fff; opacity: 0.5}
    .dyui-video-list2 li .info {width:100%;padding-left: 10px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between}
    .dyui-video-list2 li .info .t {font-size: 14px; font-weight: bold}
    .dyui-video-list2 li .info .time {color: #888; font-size: 12px}

    /*招聘列表*/
    .dyui-zhaopin-list li {}

    /*产品筛选*/
    .dyui-mfilter .dropdown .btn {width: 100%; background-color: #edf0f2; display: flex; justify-content: space-between; align-items: center}

    .dyui-thumb-list li .info .time {font-size: 12px}
    .dyui-thumb-list li .info .t {margin-bottom: 0; font-weight: bold; font-size: 14px}

    .dyui-news {margin-top: 0;}
    .dyui-news .dyui-main-footer {justify-content: center; display: flex}
    .dyui-news .dyui-main-footer .btn {width: 120px; height: 34px; line-height: 30px; font-size: 14px; margin-left: 16px; margin-right: 16px;}
    .dyui-news .swiper-button-next,
    .dyui-news .swiper-button-prev {width: 34px; height: 34px; line-height: 34px; text-align: center; background-color: #d2d4d6; top: initial; bottom: 0; position: initial; margin: 0;}
    .dyui-news .swiper-button-next:after,
    .dyui-news .swiper-button-prev:after {font-size: 16px; color: #fff}
    .dyui-news .swiper-button-next:hover,
    .dyui-news .swiper-button-prev:hover {background-color: #26378f;}
    .dyui-news .swiper-button-next:hover:after,
    .dyui-news .swiper-button-prev:hover:after {color: #fff;}

    .bttom-hb-btn {position: relative}
    .bttom-hb-btn .btn {background-color: #e78e1b; color: #fff; width: 130px; height: 34px; line-height: 34px; position: absolute; top: 188px; left: 50%; margin-left: -62px; border-radius: 0;}

    .bann-video .bann-cat {top: 32%; left: 10%; right: 10%}

    .cat-bann .bann-caption {top: 30%}
    .cat-bann .nav {padding-bottom: 0 !important;}
    .cat-bann .nav .nav-link {padding: 0 10px; margin: 5px}
    .cat-bann .nav .nav-link:after {top: 5px; right: -7px;}
    .about-lilian {background: url("../images/about-bg1.jpg") no-repeat left top;}
    .about-lilian .dyui-row .col-6:nth-child(3),
    .about-lilian .dyui-row .col-6:nth-child(5) {border-right: solid 1px #ddd;}

    .swiper-factory .swiper-slide div {width:100%; padding: 0;}
    .swiper-factory .swiper-slide div img {width: 100%}

    /*当前位置*/

    .dyui-breadcrumb {color: #848a9b;}
    .dyui-breadcrumb a {color: #848a9b;}

    /*产品详情*/
    .show-product-main .show-info .button-group {text-align: center; border-top: solid 1px #ddd; margin-top: 30px; padding-top: 20px;}
    .show-product-main .show-info {margin-top: 20px; width: 100%;  margin-left: 0px;}
    .show-product-main .show-info ul li {margin-bottom: 5px; font-size: 14px}
    .show-product-main .show-info .form-group-num {display: flex;}
    .show-product-main .show-info .form-group-num .control-label {width: auto}
    .show-product-main .show-info .form-group-buy_num {width: 150px;}
    .show-product-main .show-info .button-group .btn {background-color: #e78e1b; color: #fff}
    .show-product-main .carousel-indicators [data-bs-target] {width: 10px; height: 10px; line-height: 6px; text-align: center; border: none; opacity: 0.4; margin-left: 10px; margin-right: 3px; border-radius: 10px; background: #26378f; text-indent:0; display: inline-block}
    .show-product-main .carousel-indicators i {font-size: 0; color: #fff; display: inline-block; width: 10px; height: 10px; line-height: 13px; border-radius: 10px; background-color: #fff}
    .show-product-main .carousel-indicators .active {opacity: 1;}


    .xg-product {background-color: #edf0f2; margin-top: 40px; padding-top: 30px; padding-bottom: 30px}


    /*联系我们页面*/
    .contact-main-a {margin-bottom: 20px;}
    .contact-main-a .ul-text ul.lx li .box {height: auto; padding: 10px 0; clear: both}
    .contact-main-a .ul-text ul.lx li p:first-child {width: 80px; height: 35px; float:left; font-weight: bold}

    .dyui-foot {padding: 20px 0;}
    .dyui-foot .btn-ul {justify-content: space-between}
    .dyui-foot .btn-ul a i {font-size: 22px;}
    .dyui-foot .btn-ul a h5 {font-size: 14px;}
    .dyui-foot .btn-ul a p {font-size: 12px}

    footer .copyright {margin-top: 0;}
    .copyright .f-icon {display: none}

    /*移动端底部菜单*/
    .dyui-footer-line {height: 50px;}
    .dyui-footer-nav {background-color: #f29600; height: 50px; border-top: solid 1px #e08a00;}
    .dyui-footer-nav ul {display: flex}
    .dyui-footer-nav ul li {text-align: center; flex: 1;}
    .dyui-footer-nav ul li a.c1 {height: 50px; line-height: 50px; color: #FFF; display: block; padding-top: 3px}
    .dyui-footer-nav ul li a.c1 i {display: block; height: 20px; line-height: 20px}
    .dyui-footer-nav ul li a.c1 span {display: block; height: 20px; line-height: 20px}
    .dyui-footer-nav .dropdown-menu {min-width: 8rem}



    /* 拓普诺开始 */
    .body-tuopunuo .dyui-header {border-color:rgba(255,255,255,0.2) !important; border-bottom: none}
    .body-tuopunuo .dyui-header .navbar-brand {padding: 0}
    .body-tuopunuo .dyui-header .navbar {padding: 5px;}
    .body-tuopunuo .dyui-header .navbar .navbar-brand:after {display: none}
    .body-tuopunuo .dyui-header .dyui-nav li {padding: 21px 0;}
    .body-tuopunuo .dyui-header .dyui-nav li a.c1 {color: #fff}
    .body-tuopunuo .dyui-header #dr_member_info li a {color: #fff}
    .body-tuopunuo .navbar-collapse {border-left: solid 1px #fff; border-color:rgba(255,255,255,0.2) !important; margin-left: 60px; height: 90px;}
    .body-tuopunuo .dyui-header #dr_member_info:after {display: none}
    .body-tuopunuo .dyui-header #dr_member_info {padding-left: 20px;}
    .body-tuopunuo .dyui-header .btn-menu {background-color: #26378f;}
    .body-tuopunuo .dyui-header .btn-menu .btn {height: 90px; line-height: 76px; width: 90px; text-align: center}
    .body-tuopunuo .dyui-header .btn-lang {color: #27388f}
    .body-tuopunuo .dyui-header .btn-lang a {color: #27388f}
    .body-tuopunuo .dyui-header .btn-lang .dropdown-menu[data-bs-popper] {left: initial; right: -22px; border-radius: 0;}
    .body-tuopunuo .dyui-header .btn-lang .dropdown-item {height: 40px; line-height: 40px;}

    .body-tuopunuo .header-nav {border-top: solid 1px #eee}
    .body-tuopunuo .header-nav ul {display: flex; justify-content: center;}
    .body-tuopunuo .header-nav ul li {flex: 0 0 20%; text-align: center}
    .body-tuopunuo .header-nav ul li a {display: block; padding: 10px 8px}

    .body-tuopunuo #banner .carousel-control-prev {position: absolute; top: initial; bottom: 0; height: 46px; width: 46px;}
    .body-tuopunuo #banner .carousel-control-next {position: absolute; top: initial; bottom: 0; left: 65px; height: 46px; width: 46px;}
    .body-tuopunuo #banner .carousel-control-prev-icon,
    .body-tuopunuo #banner .carousel-control-next-icon {border: solid 1px #26378f; color: #26378f; background-color: #fff}
    .body-tuopunuo #banner .carousel-control-prev-icon i,
    .body-tuopunuo #banner .carousel-control-next-icon i {color: #26378f}
    .body-tuopunuo #banner .carousel-control-prev-icon:hover,
    .body-tuopunuo #banner .carousel-control-next-icon:hover {background-color: #26378f; color: #fff}
    .body-tuopunuo #banner .carousel-control-prev-icon:hover i,
    .body-tuopunuo #banner .carousel-control-next-icon:hover i {color: #fff}

    .body-tuopunuo #banner .carousel-indicators {justify-content: left; margin-bottom: 6px; margin-left: 16%}
    .body-tuopunuo #banner .carousel-indicators [data-bs-target] {height: 26px; text-indent:0; background: none; display: none; border: none; color: #cfd3e8; margin: 0; font-size: 24px; font-weight: bold}
    .body-tuopunuo #banner .carousel-indicators .active {display: inline-block; color: #26378f;}
    .body-tuopunuo #banner .carousel-indicators .xian {color: #cfd3e8; margin-left: 10px; margin-right: 10px; font-size: 24px; font-weight: bold}
    .body-tuopunuo #banner .carousel-indicators .count {color: #cfd3e8; font-size: 24px; font-weight: bold}

    .tuopunuo-header {margin-bottom: 25px;}
    .tuopunuo-header .header-title {text-align: center; margin-bottom: 15px}
    .tuopunuo-header .header-title h3 {font-size: 24px; color: #27378f; font-weight: bold;line-height: 40px;}
    .tuopunuo-header .header-title p {font-size: 20px; color: #666}
    .tuopunuo-header .nav li {flex: 0 0 33%; padding: 4px}
    .tuopunuo-header .nav li .nav-link {border: solid 1px #e2e7ef; border-radius: 4px; padding: 8px; font-size: 14px; text-align: center}
    .tuopunuo-header .nav li .nav-link.active {background-color: #e9901b; color: #fff}
    .tuopunuo-header .nav li .nav-link:hover {border-color: #e9901b; color: #e9901b}
    .tuopunuo-header .nav li .nav-link.active:hover {color: #FFF}

    .tuopunuo-about {background: url("../images/tuopunuo-about-bg.jpg") no-repeat center bottom #eeeff9; padding-top: 30px; padding-bottom: 30px;}
    .tuopunuo-about .about-img {}
    .tuopunuo-about .about-info {text-align: center}
    .tuopunuo-about .about-info h2 {font-size: 24px; color: #213d99}
    .tuopunuo-about .about-info h5 {font-size: 20px; color: #333; margin-top: 10px}
    .tuopunuo-about .about-text {margin-top: 25px; font-size: 15px; line-height: 30px;}

    .tuopunuo-map {background: url("../images/tuopunuo-map-bg2.jpg") no-repeat center top; padding: 40px 0 60px;}
    .tuopunuo-map .dyui-main-header {color: #fff}
    .tuopunuo-map .dyui-main-header h3 {font-size: 28px; margin-bottom: 6px;}
    .tuopunuo-map .dyui-main-header p {font-size: 20px;}
    .tuopunuo-map .map-info {width: 90%; height: 320px; background-color: #fff; border-radius: 5px; padding: 30px 20px 20px; margin: 20px auto 0;}
    .tuopunuo-map .map-info ul {border-top: solid 1px #ddd; margin-top: 28px; padding-top: 20px;}
    .tuopunuo-map .map-info ul li {height: 34px; line-height: 34px;}
    .tuopunuo-map .map-info ul li i {font-size: 12px; margin-right: 8px}

    .tuopunuo-footer {background-color: #1a1c57; color: #8284a7; padding: 30px 0 30px;}
    .tuopunuo-footer a {color: #8284a7}
    .tuopunuo-footer a:hover {color: #fff}
    .tuopunuo-footer .f-icon {display: flex; justify-content: center; margin-top: 20px; border-top: solid 1px #2d2e67; padding-top: 28px; margin-bottom: 25px;}
    .tuopunuo-footer .f-icon a {display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; background-color: #565887; color: #1a1c57; border-radius: 8px; margin-left: 15px; margin-right: 15px;}
    .tuopunuo-footer .f-icon a:hover {background-color: #fff; color: #1c1c56}
    .tuopunuo-footer .f-nav {display: flex; justify-content: center; margin-top: 20px;}
    .tuopunuo-footer .f-nav li a {color: #8284a7; padding: 10px 10px;}
    .tuopunuo-footer .f-nav li a:hover {color: #fff;}
    .tuopunuo-footer .copyright {text-align: center; font-size: 14px; line-height: 28px;}
    .tuopunuo-footer .copyright a {margin-left: 3px; margin-right: 3px}

    .dyui-product-list li .info{ display: block; position: inherit; background-color:#fff; color: #000; }

}

/*lg*/
@media(min-width:768px) {

    .cart-info {justify-content: space-between}

}

/*lg*/
@media(min-width:992px) {

    .cart-info-name {flex: 1}
    .cart-buy-num {flex: 0 0 160px; }
    .cart-unit-price {flex: 0 0 160px;}
    .cart-total-price {flex: 0 0 160px;}


}

/*Ipad Pro*/
@media (min-width:992px) and (max-width:1199px){

    .dyui-header .dyui-nav li {padding: 2px 0;}

}

/*xl*/
@media(min-width:1200px) {

    .dyui-header .dyui-nav li {margin: 0 20px;}


}

/*xxl*/
@media(min-width:1400px) {

    .dyui-header .dyui-nav li {margin: 0 30px;}

}

@media(min-width:1900px) {

    .dyui-container {max-width: 1600px;}

}


@media(max-width:767px) {
    .cart-info {justify-content: space-between}
    .cart-info .price {margin-bottom: 0}
    .cart-info-name {width: 100%;}
    .cart-buy-num .bootstrap-touchspin .form-control {max-width: 56px; min-width: 56px; text-align: center; font-size: 14px}
    .cart-info .cart-total-price {width: 100%; text-align: right}
}


.cart-footer {background-color: #ecf0f3;}
.cart-footer .mt-checkbox>span {top: 7px}
@media(max-width:767px) {
.cart-footer .mt-checkbox>span {top: -7px}
.cart-footer .btn {font-size: 14px}
}