body {font-size: 14px}

.header .dyui-nav .navbar-nav {flex-direction: row;}

a {color: #333}
a:hover {color: #333}
a:focus{text-decoration:none;}
a:hover{text-decoration:none;}
p {margin: 0}
.form-control,
.custom-select {border-radius: 0}
.custom-select:focus,
.form-control:focus {border-color:#ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.0); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);}
@media (min-width: 1200px){
    .dyui-container,
    .container {padding-left: 0; padding-right: 0}
}

/*全局通用样式*/
.btn-danger {background-color: #EA8302 !important; border-color: #EA8302 !important}
.btn-primary {background-color: #EA8302 !important; border-color: #EA8302 !important}
.btn-outline-danger {border-color: #EA8302 !important; color: #EA8302;}
.btn-outline-danger:hover {background-color: #EA8302 !important;}
.text-danger {color: #EA8302 !important}
.img-fd {transition: all 0.3s ease-out 0s;}
.img-fd:hover {transform: scale(1.1);}
.bg-primary {background-color: #EA8302 !important;}
.bg-light {background-color: #F6F7F8 !important;}
.border-primary {border-color: #EA8302 !important;}
.border-danger {border-color: #EA8302 !important;}
.hover-text-danger:hover {color: #EA8302 !important;}

.header-top {background-color: #f5f5f5; height: 32px; line-height: 32px; color: #333; font-size: 14px}
.header-top .dyui-container {display: flex;justify-content:space-between}
.header-top a {color: #333}
.header-top .language {display: inline-block; background-color: #EADCD0; margin-left: 10px}
.header-top .language a {padding-left: 10px; padding-right: 10px; color: #333; display: inline-block}
.header-top .language a.active {color: #333; background-color: #EDD2BE}


/*通用版块标题*/

/*通用头部开始DIYUNWL*/
.dyui-header {height: 80px; position: fixed; left: 0; top: 0; right: 0; z-index: 999}
@media(min-width:768px) {
    .noindex .dyui-header {background-color: rgba(0,0,0,0.5)}
}
.dyui-header .navbar {padding: 0}
.dyui-header .logo {height: 40px}
.dyui-header .logo2 {display: none;height: 40px}

.dyui-header .dyui-nav li a.c1 {color: #FFF;  height: 80px; line-height: 80px; font-size: 16px; display: block; text-align: center; padding-top: 0; padding-bottom: 0;}
.dyui-header .dyui-nav li:nth-child(1) a.c1 {border-left: none}
.dyui-header .dyui-nav li a.c1:hover {color: #EA8302}
.dyui-header .dyui-nav li.active a.c1 {color: #EA8302; border-bottom: solid 2px #EA8302}
.dyui-header .dyui-nav li.active a.c1 i {color: #fff}
.dyui-header .dyui-nav li .c1 span {position: relative}
.dyui-header .dyui-nav>li>.dropdown-menu {min-width: 120px;border-radius: 0; border: solid 1px #ddd; border-top: none}
.dyui-header .dyui-nav>li.open>a.c1 {color: #EA8302; }
.dyui-header .dyui-nav>li>.dropdown-menu>li>a.c2 {border-bottom: solid 1px #eee; padding: 10px; text-align: center}
.dyui-header .dyui-nav>li.open>.dropdown-menu>li>a.c2:hover {color: #EA8302; background: none}



.navbar-toggler-icon i {color: #fff}
.dyui-nav .navbar-brand img {height: 40px}
.dyui-header .search {width: 160px}
.dyui-header .search form {position: relative; height: 40px; }
.dyui-header .search .form-control {border-radius: 50px 0 0 50px; border: none; position: absolute; top: 0; bottom: 0; right: 42px; width: 0; padding: 0; }
.dyui-header .search .btn { border-radius: 0 3px 3px 0; position: absolute; top: 0; right: 0; color: #fff; font-size: 20px}
.dyui-header .search.open .form-control {width: 180px; border: solid 1px #eee; padding: 0 10px;}
.dyui-header .search.open .btn {background-color: #EA8302; color: #fff; border-color: solid 1px #EA8302;}
.shadow.dyui-header .search .btn {color: #333; font-size: 16px}
.shadow.dyui-header .search.open .btn {color: #fff;}

.shadow.dyui-header {background-color: #FFF;}
.shadow.dyui-header .logo {display: none}
.shadow.dyui-header .logo2 {display: block}
.shadow.dyui-header .dyui-nav li a.c1 {color: #333;}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        width: 100%;
        justify-content: center;
    }
}

.dyui-header-line {height: 75px;}
/*导航结束*/


/* 轮播图 */
.banner .swiper-slide {position: relative}
.banner .swiper-slide .info {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; display: flex; flex-direction: column; justify-content: center; color: #fff}
.banner .swiper-slide .info .text {font-size: 50px;}
.banner .swiper-slide .info .btn {}
.banner .swiper-pagination-bullet {background-color: #fff}
.banner .swiper-button-next,
.banner .swiper-button-prev {color: #fff; opacity: 0.3}
.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover {opacity: 0.8}
@media (max-width: 768px) {
    .banner .swiper-slide .info .text {font-size: 20px;}
    .banner .swiper-button-next,
    .banner .swiper-button-prev {display: none}
}


.dyui-swiper .swiper-button-prev,
.dyui-swiper .swiper-button-next {color: #999;}
.dyui-swiper .swiper-button-prev:hover,
.dyui-swiper .swiper-button-next:hover {color: #EA8302;}
.dyui-swiper .swiper-button-prev:after,
.dyui-swiper .swiper-button-next:after {font-size: 30px}

/*首页产品*/
.dyui-product {}
.dyui-product .nav-tabs .nav-link.active {color: #EA8302;border: solid 1px #EA8302;}

.dyui-solution ul li .box {position: relative}
.dyui-solution ul li .bg {background-color: rgba(0,0,0,0.5); position: absolute; left: 0; top: 0; right: 0; bottom: 0}
.dyui-solution ul li:hover .bg {background-color: rgba(39, 68,175,0.5); position: absolute; left: 0; top: 0; right: 0; bottom: 0}


/*首页公司简介*/
.dyui-about .about-li ul li img {filter: grayscale(100%); opacity: 0.8}
.dyui-about .about-li ul li a:hover img {filter: grayscale(0%);}
.dyui-about .about-li ul li a:hover p {color: #EA8302}


.dyui-news {background: linear-gradient(to right, #EA8302, #faab49);}



.links {padding-top: 20px; padding-bottom: 5px; line-height: 180%}
.links a {margin-right: 10px}

@media(max-width:767px) {
    .links {display: none}
}

/*当前位置*/
.dyui-breadcrumb {margin: 0; background: none; padding: 0; color: #666}
.dyui-breadcrumb a {margin: 0 5px; color: #666}
.dyui-breadcrumb a:hover {color: #A3684A}

@media(max-width:767px) {
    .dyui-breadcrumb {display: none}
}


/*栏目页Banner*/
.cat-banner {width: 100%; height: 300px; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; position: relative}
.cat-banner .dyui-container {position: relative}
.cat-banner .bann-caption {left: 0; top: 0; right: 0; bottom: 0; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.cat-banner .bann-caption .t {font-size: 30px; font-weight: bold; line-height: 40px; color: #FF6D00; margin-bottom: 10px;}
.cat-banner .desc {font-size: 20px;}
.cat-banner .dyui-breadcrumb {position: absolute; width: 100%; bottom: 0px; color: #fff}
.cat-banner .dyui-breadcrumb .dyui-container {background-color: rgba(0,0,0,0.2); padding: 8px}
.cat-banner .dyui-breadcrumb * {color: #fff}

/*栏目简介*/
.cat-description {padding: 10px; background-color: #F8F8F8; border: solid 1px #ddd; margin-top: 10px; margin-bottom: 20px; color: #666}


.page-content {padding: 10px 0; line-height: 200%}
.page-content * {max-width: 100%}

/*底部版权*/
.dyui-footer {background: #111111; color: #fff; overflow: hidden; padding-top: 52px}
.dyui-footer a {color: #fff}
.dyui-footer a:hover {color: #EEE}
.dyui-footer .dyui-foot {display: flex; justify-content: space-between; padding-bottom: 52px}
.dyui-footer .dyui-foot .lx {max-width: 280px}
.dyui-footer .dyui-foot .btn-tel {color: #fff; font-size: 34px}
.dyui-footer .f-title {color: #fff; padding-bottom: 10px;}
.dyui-footer .f-logo {flex: 1}
.dyui-footer .f-nav {}
.dyui-footer .f-nav dl dt {color: #FFF; margin-bottom: 15px;}
.dyui-footer .f-nav dl dt a {color: #FFF; font-size: 16px}
.dyui-footer .f-nav dl dd {margin-bottom: 5px;}
.dyui-footer .f-nav dl dd a {color: #999; font-size: 14px}
.dyui-footer .f-nav dl dd a:hover {color: #FFF;}

.dyui-footer .copyright {background-color: #111111; border-top: solid 1px #fff; border-color: rgba(255,255,255,0.1); padding-top: 30px; padding-bottom: 30px; color: #fff}
.dyui-footer .copyright a {color: #fff}


/* 响应式滚动子栏目 */
.dyui-gdznav {width: 100%; display: block;  box-sizing: border-box; z-index: 1;}
.dyui-gdznav .dyui-container {position: relative;}
.dyui-gdznav .scroll-wrapper {overflow: hidden; height: 44px; scrollbar-width: none; -ms-overflow-style: none;}
.dyui-gdznav .scroll-list::-webkit-scrollbar {display: none; /* Chrome Safari */}
.dyui-gdznav .scroll-list {position: relative; overflow: hidden; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; font-size: 0;}
.dyui-gdznav .scroll-list a {font-size: 14px; color: #333; display: inline-block; margin-right: 10px; padding: 5px 5px; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; border: solid 1px #eee; padding: 10px 30px;}
.dyui-gdznav .scroll-list a.active {color: #fff; border: solid 1px #EA8302; color: #EA8302}
.dyui-gdznav .znav-more {cursor: pointer; position:absolute; z-index:1;top:0;right: 0; width:50px; height:35px; line-height: 35px; text-align: right;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(246,246,246,0)), color-stop(48%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(255,255,255,1) 48%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}
.dyui-gdznav .znav-more {font-size: 18px}
.dyui-gdznav .open {height: auto; box-shadow: 0px 10px 8px -8px rgb(0, 0, 0, 0.10);}
.dyui-gdznav .open .scroll-wrapper {height: auto; padding-right: 30px}
.dyui-gdznav .open .scroll-list {white-space: initial}
.dyui-gdznav .open .scroll-list a {margin-bottom: 10px}
.dyui-gdznav.open ul li {margin-top: 5px; margin-bottom: 5px}
.dyui-gdznav.open ul li a {border-radius: 100px; border: solid 1px #ddd; padding: 3px 10px;}

@media(max-width:767px) {
    .dyui-gdznav .scroll-list a {padding: 7px 15px}
}

/*侧边联系方式*/
.contact-skin {margin-top: 20px; background-color: #E9E9E9; padding: 5px}
.contact-skin .card-header {padding: 15px 20px; border: none; background: none}
.contact-skin .card-header h3 {color: #333; font-size: 20px; margin: 0}
.contact-skin .card-body {background-color: #fff; padding: 15px}


.dyui-main {margin-top: 20px; margin-bottom: 20px}
.dyui-mainr .cat-thumb {height: auto; overflow: hidden; margin-bottom: 20px}
.dyui-mainr .cat-thumb img {width: 100%}
.dyui-mainr .main-header {border-bottom: solid 1px #E7E7E7; height: 50px; line-height: 50px}
.dyui-mainr .main-header h3 {border-bottom: solid 1px #EA8302; font-size: 20px; color: #EA8302; font-weight: bold; line-height: 50px; padding: 0 10px}
.dyui-mainr .main-body {padding: 10px 0}


.shenqing-liucheng .slider-tab .slick-slide {padding-left: 20px; padding-right: 20px}
.shenqing-liucheng .slider-tab .item {text-align:center; font-size:16px; padding:8px 0; cursor:pointer; line-height:30px; position:relative;border-radius: 8px; margin:0 8px; overflow: hidden}
.shenqing-liucheng .slider-tab .item img{ vertical-align:middle;width:55px;}
.shenqing-liucheng .slider-tab .slick-current {color:#EA8302;}
.shenqing-liucheng .slider-tab .slick-current i { position:absolute; width:0; height:0; left:50%; margin-left:-12px;bottom:-12px; border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #014099;}
.shenqing-liucheng .slider-tab .slick-current img {position: relative; left: -1000px; filter: drop-shadow(#EA8302 1000px 0);}

.shenqing-liucheng .box {box-shadow: 0 0 50px rgb(0 0 0 / 5%);}
.shenqing-liucheng .box section{ display:none;}
.shenqing-liucheng .box b {font-size:44px;}

@media (min-width: 769px) {
    .shenqing-liucheng .slider-tab .slick-list {display: flex; justify-content: center}
}

/*首页公司简介*/
@media (min-width: 798px) {
    .dyui-about .about-box {position: absolute}
    .dyui-about .about-img {margin-left: auto}
}

/*首页优势*/
.dyui-youshi {width: 100%; background: url(../images/dyui-youshi-bg.jpg) no-repeat center top; padding: 0 0 60px 0;}
.dyui-youshi ul li .box:after {content: ''; display: inline-block; background-color: #EA8302; height: 5px; width: 50px;}
.dyui-youshi ul li .box i {height: 40px; font-size: 40px; color: #666; margin: 20px 0;}
.dyui-youshi ul li .box h3 {font-size: 18px; color: #000; height: 40px; line-height: 40px; overflow: hidden; font-weight: bold; margin-bottom: 10px;}
.dyui-youshi ul li .box p {color: #666; font-size: 16px; line-height: 20px; height: 140px; overflow: hidden;}
.dyui-youshi ul li:hover .box {background-color: #EA8302; border: solid 1px #EA8302; color: #fff;}
.dyui-youshi ul li:hover .box i,
.dyui-youshi ul li:hover .box h3,
.dyui-youshi ul li:hover .box p {color: #fff}
.dyui-youshi ul li:hover .box:after {background-color: #fff;}

.page-about {color: #666}
.page-about img {width: 500px; float: left; border-radius: 40px 0 40px 0; margin-right: 30px; margin-bottom: 10px}
.page-about h3 {font-size: 24px; font-weight: bold; margin-bottom: 20px; margin-top: 10px}



.dyui-anli-list li {}
.dyui-anli-list li .box {overflow: hidden; background-color: #fff; display: block;}
.dyui-anli-list li .thumb {width: 100%; overflow: hidden}
.dyui-anli-list li .thumb img {width: 100%}
.dyui-anli-list li .t {font-size: 16px; padding: 8px 0}
.dyui-anli-list li:hover .t {color: #EA8302}


/*图片列表*/
.dyui-photo-list li {padding-top: 15px; padding-bottom: 15px; overflow: hidden; text-align: center}
.dyui-photo-list li .box {display: block; height: 100%}
.dyui-photo-list li .thumb {overflow: hidden}
.dyui-photo-list li .thumb img { max-width: 100%}
.dyui-photo-list li .t {font-size: 16px;  overflow: hidden; padding: 8px 5px}

.product-list .item .l {border-right: solid 1px #eee}
.product-list .item .thumb a {border-bottom: solid 4px #EA8302 !important;}
.product-list .item .btn-list ul li a {color: #EA8302}

/*文章列表*/
.news-datelist li {position: relative;}
.news-datelist li .box {overflow: hidden; background-color: #fff;}
.news-datelist li .date {flex: 0 0 80px; margin-right: 10px; text-align: center; display: flex; flex-direction: column;align-items: center;justify-content: center; background-color: #999999; padding: 9px 0}
.news-datelist li .date b {display: block; line-height: 25px; font-size: 20px; color: #FFF; display: flex;align-items: center; font-weight: normal}
.news-datelist li .date em {display: block; line-height: 25px; font-size: 15px; color: #FFF; font-style: normal;}
.news-datelist li .info {flex: 1;padding: 0 10px; overflow: hidden}
.news-datelist li .info .t {font-size: 16px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news-datelist li .info .desc {color: #999; font-size: 13px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.news-datelist li:hover .date {background-color: #f55b3b}
.news-datelist li:hover .t {color: #f55b3b}


/*招聘列表*/
.dyui-zhaopin-list li {position: relative; padding-bottom: 20px}
.dyui-zhaopin-list li .box {display: flex; align-items: center; overflow: hidden; background-color: #fff; border: solid 1px #eee;}
.dyui-zhaopin-list li .thumb {margin-right: 15px; flex: 0 0 200px; width: 200px;  overflow: hidden}
.dyui-zhaopin-list li .thumb img {width: 100%}
.dyui-zhaopin-list li .info {flex: 1; overflow: hidden}
.dyui-zhaopin-list li .info .yq {color: #999; font-size: 15px}
.dyui-zhaopin-list li .info .yq i {padding-left: 10px; padding-right: 10px}
.dyui-zhaopin-list li .info .t {height: 26px; line-height: 26px; overflow: hidden; font-size: 16px; font-weight: bold}
.dyui-zhaopin-list li .info .desc {line-height: 150%; color: #999; font-size: 14px; margin-top: 8px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.dyui-zhaopin-list li:hover .box {border-color: #EA8302}
.dyui-zhaopin-list li:hover .t {color: #EA8302;}
@media(max-width:767px) {
    .dyui-zhaopin-list li .thumb {flex: 0 0 100px; width: 100px;}
}

/*分页*/

.dyui-fzlc-slider {}
.dyui-fzlc-slider .slider-nav .item {position: relative; cursor: pointer}
.dyui-fzlc-slider .slider-nav .item .thumb {padding-bottom: 12px}
.dyui-fzlc-slider .slider-nav .item .t {border-top: dashed 1px #ddd; padding-top: 10px}
.dyui-fzlc-slider .slider-nav .slick-current .thumb img {border: solid 2px #00a94a;}
.dyui-fzlc-slider .slider-nav .slick-current {color:#00a94a }
.dyui-fzlc-slider .slider-nav .slick-prev,
.dyui-fzlc-slider .slider-nav .slick-next {background-color: #ddd;display: block; padding: 10px; width: 50px; height: 50px; border-radius: 50%;}
.dyui-fzlc-slider .slider-nav .slick-next:before {font-family: 'bootstrap-icons'; font-size: 30px;content: '\F285';}
.dyui-fzlc-slider .slider-nav .slick-prev:before {font-family: 'bootstrap-icons'; font-size: 30px;content: '\F284';}
.dyui-fzlc-slider .slider-nav .slick-prev:hover,
.dyui-fzlc-slider .slider-nav .slick-next:hover {background-color: #00a94a !important;}
@media (max-width: 767px) {
    .dyui-fzlc-slider .slider-nav .slick-prev {left: 0; width: 40px; height: 40px; padding: 5px}
    .dyui-fzlc-slider .slider-nav .slick-next {right: 0; width: 40px; height: 40px; padding: 5px}
}


/*解决方案*/
.dyui-solution-ys .container {max-width: 1200px;}
.dyui-solution-ys .item {position: absolute;}
.dyui-solution-ys .item1 {left: 0; top: 50px; width: 290px; text-align: left}
.dyui-solution-ys .item2 {right: 0; top: 50px; width: 290px; text-align: right}
.dyui-solution-ys .item3 {left: 0; bottom: 210px; width: 290px; text-align: left}
.dyui-solution-ys .item4 {right: 0; bottom: 210px; width: 290px; text-align: right}
.dyui-solution-ys .item5 {width: 290px; text-align: center; margin: 0 auto}




/*详情*/
.show-title {line-height: 30px; width: 100%; color: #333333; font-size: 24px; overflow: hidden; margin: 15px 0;}
.show-info {width: 100%; margin: 10px 0 20px; overflow: hidden; color: #666;}
.show-info span {padding-right: 20px;}
.show-info span span {padding: 0;}
.show-thumb {text-align: center}
.show-thumb img {max-width: 100%; background-color: #E6E6E6; padding: 5px}
.show-content {width: 100%; height: auto; overflow: hidden; line-height: 200%; font-size: 15px; padding: 10px 0;}
.show-content * {max-width: 100%;}

.show-tab .nav-tabs .nav-link {border-radius: 0; border: solid 1px #ddd; margin-right: -1px;padding: .8rem 1.5rem;}
.show-tab .nav-tabs .nav-link.active  {color: #EA8302; background-color: #fff; border-color: #EA8302 #dddd #fff;}
.show-tab img {max-width: 100%}

/*招聘详情*/
.show-yq i {padding-left: 10px; padding-right: 10px}

/*上下一篇*/
.show-updown {line-height: 200%; font-size: 14px; overflow: hidden;}


/* 问题列表 */
.dyui-help-list li .accordion-button {background-color: #f1f1f1}
.dyui-help-list li .accordion-button i {color: #409ee8}
.dyui-help-list li .accordion-button:focus  {border-color:#ccc;box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)}
.dyui-help-list li .t i {margin-right: 10px;}
.dyui-help-list li .accordion-button:not(.collapsed) {background-color: #446fae !important; color: #fff}
.dyui-help-list li .accordion-button:not(.collapsed) i {color: #fff}


/*筛选*/
.dyui-filter-param .box a {display: inline-block; border: solid 1px #ea9827; padding: 5px 10px; color: #ea9827; border-radius: 0; font-size: 12px}
.dyui-filter-param .box a i {}
.dyui-filter-param .box a:hover i {color: #f00}
.dyui-filter .form-group {margin-bottom: 0; position: relative; background-color: #EA8302}
.dyui-filter .form-group .control-label {font-size: 12px; color: #666; padding: 16px 12px 12px 20px; border-bottom: solid 1px #bbe2ff; width: 170px}
.dyui-filter .form-group .box {padding: 7px 10px; font-size: 14px; width: 100%; background-color: #fff}
.dyui-filter .form-group .box label {padding: 3px}
.dyui-filter .form-group .box a {padding: 5px 10px; word-break: keep-all; display: inline-block; border: solid 1px #ddd;}
.dyui-filter .form-group .box a:hover {color: #EA8302}
.dyui-filter .form-group .box a.active {color: #EA8302; border: solid 1px #EA8302}
.dyui-filter .form-group .dropdown-menu {width: 300px; padding: 10px;}

.dyui-filter-nav ul li {margin-right: 30px}
.dyui-filter-nav ul li .nav-link {padding: .5rem 5px;}
.dyui-filter-nav ul li .active {color: #e39931; border-bottom: solid 2px #e39931}
.dyui-filter-order .order a {margin-right: 20px;}

.dyui-filter .btn-hasadd {position: absolute; right: 15px; top: 10px}
.dyui-filter .btn-hasadd span::after {content: '\F282'; font-family: 'bootstrap-icons'; display: inline-block;}
.dyui-filter .open .btn-hasadd span::after {content: '\F286';}
.dyui-filter .box-block {display: none}
.dyui-filter .open .box-block {display: flex}
.dyui-filter .form-group.open .box a {padding: 2px 10px;}
.dyui-filter .form-group.open .box-tj {border-bottom: dotted 1px #ddd; padding-bottom: 4px;}
.dyui-filter .form-group.open .box .box-tj a {padding: 5px 10px;}

/*产品详情*/
/*商品轮播图*/
.product-info-main {border: solid 1px #ddd}
.product-images {flex: 0 0 310px; width: 310px; display: flex}
.product-images .img_right {position: relative;}

.product-images .thumb-box {width: 310px;height: 310px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8; box-sizing: content-box; cursor:move}
.product-images .thumb-box img{width: 310px;height: 310px;}
.product-images .mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
.product-images .bigshow{width: 310px;height: 310px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;}
.product-images .bigshow img {max-width: 100%}

.product-images .small-box {width: 310px; height: 70px;position: relative; display: flex; justify-content: space-between}
.product-images .small-box img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
.product-images .small-box>.middle_box {height: 70px; flex: 1; overflow: hidden}
.product-images .small-box .middle {overflow: hidden;transition: all 0.5s;height: 70px;}
.product-images .small-box .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;}
.product-images .small-box>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
.product-images .small-box .prev,
.product-images .small-box .next {cursor: pointer; width: 20px; text-align: center; height: 54px; line-height: 54px; background-color: #f3f5f7;}
.product-images .small-box .prev:hover,
.product-images .small-box .next:hover {background-color: #e2e4ea;}


/* 商品相册+放大镜 */
.magnifier {position: relative;}
.magnifier .small-img{display: flex;align-items:center;justify-content: center;}
.magnifier .clearfix:before,
.magnifier .clearfix:after{display: table;line-height: 0;content: "";}
.magnifier .magnifier-container{width: 500px;height: 500px;overflow: hidden;position: relative;border: 1px solid #ddd;}
.magnifier .move-view{width: 80px;height: 80px;position: absolute; background-color: rgba(255,255,255,0.5);}
.magnifier .images-cover{height: 100%;width: 100%;position: relative;}
.magnifier .images-cover img{position: absolute;}
.magnifier .magnifier-assembly{height: 62px;overflow: hidden;position: relative;padding-left: 30px;padding-right: 30px;}
.magnifier .magnifier-btn{position: absolute;font-family: "宋体";width: 100%;top: 50%;left: 0;margin-top: -25px;}
.magnifier .magnifier-btn span{line-height: 52px;height: 52px;width: 20px;background-color: #f3f5f7;color: #333;display: block;z-index: 9998;text-align: center;font-size: 20px;cursor: pointer;}
.magnifier .magnifier-btn span:hover {background-color: #d9d8d8}
.magnifier .magnifier-btn .magnifier-btn-left{float: left;}
.magnifier .magnifier-btn .magnifier-btn-right{float: right;}
.magnifier .magnifier-line{position: relative;overflow: hidden;height: 62px;}
.magnifier .magnifier-line ul{display: block;font-size: 0;width: 10000%;position: absolute;left: 0;z-index: 9;}
.magnifier .magnifier-line li {float: left; cursor: pointer; box-sizing: border-box;}
.magnifier .magnifier-line ul > .active .small-img{border-color: #409ee8;}
.magnifier .magnifier-line li .small-img {height: 51px; width: 51px; overflow: hidden;border: 1px solid #ddd;text-align: center; margin: 5px; box-sizing: content-box;}
.magnifier .magnifier-line li .small-img img{max-width: 100%;max-height: 100%;}
.magnifier .magnifier-view {width: 100%; height: 100%; position: absolute; right: -105%; top: 0; z-index: 9999; background-color: #fff; display: none; overflow: hidden; border: solid 1px #ddd;}
.magnifier .magnifier-view img {display: block;}
.magnifier .animation03{transition: all 0.3s ease-in 0.1s;-ms-transition: all 0.3s ease-in 0.1s;-moz-transition: all 0.3s ease-in 0.1s;-webkit-transition: all 0.3s ease-in 0.1s;-o-transition: all 0.3s ease-in 0.1s;}

.show-product-info .show-title {padding: 10px 0 10px; border-bottom: dotted 1px #ddd; text-align: left; margin: 0}
.show-product-info .show-title h1 {font-size: 18px; line-height: 140%}
.show-product-info .show-title h5 {font-size: 16px; line-height: 140%; color: #999}
.show-product-info .description {font-size: 16px; line-height: 140%; color: #999}
.show-product-info .show-btn {overflow: hidden; margin: 20px 0}
.show-product-info .show-btn a {display: block;color: #337ab7;}
.show-product-info .show-btn a i {margin-right: 10px}

.show-product-info .canshu-list {margin: 20px 0; overflow: hidden}
.show-product-info .canshu-list li {padding: 5px 0; overflow: hidden; font-size: 14px}
.show-product-info .canshu-list li b {min-width: 70px; padding-right: 10px; display: inline-block}
.show-product-info .canshu-list li span {line-height: 26px; padding: 2px 10px; color: #333; border-radius: 0}



.header-title2 {border-bottom: solid 1px #ddd; height: 40px; line-height: 40px;}
.header-title2 h5 {border-bottom: solid 2px #0067b6; float: left; margin: 0; line-height: 38px; position: relative}
.show-content {padding: 15px 0}
.show-content img {max-width: 100%}
.show-content table {border-left: solid 1px #666; border-top: solid 1px #666; max-width: 100% !important;}
.show-content table tr td {border-right: solid 1px #666; border-bottom: solid 1px #666; padding: 5px !important;}


/*联系方式*/
.contact-main {padding: 15px}
.contact-main .contact-znav a {color: #337ab7;}
.contact-main .contact-znav a.active {color: #333; font-weight: bold}
.contact-box {margin-top: 30px}

.contact-list li {overflow: hidden; padding-bottom: 30px}
.contact-list li .thumb {width: 110px; float: left; padding-right: 20px; box-sizing: content-box;}
.contact-list li .thumb img {width: 100%}
.contact-list li .info {}
.contact-list li .info span {margin-right: 10px}
.contact-list li .info .kong {display: none}

.dyui-form .form-control {padding: .6rem .75rem;}


/*表单*/
.dyui-form-flex .form-group {display: flex}
.dyui-form-flex .form-group .control-label {line-height: 38px;}
@media(min-width:992px) {
    .dyui-form-flex .form-group .control-label {margin-bottom: 0}
}
.dyui-form-flex .form-group .code {margin-left: 10px}
.dyui-form .btn i {margin-right: 10px}

/*msg与404*/
.fc-msg-main {text-align: center; padding: 20px 0; background-color: #E6E6E6; padding: 5px; margin-top: 20px}
.fc-msg-main .fc-msg-header {padding-top: 15px; padding-bottom: 15px}
.fc-msg-main .fc-msg-body {min-height: 500px; background-color: #fff; padding-top: 30px}
.fc-msg-main .fc-msg-body i.fa {font-size: 30px; display: inline-block; background-color: #000000; color: #fff; border-radius: 100px; height: 50px; line-height: 50px; width: 50px; margin: 20px auto}
.fc-msg-main .fc-msg-body .fc-msg-info {display: block}
.fc-msg-body .fc-msg-info .fc-msg-title {padding: 10px 0 20px}
.fc-msg-body .fc-msg-info .fc-msg-title {color: #d91010; font-size: 18px}


/*移动端底部*/
.dyui-footer-line {height: 50px;}
.dyui-footer-nav {background-color: #FFF; height: 50px; border-top: solid 1px #eee; box-shadow: 0 0 8px 1px rgb(0, 0, 0, 0.10); z-index: 999999}
.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: #333; display: block; padding-top: 5px; position: relative}
.dyui-footer-nav ul li a.c1 .cart_nums {position: absolute; right: 50%; margin-right: -20px; top: -5px; font-style: normal; background-color: #396faf; border-radius: 20px; padding: 4px 6px; color: #fff; line-height: 1; font-size: 12px;}
.dyui-footer-nav ul li a.c1 i {display: block; height: 20px; line-height: 20px; font-size: 18px}
.dyui-footer-nav ul li a.c1 span {display: block; height: 20px; line-height: 20px; font-size: 14px}
.dyui-footer-nav ul li a.c1.active {color: #446fae}
.dyui-footer-nav .dropdown-menu {min-width: 8rem}


@media (max-width: 798px) {
    #sidekefu {
        display: none
    }
}