body,
html{min-width: 1320px;}
.navbar-nav {flex-direction: row;}
.navbar-collapse {flex-basis: initial;}
.bg-warning {background-color: #409ee8 !important;}
.bg-light {background-color: #f3f5f7 !important;}
.bg-primary {background-color: #409ee8 !important;}
.border-primary {border-color: #409ee8 !important;}
.btn-primary {background-color: #409ee8 !important; border-color: #409ee8}
.btn-outline-primary {border-color: #409ee8 !important; color: #409ee8 !important;}
.btn-outline-primary:hover {background-color: #409ee8 !important; color: #FFF !important;}
.text-primary {color: #409ee8 !important;}
.text-orange {color: #f8b81e !important;}
.text-danger {color: #c52d26 !important;}
.text-red {color: #f00 !important;}

.hover-fd2 {transition:all 0.5s ease-out;}
.hover-fd2:hover {transform:scale(2); border: solid 1px #eee}

@media (min-width: 1600px) {
    .dyui-container {padding-left: 0; padding-right: 0; min-width: 1320px;}
}
.dyui-main-header p {color:#b3afaf}




/* 首页版块内容 */
.d-about {width: 500px;}
.d-about .box {height: 642px;display: block; position: relative; overflow: hidden}
.d-about .box img {height: 642px;display: block; position: relative; overflow: hidden; transition:all 0.5s ease-out;}
.d-about .box .info {position: absolute; bottom:15px; left:15px;text-shadow: 0 2px 4px rgb(0 0 0 / 70%); color: #fff}
.d-about .box .info p {display: none}
.d-about .box:hover .info p {display: block; }
.d-about .box:hover img {transform:scale(1.2);}

.d-about .box .bg {background-color: rgba(0,0,0,0.1); position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center}
.d-about .box .bg i {font-size: 100px; color: #f5d451; background-color: #fff; border-radius: 100px; width: 82px; height: 82px; line-height: 82px;}
.d-about .box:hover .bg {background-color: rgba(84, 157, 231,0.6);}

.d-about-r {width: 780px;}
.d-about-r .box {display: block; position: relative; height: 100%; overflow: hidden}
.d-about-r .box .info {position: absolute; bottom:0; left:0; right: 0; top: 0 ;text-shadow: 0 2px 4px rgb(0 0 0 / 70%); color: #fff; background-color: rgba(0,0,0,0.1); padding: 15px; display: flex; justify-content: end; flex-direction: column;}
.d-about-r .box .info p {display: none}
.d-about-r .box img {transition:all 0.5s ease-out;}
.d-about-r .box:hover img {transform:scale(1.3);}
.d-about-r .box:hover .info p {display: block}
.d-about-r .box:hover .info {background-color: rgba(84, 157, 231,0.6);}


.dyui-productcat {background: url('../images/productcat-bg.png') no-repeat center top;}
.productcat-tab .nav {width: 250px; height: 600px; background: linear-gradient(0deg,rgba(1,5,38,.5),rgba(1,5,38,.5));}
.productcat-tab .nav .nav-link {padding: 30px; cursor: pointer; font-size: 24px; color: #fff; border-radius: 0; text-align: left}
.productcat-tab .nav .nav-link.active {color: #333; background-color: #fff}
.productcat-tab .tab-content {background-color: #fff; width: 100%; height: 600px; padding: 10px}
.productcat-tab .item-box a {display: block; position: relative}
.productcat-tab .item-box a:nth-child(1) {position: relative; float: left; width: 813px; height: 366px;outline: 1px solid #f2f2f2;}
.productcat-tab .item-box a:nth-child(1) img {width: 813px; height: 366px;}
.productcat-tab .item-box a:nth-child(2),
.productcat-tab .item-box a:nth-child(3) {position: relative; display: inline-block; margin-left: 14px; width: 261px; height: 180px; cursor: pointer; text-align: center; overflow: hidden; outline: 1px solid #f2f2f2;}
.productcat-tab .item-box a:nth-child(2) img,
.productcat-tab .item-box a:nth-child(3) img {width: 180px; height: 180px;}
.productcat-tab .item-box a:nth-child(4) {margin-left: 0 !important;}
.productcat-tab .item-box a:nth-child(4),
.productcat-tab .item-box a:nth-child(5),
.productcat-tab .item-box a:nth-child(6),
.productcat-tab .item-box a:nth-child(7),
.productcat-tab .item-box a:nth-child(8) {position: relative; display: inline-block; margin-left: 10px; width: 206px; height: 206px; cursor: pointer; overflow: hidden; outline: 1px solid #f2f2f2;}
.productcat-tab .item-box a:nth-child(4) img,
.productcat-tab .item-box a:nth-child(5) img,
.productcat-tab .item-box a:nth-child(6) img,
.productcat-tab .item-box a:nth-child(7) img,
.productcat-tab .item-box a:nth-child(8) img {width: 206px; min-height: 206px;}
.productcat-tab .item-box a .info {background-color: rgba(0,0,0,0.3); color: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0;  flex-direction: column; justify-content: center; align-items: center; display: none}
.productcat-tab .item-box a:hover .info {display: flex}
.productcat-tab .item-box a img {transition:all 0.5s ease-out;}
.productcat-tab .item-box a:hover img {transform:scale(1.1);}


/* 合作客户 */
.dyui-kehu .dyui-main-body {height: 400px;}
.dyui-logo {height: 488px; overflow: hidden}
.dyui-logo li .box {display: block; border-radius: 10px}


/* 内页banner */
.cat-banner {height: 300px; max-height: 450px; overflow: hidden;}
.cat-banner .bann-text {display: flex; align-items: center; color: #fff;}
.cat-banner .dyui-breadcrumb {color: #fff; padding-bottom: 15px;}
.cat-banner .dyui-breadcrumb a {color: #fff;}
@media screen and (max-width: 768px) {
    .cat-banner {background: linear-gradient(135deg, #0a1628 0%, #0d47a1 45%, #1E9FFF 100%);}
    .cat-banner video {height: 180px; padding-top: 20px; box-sizing: content-box;}
    .cat-banner .bann-text {padding-top: 30px;}
    .cat-banner .dyui-breadcrumb {font-size: 13px;}
}

.dyui-about {background: url("../images/about-bg.jpg") no-repeat center top; background-size: 100%;}
.dyui-about .about-img {position: relative; padding: 15px;}
.dyui-about .about-img img {position: relative; z-index: 1; border: solid 2px #446fae}
.dyui-about .about-img::before {display: block; content: " "; width: 220px; height: 150px; box-sizing: border-box; position: absolute; top: 0; right: 0; z-index: 0; background-color: #396faf}
.dyui-about .about-img::after {display: block; content: " "; width: 220px; height: 150px; position: absolute; bottom: 0; left: 0; background-color: #396faf}


.dyui-product .nav-tabs {border: none;}
.dyui-product .nav-tabs .btn {border-radius: 100px; border: solid 1px #ddd; color: #333; font-size: 14px;}
.dyui-product .nav-tabs .btn.active {background-color: #446fae; border-color: #446fae; color: #fff}

.dyui-swiper .swiper-button-prev,
.dyui-swiper .swiper-button-next {border: solid 1px #dddddd; color: #ddd; width: 40px; height: 40px; border-radius: 100px}
.dyui-swiper .swiper-button-prev:hover,
.dyui-swiper .swiper-button-next:hover {border-color: #396faf; color: #396faf}
.dyui-swiper .swiper-button-prev {left: -50px;}
.dyui-swiper .swiper-button-next {right: -50px;}
.dyui-swiper .swiper-button-prev:after,
.dyui-swiper .swiper-button-next:after {font-size: 20px;}
.dyui-swiper .swiper-pagination {width: 100%; text-align: center}
.dyui-swiper .swiper-pagination span {margin: 2px}




/*子栏目*/
.dyui-znav {background-color: #FFF; padding: 5px}
.dyui-znav .znav-header {background-color: #426fb1; padding: 15px 20px}
.dyui-znav .znav-header h3 {color: #FFF; font-size: 16px; margin: 0}
.dyui-znav .znav-body {padding: 10px 0 0; }
.dyui-znav .li_c1 {margin-bottom: 8px; position: relative;}
.dyui-znav .c1 {height: 44px; line-height: 44px; display: inline-block; width: 100%; background-color: #fff; padding: 0 20px}
.dyui-znav .c1 i {float: right}
.dyui-znav .btn {height: 44px; line-height: 34px; position: absolute; right: 0;}
.dyui-znav .c1.active {border: solid 1px #426fb1; color: #426fb1}
.dyui-znav .c1:hover {border: solid 1px #426fb1; color: #426fb1}
.dyui-znav .c2 {height: 34px; line-height: 34px; display: inline-block}
.dyui-znav .c3 {height: 34px; line-height: 34px; display: inline-block}
.dyui-znav .ul-c1 {padding-left: 14px; padding-top: 10px;}


.cat-banner .bann-znav {background: none}
.cat-banner .bann-znav ul { display: flex}
.cat-banner .bann-znav ul li {flex: 1; text-align: center; max-width: 20%;}
.cat-banner .bann-znav ul li .c1 {display: block;background-color: rgba(0,0,0,0.8); color: #fff; border-right: solid 1px #1e2d3c; height: 52px}
.cat-banner .bann-znav ul li .active {background-color: #fff; color: #333; border-top: solid 4px #396faf}

/* 问题列表 */
.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}


.product-cat-list li .box {background-color: #fff}
.product-cat-list li i {width: 24px; text-align: center; height: 24px; line-height: 24px; border: solid 1px #409ee8; color: #409ee8; border-radius: 50%}

.product-cat-list li .box:hover {box-shadow: 0 0 10px rgba(0,3,0,.1);}


/*筛选*/
.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: #446fae}
.dyui-filter .form-group .control-label {font-size: 12px; color: #666; padding: 16px 12px 12px 20px; background-color: #f7f5f5; width: 170px}
.dyui-filter .form-group .box {padding: 7px 10px; font-size: 14px; width: 100%; background-color: #fff}
.dyui-filter .form-group:nth-child(2n) {background-color: #3167a7 !important;}
.dyui-filter .form-group:nth-child(2n) .control-label {background-color: #3167a7 !important;}
.dyui-filter .form-group:nth-child(2n) .box {background-color: #f2f2f2}
.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: #396faf}
.dyui-filter .form-group .box a.active {color: #396faf; border: solid 1px #396faf}
.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;}

/* 排序 */
.dyui-sort {background-color: #3e3e3f; color: #fff; font-size: 14px; padding: 12px;}
.dyui-sort a {color: #fff}
.dyui-sort .item-sort a {padding-left: 5px; padding-right: 5px;}
.dyui-sort .active {color: #409ee8}
.dyui-sort .sototal em {font-style: normal;color: #409ee8; padding-left: 2px; padding-right: 2px}




/*详情*/
.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 {}
.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; font-size: 15px; padding: 10px 0;}
.show-content img {max-width: 100%;}


/* 分页 */
.dyui-pages ul {width: 100%; justify-content: center}


/* 公司简介 */
.about-develop {background: url('../images/develop-bg.jpg') no-repeat center bottom;}


/*商品轮播图*/
#product-thumb-carousel {flex: 0 0 310px; width: 310px;}
#product-thumb-carousel .carousel-inner .carousel-item video {display: block}
#product-thumb-carousel .carousel-indicators {position: initial;}
#product-thumb-carousel .carousel-indicators li {width: 70px !important; height: 70px !important; margin: 0 5px; border: 1px solid #e8e8e8; box-sizing: border-box; cursor: pointer; text-indent:0}
#product-thumb-carousel .carousel-indicators li.active {border: 1px solid #409ee8}
#product-thumb-carousel .carousel-indicators li img {width: 100%; height: 100%}
#product-thumb-carousel .carousel-indicators li.video {position: relative; width: 70px; height: 70px}
#product-thumb-carousel .carousel-indicators li.video .bg {position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.1); z-index: 100; display: flex; justify-content: center; align-items: center}
#product-thumb-carousel .carousel-indicators li.video .bg i {font-size: 20px; height: 20px; line-height: 20px; width: 20px; background-color: #FFF; border-radius: 100px; opacity: 0.5}



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



/* 新轮播图 */
.product-swiper-images {width: 450px;overflow: hidden;margin-right: 20px;position: relative;}
.product-swiper-images .box {overflow: hidden; width: 450px; height: 450px; }
.product-swiper-images .main-image .box img {max-width: 680px;margin: auto; width: 100%;height: 100%;object-fit: cover;}
.product-swiper-images .main-image .box iframe {width: 100%;height: 100%;object-fit: cover;}
.product-swiper-images .main-image .box video {width: 100%;height: 100%;object-fit: cover;display: inline-block;vertical-align: baseline;}
.product-swiper-images .main-image {--swiper-theme-color: #005dab;--swiper-navigation-color: #222;--swiper-navigation-size: 38px;position: relative; border: 1px solid #ddd; overflow: hidden;}

.product-swiper-images .thumb-image {margin-top: 10px; overflow: hidden;}
.product-swiper-images .thumb-image .swiper-slide {height: 100%; object-fit: cover;}
.product-swiper-images .thumb-image .swiper-slide .box img {margin: auto; width: 100%;}
.product-swiper-images .thumb-image .swiper-slide .box {width: 100%; height: 100%; cursor: pointer;transition: all .3s; border: 2px solid #eee; display: flex; justify-content: center; align-items: center; background: #fff; position: relative}
.product-swiper-images .thumb-image .swiper-slide-thumb-active .box {border: 2px solid #E94E03;box-sizing: border-box;}
.product-swiper-images .thumb-image .swiper-slide .box img {width: 100%;height: 100%;object-fit: cover;}
.product-swiper-images .thumb-image .swiper-slide .box video {width: 100% !important; height: 100% !important; object-fit: cover;}
.product-swiper-images .thumb-image .swiper-slide .box iframe {border: none !important;}

.product-swiper-images .thumb-image .swiper-slide.xkb3d .box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 2;
}


.product-swiper-images .thumb-image .swiper-slide.xkb3d img.threed {
    opacity: 1 !important;
    position: absolute;
    z-index: 3;
}


/* .thumb-image .box video::-webkit-media-controls { */
/*     display: none !important; */
/* } */

/* .thumb-image .box video::-moz-placeholder { !* Firefox 19+ *! */
/*     display: none !important; */
/* } */

/* .thumb-image .box video::--ms-expand { */
/*     display: none !important; */
/* } */

/* .thumb-image .box video::-webkit-media-controls-play-button, */
/* .thumb-image .box video::-webkit-media-controls-volume-slider, */
/* .thumb-image .box video::-webkit-media-controls-mute-button, */
/* .thumb-image .box video::-webkit-media-controls-timeline, */
/* .thumb-image .box video::-webkit-media-controls-current-time-display, */
/* .thumb-image .box video::-webkit-media-controls-time-remaining-display, */
/* .thumb-image .box video::-webkit-media-controls-seek-back-button, */
/* .thumb-image .box video::-webkit-media-controls-seek-forward-button, */
/* .thumb-image .box video::-webkit-media-controls-fullscreen-button, */
/* .thumb-image .box video::-webkit-media-controls-rewind-button, */
/* .thumb-image .box video::-webkit-media-controls-return-to-realtime-button, */
/* .thumb-image .box video::-webkit-media-controls-toggle-closed-captions-button, */
/* .thumb-image .box video::-webkit-media-controls-toggle-closed-captions-button, */
/* .thumb-image .box video::-webkit-media-controls-overlay-enclosure { */
/*     display: none !important; */
/* } */


















.show-product-info {background-color: #EDEDED}
.show-product-info .product-price-group .price {font-size: 30px; font-weight: bold;}

.product-info .show-title {font-size: 24px; width: auto !important;}
.product-info .show-xingji i {color: #EEBB46; margin-left: 5px}
.product-info .show-file-main .item {border: solid 1px #ddd}
.product-info .show-file-main .item .t {border-bottom: solid 1px #ddd; background-color: #f5f5f5; padding: 5px 10px}
.product-info .show-file-main .item ul {padding: 5px 10px}
.product-info .show-file-main .item ul li a:hover {color: #409ee8}


.product-show-tab .nav-tabs {display: flex;}
.product-show-tab .nav-tabs li {flex: 1; text-align: center; padding: 0 1px;}
.product-show-tab .nav-tabs .nav-link {border-radius: 0; width: 100%; border: none; background-color: #3f3f3f; color: #fff; padding: 10px}
.product-show-tab .nav-tabs .nav-link.active  {color: #fff; background-color: #396faf}
.product-show-tab .nav-tabs .nav-link:hover  {opacity: 0.8}


.layer-mform .box {padding: 80px 50px 50px;}
.layer-mform .form-header {text-align: center; margin-bottom: 50px}
.layer-mform .form-header h3 {font-size: 32px; margin-bottom: 10px}
.layer-mform .form-header p {font-size: 16px}
.layer-mform .dyui-form .form-group {margin-bottom: 20px;}
.layer-mform .dyui-form .form-group .control-label {display: none}
.layer-mform .dyui-form .form-group .col-md-10 {width: 100%}
.layer-mform .dyui-form .form-group .col-md-10 .form-control {width: 100% !important;}
.layer-mform .dyui-form .form-control {padding: 12px 18px; color: #909090}
.layer-mform .dyui-form .form-control::-webkit-input-placeholder {color: #909090}
.layer-mform .dyui-form .form-textarea {height: 120px}
.layer-mform .dyui-form .form-submit {margin-top: 20px}
.layer-mform .dyui-form .form-submit .btn-submit {width: 100%; height: 52px; line-height: 52px; font-size: 18px; color: #152d77; border: solid 1px #152d77; background: none; border-radius: 3px}
.layer-mform .dyui-form .form-submit .btn-submit:hover {background-color: #152d77; color: #fff}

/* .fzlc-Swiper .swiper-slide {width: 33%;} */
.fzlc-Swiper {position: relative}
/* .fzlc-Swiper hr {position: absolute; top: 50%; left: 0; right: 0} */
.fzlc-Swiper:after {content: '';
    width: 100%;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 0;
}
.fzlc-Swiper .swiper-slide dl {display: flex; flex-direction: column; position: relative}
.fzlc-Swiper .swiper-slide dl dt {order: 1}
.fzlc-Swiper .swiper-slide:nth-child(2n) dl {display: flex; flex-direction: column; margin-top: 150px}
.fzlc-Swiper .swiper-slide:nth-child(2n) dl dd {order: 1}
.fzlc-Swiper .swiper-slide dl:after {content: '';width: 0; height: 0; border-style: solid; border-width: 10px 8px 0 8px; border-color: #446fae transparent transparent transparent; position: absolute; bottom: -10px; left: 48%}
.fzlc-Swiper .swiper-slide:nth-child(2n) dl:after {content: '';width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #446fae transparent; position: absolute; top: -10px; left: 48%;}

.event_box {position: relative; min-height: 420px;}
.event_box .parHd {width: 100%; display: inline-block; overflow: hidden;}
.parHd  ul{ width: 100%; text-align: center; margin: 0 auto; padding-top: 90px !important;}
.parHd .tempWrap{ margin: 0 auto;}
.parHd .tempWrap:after {content: ''; width: 100%; height: 1px; background: #ce281f; position: absolute; right: 0; top: 54%; z-index: 10;}
.parHd li.no_line:before{ display: none;}
.parHd li {display: inline-block; cursor: pointer; padding-top: 40px; font-size: 16px; color: #000; margin:0 15px; position: relative; }
.parHd li .desc {width: 150px; height: 48px; overflow: hidden}
.parHd li:after {content: ''; background: url('../images/dot_ico.png') no-repeat; width: 24px; height: 24px; position: absolute;  z-index: 20;top: 10px; left: 50%; margin-left: -12px;}
.parHd li:hover:after {border: solid 1px #ce281f; padding: 3px; border-radius: 100px; width: 26px; height: 26px; display: block}
.parHd li:hover {color: #ce281f}
.parHd li:nth-child(2n) {bottom: 70px; padding-top: 0; padding-bottom: 45px;}
.parHd li:nth-child(2n):after {top: initial; bottom: 13px;}
.parBd{ text-align: center; margin-top: 60px;}
.parBd h4{ position: relative; font-size: 40px; margin-bottom: 3%; /*width: 200px;*/ padding: 0 60px;  display: inline-block; text-align: center;}
.parBd h4:after{ content:''; background: #000; width: 100px; height: 1px; position: absolute; left: -100px; bottom: 12px;}
.parBd h4:before{ content:''; background: #000; width: 100px; height: 1px; position: absolute; right: -100px; bottom: 12px;}
.parBd p{ line-height: 180%; font-size: 16px; width: 80%; margin: 0 auto;}
div#listBox {width: 100%;}
.sPrev,.sNext{ width: 30px; height: 30px; line-height: 30px; text-align: center; display: block; position: absolute; top: 95px; background-color: #ce281f; border-radius: 100px; color: #fff; cursor: pointer}
.sPrev:hover,
.sNext:hover {color: #fff; opacity: 0.7}
.sPrev{ left: 0;}
.sNext{ right: 0;}
.sPrev img,.sNext img{transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
    -o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
}


/*Footer*/
.footer {background-color: #2b2b2b; width: 100%; height: auto; overflow: hidden; color: #888; font-size: 14px}
.footer a {color: #888;}
.footer .layui-main {overflow: hidden;}
.footer .foot {padding: 20px 0; height: auto; overflow: hidden;}
.footer dl.fnav a {background-color: #464950; color: #FFF; display: inline-block; padding: 5px 10px; margin: 5px 10px 5px 0;}
.footer dl.fnav dt {line-height: 40px; font-size: 16px;}
.footer dl.kf {}
.footer dl.kf dt {line-height: 40px; font-size: 16px;}
.footer dl.kf dd li {font-size: 14px; line-height: 24px;}
.footer dl.kf dd li.danhua {color: #FF5722; font-size: 20px; line-height: 30px;}

.footer .ewm ul li {width: 100px; text-align: center; }
.footer .ewm ul li img {height: 100px; width: 100px;}

.copyright {border-top: solid 1px #333; padding: 20px 0;}


/* 登录层登录 */
/*授权登录*/
.login-oauth {background-color: #fff;  text-align: center; padding-top: 20px;}
.login-oauth .mui-card-header {text-align: center;}
.login-oauth li a {text-align: center; display: inline-block; padding: 0 5px;}
.login-oauth li a img {width: 60px; height: 60px;}
.login-oauth li a i {font-size: 24px; width: 24px; height: 24px; line-height: 24px; text-align: center; box-sizing: content-box; border-radius: 100px;}
.login-oauth li a span {line-height: 30px; display: block;}
.login-oauth li a:hover {opacity: 0.8}



.rolling1 {
    -webkit-animation: rolling1 1s ease;
    animation: rolling1 1s ease;
    -webkit-transform: translateY(-152px);
    -ms-transform: translateY(-152px);
    transform: translateY(-152px);
}
.rolling2 {
    -webkit-animation: rolling2 1.2s ease;
    animation: rolling2 1.2s ease;
    -webkit-transform: translateY(-151px);
    -ms-transform: translateY(-151px);
    transform: translateY(-151px);
}

.rolling3 {
    -webkit-animation: rolling3 1.2s ease;
    animation: rolling2 1.3s ease;
    -webkit-transform: translateY(-151px);
    -ms-transform: translateY(-151px);
    transform: translateY(-151px);
}

.rolling4 {
    -webkit-animation: rolling2 1.4s ease;
    animation: rolling2 1.4s ease;
    -webkit-transform: translateY(-151px);
    -ms-transform: translateY(-151px);
    transform: translateY(-151px);
}

.rolling5 {
    -webkit-animation: rolling5 1.2s ease;
    animation: rolling5 1.2s ease;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}
.rolling6 {
    -webkit-animation: rolling5 1.5s ease;
    animation: rolling5 1.5s ease;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

@keyframes rolling1
{
    from   {transform: translateY(147px);}
    to {transform: translateY(-152px);}
}
@keyframes rolling2
{
    from {transform: translateY(147px);}
    to {transform: translateY(-151px);}
}
@keyframes rolling5
{
    from {transform: translateY(50px);}
    to {transform: translateY(0px);}
}
@media screen and (max-width: 768px) {
    .rolling1 {
    -webkit-transform: translateY(-152px);
    -ms-transform: translateY(-152px);
    transform: translateY(-112px);
    }
    .rolling2 {-webkit-transform: translateY(-112px);
    -ms-transform: translateY(-112px);
    transform: translateY(-112px);
    }
    .rolling3 {
        -webkit-animation: rolling3 1.2s ease;
        animation: rolling2 1.3s ease;
        -webkit-transform: translateY(-112px);
        -ms-transform: translateY(-112px);
        transform: translateY(-112px);
    }

    .rolling4 {
        -webkit-animation: rolling2 1.4s ease;
        animation: rolling2 1.4s ease;
        -webkit-transform: translateY(-112px);
        -ms-transform: translateY(-112px);
        transform: translateY(-112px);
    }

    .rolling5 {
        -webkit-animation: rolling5 1.2s ease;
        animation: rolling5 1.2s ease;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    .rolling6 {
        -webkit-animation: rolling5 1.5s ease;
        animation: rolling5 1.5s ease;
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        transform: translateY(0px);
    }
    
}


.logo_rolling1,
.logo_rolling3 {
    width: 2803px;
    -webkit-animation: scrollToRight 26s linear infinite;
    animation: scrollToRight 26s linear infinite;
}
.logo_rolling2,
.logo_rolling4 {
    width: 2803px;
    -webkit-animation: scrollToRight 16s linear infinite;
    animation: scrollToRight 16s linear infinite;
}
@-webkit-keyframes scrollToRight {
    from {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0%, 0, 0);
        transform: translate3d(0%, 0, 0);
    }
}

/* 登录层登录 */
.modal-login .modal-box-reg {display: none}
.modal-login .open .modal-box-reg {display: block}
.modal-login .open .modal-box-login {display: none}


.bootstrap-touchspin .btn {border-radius: 0}
.bootstrap-touchspin .form-control {line-height: 1px; text-align: center}


.contact-list li .btn-group {display: flex; justify-content: space-between; align-items: center;}
.contact-list li .btn {border:solid 1px #ddd; border-radius: 100px;}
.contact-list li .btn:hover {background-color: #409EE8 !important; color: #fff !important;}
@media screen and (max-width: 768px) {
    .contact-list li .btn-group {display: block; border-radius: 100px !important;}
    .contact-list li .btn {width: 100%; margin: 5px 0 !important;}
}


/* 线材报价 */
.body-offer {}
.body-offer .dyui-card .card-header {background-color: #409EE8; color: #fff; padding: 10px 20px; border-radius: 10px 10px 0 0; display: flex; align-items: center; justify-content: space-between}
.body-offer .dyui-card .card-body {background-color: #fff; padding: 20px}
.body-offer .dyui-card .card-body .form-group {display: flex; align-items: center; margin-bottom: 20px}
.body-offer .dyui-card .card-body .form-group .control-label {background-color: #409EE8; color: #fff; border-radius: 5px; padding: 5px 10px; text-align: center; font-size: 14px}
.body-offer .dyui-card .card-body .form-group .col-md-10 {padding-left: 10px; font-size: 14px; display: flex; align-items: center}
.body-offer .dyui-card .card-body .form-group#dr_row_xgzl .col-md-10 {display: block;}
.body-offer .dyui-card .card-body .form-group .col-md-10 .help-block {padding-left: 10px;}
.body-offer .dyui-card .card-body .form-group .col-md-10 .mt-radio {margin-top: 5px; margin-bottom: 5px}
.body-offer .dyui-card .card-body .form-group .col-md-10 .mt-radio span:has(::after) {border: solid 1px #409EE8}
.mt-radio {
    position: relative;
    display: inline-block;
    margin-right: 12px;
}

.mt-radio input {
    vertical-align: middle;
    margin-top: -2px;
    margin-bottom: 1px;
    /* 前面三行代码是为了让radio单选按钮与文字对齐 */
    width: 20px;
    height: 20px;
    appearance: none;/*清楚默认样式*/
    -webkit-appearance: none;
    opacity: 0;
    outline: none;
    /* 注意不能设置为display:none*/
}

.mt-radio label {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    /*注意层级关系，如果不把label层级设为最低，会遮挡住input而不能单选*/
    width: 20px;
    height: 20px;
    border: 1px solid #3582E9;
    border-radius: 100%;
}

.mt-radio input:checked+span {
    background: #3582E9 !important; border: solid 1px #3582E9 !important;
}
.mt-radio>span:after {background-color: #fff !important;}

.mt-radio input:checked+label::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 2px;
    width: 5px;
    height: 12px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: rotate(45deg);
}

.body-offer .dyui-card .card-footer {padding: 0;}
.body-offer .dyui-card .card-footer .btn {width: 100%;background-color: #409EE8; border-color: #409EE8; color: #fff; padding: 13px; border-radius: 0 0 10px 10px;}



/* 弹窗产品图册下载 */
.modal-cptc {position: fixed; top: 150px; right: 0; z-index: 1111; border: solid 1px #EEE; border-radius: 10px; overflow: hidden; background-color: #FFF; color: #333; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}
.modal-cptc .modal-cptc-header {border-bottom: solid 1px #ddd}
.modal-cptc .modal-cptc-header .modal-title {font-size: 24px; color: #FFF; background-color: #ED5167; padding: 5px 10px}
.modal-cptc .modal-cptc-body {padding: 10px;}
.modal-cptc .modal-cptc-footer {padding: 0 10px 10px;}


/* 对比 */
.duibi-main {background: url("../images/duibi-bg.jpg") no-repeat center; background-size: cover; padding: 20px 0}
.duibi-main .zzlist li img {height: 60px}
.duibi-main .zzlist li p {margin-top: 10px}