@charset "utf-8";
li {list-style: none;}
a:hover { text-decoration:none; color:#00395e;}
.fl {float: left;}
.fr {float: right;}
hr {margin: 10px auto;}
.hover-opacity:hover {opacity: 0.8;}
.btn-outline-primary {border-color: #00395e !important; color: #00395e !important}
.btn-outline-primary:hover {background-color: #00395e !important; color: #FFF !important}
.btn-primary {background-color: #00395e !important; border-color: #00395e !important;  color: #FFF !important}
.hover-text-primary:hover {color: #00395e !important}

/*首页统一查看按钮*/
.dyui-home-btn {border-radius: 20px; padding: 6px 18px; font-size: 13px; line-height: 1.5; display: inline-block; text-decoration: none; transition: all .25s ease; border: 1px solid; font-weight: 500; cursor: pointer;}
.dyui-home-btn-primary {background-color: #162e5c; color: #FFFFFF; border-color: #162e5c;}
.dyui-home-btn-primary:hover {background-color: #2a457a; border-color: #2a457a; color: #FFFFFF;}
.dyui-home-btn-light {background-color: #FFFFFF; color: #162e5c; border-color: #FFFFFF;}
.dyui-home-btn-light:hover {background-color: #162e5c; border-color: #162e5c; color: #FFFFFF;}
.dyui-home-btn i {margin-left: 3px;}
.dyui-home-btn .bi-arrow-right-short {font-size: 1.1em; vertical-align: -1px;}

.dyui-mt20 {margin-top: 20px;}

.mt20 {margin-top: 20px;}
.mb20 {margin-bottom: 20px;}


.dyui-header {background-color: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); z-index: 999}
.dyui-header .navbar {padding: 10px 0}
.dyui-header .logo {height: 41px}
/*导航开始*/
.dyui-header .dyui-nav {padding: 0;}
.dyui-header .dyui-nav li a.c1 {color: #000; padding: 0 20px; height: 48px; line-height: 48px; display: block; font-size: 15px;}
.dyui-header .dyui-nav li a.c1:hover {color: #00395e}
.dyui-header .dyui-nav li a.dropdown-toggle::after {width: 8px; height: 8px; margin-top: 18px; margin-left: 6px; float: right; border-top:none; border-left:none; border-right: 1px solid #808080; border-bottom: 1px solid #808080; -webkit-transform: rotate(45deg);}
.dyui-header .dyui-nav li.active a.c1 {color: #00395e;}
.dyui-header .dyui-nav li.open .dropdown-menu {display: block;}

.navbar-toggler-icon i {color: #fff}
.dyui-nav .navbar-brand img {height: 40px}
.dyui-nav .form-inline .form-control {border-radius: 3px 0 0 3px; border: none}
.dyui-nav .form-inline .btn {border: solid 1px #98C30F; border-radius: 0 3px 3px 0; background-color: #98C30F; color: #fff}

.dyui-header .btn-search {border: solid 1px #fff; padding: 5px 10px; border-radius: 5px;}
.dyui-header .btn-search:hover {border: solid 1px #eee}
.dyui-header .btn-search i {color: #000; font-size: 18px}
.dyui-header .search-collapse {position: absolute; left: 0; right: 0; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 20px 0}
.dyui-header .search-collapse .form-control {border: solid 1px #eee; padding: 10px 20px;}
.dyui-header .language {position: relative; display: inline-block; align-self: center;}
.dyui-header .language .dropdown-toggle {display: inline-flex; align-items: center; gap: 4px; color: #000; font-size: 14px; background-color: #fff; border: solid 1px #fff; border-radius: 5px; padding: 5px 10px;}
.dyui-header .language .dropdown-toggle:hover {border-color: #eee; color: #00395e;}
.dyui-header .language .dropdown-toggle::after {margin-left: 2px;}
.dyui-header .language .dropdown-toggle i {font-size: 15px;}
.dyui-header .language .dropdown-menu {min-width: 100px; font-size: 14px; border-radius: 4px; z-index: 1021;}
.dyui-header .language .dropdown-item {padding: 6px 14px; color: #333;}
.dyui-header .language .dropdown-item:hover {background-color: #00395e; color: #fff;}



/*搜索*/
header .layui-form {float: left; border-radius: 16px; padding: 0 10px; height: 36px;}
header .layui-form input.ktxt {float: left; border: solid 1px #FF5722; height: 34px; line-height: 34px; padding-left: 5px; width: 250px;}
header .layui-form button {float: left; color: #fff; background: #FF5722; border: none; cursor: pointer; line-height: 36px; width: 40px; text-align: center;}

/*联系电话*/
header .head-tel {float: right; width: 200px; color: #246cd7; font-size: 26px; font-weight: bold; line-height: 1.4;}
header .head-tel span {display: block; font-size: 18px; line-height: 30px; color: #6C6666;}
header .head-tel i {color: #6C6666; font-size: 26px; margin-right: 6px;}
header .head-tel b {display: block; line-height: 26px; color: #FF5722;}


.mobile-search {height: 50px; line-height: 50px; color: #fff; text-align: center; position: relative;}
.mobile-search .ktxt {width: 100%; height: 38px; line-height: 38px; border: solid 1px #eee; padding-left: 10px;-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.mobile-search button {position: absolute; right: 0; top: 6px;}


/* 轮播图 */
.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 {width: fit-content; font-size: 50px; line-height: 1.3; padding: 8px 20px; background: rgba(22, 46, 92, 0.72); border-radius: 6px;}
.banner .swiper-slide .info .text.fs-5 {font-size: 20px; padding: 6px 16px; margin-top: 12px; background: rgba(22, 46, 92, 0.5);}
.banner .swiper-slide .info .desc {font-size: 18px; height: auto; line-height: 1.5; margin-top: 10px}
.banner .swiper-slide .info .btn {background-color: #FF5722; color: #fff; font-size: 16px; padding: 10px 20px; margin-top: 20px}
.banner .swiper-pagination-bullet {background-color: #fff}
.banner .swiper-button-next,
.banner .swiper-button-prev {color: #fff; opacity: 0.3}
.banner .swiper-button-prev {left: 30px;}
.banner .swiper-button-next {right: 40px;}
.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; padding: 6px 14px;}
    .banner .swiper-button-next,
    .banner .swiper-button-prev {display: none}
}


/*首页公司简介*/
.dyui-about {padding: 30px 0 60px; position: relative; overflow: hidden; background: #f5f5f5;}
.dyui-about::before {content: ''; position: absolute; left: 0; right: 0; top: 0; height: 250px; background-color: #162e5c; z-index: 0;}
.dyui-about>.dyui-container {position: relative; z-index: 1;}
.dyui-about .dyui-main-header {text-align: center; padding-bottom: 30px;}
.dyui-about .dyui-main-header .header-title:before {background-color: #FFFFFF;}
.dyui-about .dyui-main-body {height: auto; overflow: visible; padding-top: 25px;}
.dyui-about .about-img {border: #FFFFFF solid 3px;}
.dyui-about .about-text {font-size: 16px; line-height: 180%; box-sizing: border-box; color: #333;}
.dyui-about .about-text .gsmc {color: #FFFFFF; font-size: 26px; font-weight: bold; line-height: 50px; margin-bottom: 0;}
.dyui-about .about-text h4 {margin-bottom: 20px; color: #FFFFFF; font-size: 15px;}
.dyui-about .about-text .desc {padding-top: 50px;}
.dyui-about .about-more {margin-top: 20px;}
.dyui-about::after {content: ''; position: absolute; top: 246px; left: 50%; margin-left: -90px; transform: translateX(-50%); width: 0; height: 0; border-left: 24px solid transparent; border-right: 24px solid transparent; border-top: 24px solid #162e5c; z-index: 2;}


/*首页产品*/
.dyui-product {background: #f5f5f5;}
.dyui-swiper .swiper-button-prev,
.dyui-swiper .swiper-button-next {left: 0; transform: translate(-50%, -50%); border-radius: 50%; width: 40px; height: 40px; background-color: rgba(0, 0, 0, .4); color: #fff; }
.dyui-swiper .swiper-button-next {left: initial; right: 0; transform: translate(50%, -50%);}
.dyui-swiper .swiper-button-prev:after,
.dyui-swiper .swiper-button-next:after {font-size: 18px;}
.dyui-swiper .swiper-button-prev:hover,
.dyui-swiper .swiper-button-next:hover {background-color: rgba(22, 46, 92, .85);}
.dyui-swiper .swiper-pagination-bullet {width: 10px; height: 10px; border-radius: 5px; background-color: rgba(0, 0, 0, 0.4)}
.dyui-swiper .swiper-pagination-bullet-active {width: 20px; border-radius: 5px; background-color: #162e5c}
/*统一产品卡片（轮播+网格）*/
.dyui-product .dyui-product-list .box,
.dyui-product .product-grid .box {display: block; background: #fff; border: 1px solid #e8ebf0; border-radius: 8px; padding: 14px; text-decoration: none; transition: all .25s ease;}
.dyui-product .dyui-product-list .box:hover,
.dyui-product .product-grid .box:hover {border-color: #162e5c; transform: translateY(-3px); box-shadow: 0 8px 20px rgba(22, 46, 92, 0.12);}
.dyui-product .dyui-product-list .box .thumb,
.dyui-product .product-grid .box .thumb {background: #f7f8fa; border-radius: 6px; padding: 10px;}
.dyui-product .dyui-product-list .box .thumb img,
.dyui-product .product-grid .box .thumb img {width: 100%; aspect-ratio: 1/1; object-fit: contain; transition: transform .35s ease;}
.dyui-product .dyui-product-list .box:hover .thumb img,
.dyui-product .product-grid .box:hover .thumb img {transform: scale(1.06);}
.dyui-product .dyui-product-list .box .t,
.dyui-product .product-grid .box .t {margin-top: 12px; font-size: 14px; font-weight: 500; color: #1a1a1a;}
.dyui-product .dyui-product-list .box .info,
.dyui-product .product-grid .box .info {margin-top: 4px; color: #b0b5bd; font-size: 18px; line-height: 1; transition: all .25s ease;}
.dyui-product .dyui-product-list .box:hover .info,
.dyui-product .product-grid .box:hover .info {color: #162e5c;}
/*分类导航卡片*/
.dyui-product .product-tree ul {}
.dyui-product .product-tree ul li {}
.dyui-product .product-tree ul li .box {position: relative; display: flex; align-items: center; gap: 10px; padding: 10px 18px; font-size: 13px; font-weight: 500; line-height: 1.4; color: #333; text-align: left; background: #fff; border: 1px solid #dfe3ea; border-radius: 6px; word-break: break-all; transition: all .25s ease;}
.dyui-product .product-tree ul li .box img {width: 36px; height: 36px; flex-shrink: 0; object-fit: cover; border-radius: 6px; transition: all .25s ease;}
.dyui-product .product-tree ul li .box .cat-ico {display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 6px; background: #eef1f6; color: #162e5c; font-size: 16px; font-weight: 600; transition: all .25s ease;}
.dyui-product .product-tree ul li .box::after {display: none;}
.dyui-product .product-tree ul li .box::before {display: none;}
.dyui-product .product-tree ul li .box:hover {color: #fff; background: #162e5c; border-color: #162e5c; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(22, 46, 92, 0.25);}
.dyui-product .product-tree ul li .box:hover img {box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);}
.dyui-product .product-tree ul li .box:hover .cat-ico {background: rgba(255, 255, 255, 0.2); color: #fff;}
/*非滚动产品网格*/
@media screen and (max-width: 769px) {
    .dyui-swiper .swiper-button-prev,
    .dyui-swiper .swiper-button-next {display: none}
}

/*解决方案*/
.dyui-fangan {height: 640px; overflow: hidden; padding: 40px 0; box-sizing: border-box; position: relative; background-size: cover;}
.dyui-fangan::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(6, 63, 105, 0.8); z-index: 0;}
.dyui-fangan>.dyui-container {position: relative; z-index: 1;}
.dyui-fangan .dyui-main-header .header-title:before {display: none;}
.dyui-fangan .dyui-main-header .header-title:after {bottom: 35px;}
.dyui-fangan .dyui-main-body {position: relative;}
.dyui-fangan .swiper-solution {overflow: hidden;}
.dyui-fangan .photo-list {overflow: initial; margin-bottom: 50px;}
.dyui-fangan .photo-list li .box {display: block; text-align: center; padding: 0; overflow: hidden;}
.dyui-fangan .photo-list li .t {font-size: 18px; height: 18px; line-height: 18px;}
.dyui-fangan .photo-list li .ft {color: #FF6D00; font-size: 14px; height: 40px; line-height: 40px; overflow: hidden; margin-bottom: 15px;}
.dyui-fangan .photo-list li img {width: 100%; border: solid 1px #fff; box-sizing: border-box;}
.dyui-fangan .swiper-button-prev {color: #fff;}
.dyui-fangan .swiper-button-prev {left: -35px;}
.dyui-fangan .swiper-button-next {right: -35px;}
.dyui-fangan .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet { background-color:#FF6D00 ;}
.dyui-fangan .dyui-main-footer.text-center {margin: 30px 0;}

.dyui-fangan .swiper-button-next:after, .dyui-fangan .swiper-button-prev:after {color: #fff;}


/* 通用底部 */
.dyui-footer {background-color: #00395e; color: #fff; margin-top: 120px;}
.dyui-footer a {color: #fff;}
.dyui-footer a:hover {color: #ff5722;}
.dyui-footer .f-logo {max-width: 360px}
.dyui-footer .logo {height: 50px; filter: brightness(0) invert(1);}
.dyui-footer .f-contact {transform: translateY(-50%); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);}
.dyui-footer .f-contact ul li .box {position: relative}
.dyui-footer .f-contact ul li .box:after {content: ""; position: absolute; top: 0; right: 0; width: 2px; height: 50%;background: #00395e;}
.dyui-footer .f-contact ul li .box:before {content: ""; position: absolute; bottom: 0; right: 0; width: 2px; height: 50%; background: #E5E5E5;}
.dyui-footer .f-contact ul li:last-child .box:after,
.dyui-footer .f-contact ul li:last-child .box:before {display: none}
.dyui-footer .f-contact ul li .thumb {width: 60px; height: 60px; line-height: 60px; background-color: #00395e; color: #FFF; border-radius: 100px; text-align: center;}
.dyui-footer .f-contact ul li .thumb i {font-size: 24px;}
.dyui-footer .f-video {flex: 1 1 auto;  margin: 0 40px 20px 0;}
.dyui-footer .f-video .f-video-list {gap: 16px; padding: 0; margin: 0; list-style: none;}
.dyui-footer .f-video .f-video-btn {display: block; text-align: center; background: #fff; padding: 5px; border-radius: 5px;}
.dyui-footer .f-video .f-video-btn .img {display: block; position: relative; overflow: hidden; border-radius: 8px; background: rgba(255, 255, 255, 0.1);}
.dyui-footer .f-video .f-video-btn .img img {width: 100%; aspect-ratio: 16/10; object-fit: cover; transition: transform .35s ease;}
.dyui-footer .f-video .f-video-btn .img .play {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 36px; line-height: 1; color: #fff; opacity: .8; transition: opacity .3s ease;}
.dyui-footer .f-video .f-video-btn .title {margin: 10px 0 0; font-size: 14px;}
.dyui-footer .f-video .f-video-btn:hover .img img {transform: scale(1.08);}
.dyui-footer .f-video .f-video-btn:hover .img .play {opacity: 1;}
.dyui-footer .f-tel {display: flex; flex-direction: column; justify-content: center;}
.dyui-footer .f-tel ul {line-height: 2;}
@media screen and (max-width: 768px) {
    .dyui-footer {margin-top: 160px;}
    .dyui-footer .f-video {max-width: none; margin: 0 0 30px;}
    .dyui-footer .f-video .f-video-list .item {max-width: none;}
    .dyui-footer .f-video .f-video-btn .img .play {font-size: 28px;}
    .dyui-footer .f-video .f-video-btn .title {font-size: 13px;}
    .dyui-footer .f-contact {transform: translateY(0); margin-top: -40%; margin-bottom: 30px;}
    .dyui-footer .f-contact ul li .box {position: relative; margin-bottom: 20px;}
    .dyui-footer .f-contact ul li:last-child .box:after,
    .dyui-footer .f-contact ul li:last-child .box:before {display: block}
}



.main-header h3 {display: flex; align-items: center}
.main-header h3 span {
    width: 21px;
    height: 3px;
    background-color: #00395e; margin-right: 10px;
}


/*文章列表*/


/*详情*/
.show-title {line-height: 30px; width: 100%; color: #333333; font-size: 24px; overflow: hidden; margin: 15px 0;}
.show-thumb {text-align: center; overflow: hidden; padding: 10px 0;}
.show-content {height: auto; overflow: hidden; line-height: 200%; font-size: 15px; padding: 10px 0;}
.show-content img {margin: 5px 0; max-width: 100%; height: auto !important;}
.show-content table {border-left: solid 1px #ddd; border-top: solid 1px #ddd; width: 100%;}
.show-content table tr th {border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 8px 10px; line-height: 140%; background-color: #eeeeee}
.show-content table tr td {border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; padding: 8px 10px; line-height: 140%}

/*视频详情*/
.video-show .show-title {line-height: 1.4; width: 100%; color: #1a1a1a; font-size: 24px; font-weight: 600; overflow: hidden; margin: 0 0 12px;}
.video-show .show-info {display: flex; flex-wrap: wrap; gap: 8px 24px; width: 100%; padding-bottom: 16px; border-bottom: 1px solid #eee; color: #999; font-size: 14px;}
.video-show .show-info span {padding: 0; margin-right: 0;}
.video-show .show-info i {margin-right: 6px; color: #b0b5bd;}
.show-video {margin: 24px 0; background: #000; border-radius: 8px; overflow: hidden; box-shadow: 0 8px 28px rgba(22, 46, 92, .12);}
.show-video video {display: block; width: 100%; height: auto;}
.show-video iframe,
.show-video .iframe-video {display: block; width: 100%; aspect-ratio: 16/9; border: none;}
.video-show .show-content {height: auto; overflow: hidden; line-height: 200%; font-size: 15px; color: #555; padding: 4px 0 8px;}
.video-show .show-updown {display: flex; flex-direction: column; gap: 10px; margin-top: 24px; line-height: 1.8; font-size: 14px;}
.video-show .show-updown .item {margin: 0; padding: 10px 16px; background: #f7f8fa; border-radius: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: background .25s ease;}
.video-show .show-updown .item:hover {background: #eef2f7;}
.video-show .show-updown .item strong {color: #333; font-weight: 600;}
.video-show .show-updown .item a {color: #666; text-decoration: none;}
.video-show .show-updown .item a:hover {color: #00395e;}
.video-show .show-updown .item .none {color: #bbb;}
@media(max-width: 767px) {
	.video-show .show-title {font-size: 20px;}
	.show-video {margin: 16px 0; border-radius: 6px;}
	.video-show .show-updown .item {padding: 8px 12px;}
}

/*文章详情信息行与上下篇*/
.show-info {width: 100%; margin: 10px 0 20px; overflow: hidden; color: #666; font-size: 14px;}
.show-info span {padding: 0 15px 0 0; margin-right: 20px;}
.show-info i {margin-right: 4px;}
.show-updown {line-height: 200%; font-size: 14px; overflow: hidden;}
.show-updown strong {color: #333;}
.show-updown a {color: #666;}
.show-updown a:hover {color: #00395e;}

/*视频列表*/
.dyui-video-list {list-style: none; padding: 0; margin: 0;}
.dyui-video-list li .thumb {overflow: hidden; background: #f7f8fa; border-radius: 6px;}
.dyui-video-list li .thumb img {width: 100%; aspect-ratio: 16/10; object-fit: cover; display: block; transition: transform .35s ease;}
.dyui-video-list li:hover .thumb img {transform: scale(1.06);}
.dyui-video-list li .t {padding: 12px 2px; font-size: 15px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.dyui-video-list li a:hover .t {color: #00395e;}
@media(max-width:767px) {
    .dyui-video-list li .t {font-size: 14px;}
}

/*栏目Banner*/
.cat-banner {width: 100%; height: 300px; color: #FFF; background-position: center center; background-size: cover;}
.cat-banner img {width: 100%}
.cat-banner .dyui-container {height: 100%; display: flex; align-items: center}
.cat-banner h3 {color: #FFF}
@media(max-width:767px) {
    .cat-banner {height: 150px; margin-bottom: 10px;}
}
.dyui-breadcrumb {margin-top: -50px; background-color: rgba(0, 0, 0, 0.3); color: #fff; font-size: 14px; height: 50px; line-height: 50px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.dyui-breadcrumb a {color: #fff}
@media(max-width:769px) {
    .dyui-breadcrumb {margin-top: 0; background: #00395e; padding-left: 10px}
}

/*子栏目*/
.dyui-znav {}
.dyui-znav ul li a {display: block; padding: 15px 0; color: #333; }
.dyui-znav ul li a i {float: right;}
.dyui-znav ul li.active a {color: #00395e}
@media(min-width:769px) {
    .dyui-znav {height: 100%; background-color: #F3F3F3; padding: 50px 30px}
    .dyui-znav h3 {font-size: 24px; font-weight: bold}
    .dyui-znav .znav-body {padding-top: 15px}
}

/*子栏目*/
.dyui-znav {background-color: #F3F3F3; padding: 40px 30px}
.dyui-znav .znav-header {background-color: #E9E9E9; padding: 15px 20px; display: none}
.dyui-znav .znav-header h3 {color: #364bb8; font-size: 26px; margin: 0}
.dyui-znav .znav-body {padding: 0; }
.dyui-znav .child-li {position: relative}
.dyui-znav .btn {height: 44px; line-height: 34px; position: absolute; right: 0; top:0;}*/.dyui-znav .li-c1 {margin-bottom: 10px; position: relative;}
.dyui-znav .li-c1 .c1 {padding: 15px 0; display: block; font-weight: bold}
.dyui-znav .li-c1 .c1 i {float: right}
.dyui-znav .li-c1 .c1.active {color: #00395e}
.dyui-znav .li-c1 .c1:hover {color: #00395e}
.dyui-znav .ul-c1 {padding: 0 15px;}
.dyui-znav .ul-c1 .c2 {display: block; padding: 15px 0; line-height: 1.2; border-bottom: solid 1px #ddd}
.dyui-znav .ul-c1 .c2.active {color: #00395e;}
.dyui-znav .ul-c1 .c2:hover {color: #00395e;}
.dyui-znav .c3 {height: 34px; line-height: 34px; display: inline-block; padding-left: 30px;}


.diyunui-mainr .layui-card-header {padding: 0; background-color: #eeeeee;}
.diyunui-mainr .layui-card-header h3 {float: left; height: 42px; background: #343434; color: #fff; padding: 0 20px; font-size: 14px;}
.diyunui-mainr .layui-card-body {border: solid 1px #ddd; border-top: none;}
.diyunui-mainr .layui-card-body .show-content img {max-width: 100%;}
.diyunui-mainr .layui-card-body .show-content.page img {margin: 10px;}
.diyunui-mainr .layui-card-body .show-content {line-height: 200%; min-height: 400px;}


/*留言反馈*/
.page-form {margin: 30px 0;}
.layui-form .form-group {margin-bottom: 15px; clear: both;}
.layui-form .form-group .control-label {float: left; display: block; padding: 9px 15px; width: 80px; font-weight: 400; line-height: 20px; text-align: right;}
.layui-form .form-group .col-md-9 {margin-left: 110px; min-height: 36px;}
.layui-form .form-group input.form-control {height: 38px; line-height: 1.3; line-height: 38px\9; border: solid 1px #C9C9C9; border-radius: 2px; display: block; width: 100%; padding-left: 10px;}
.layui-form .form-group .layui-form-mid-code {padding: 0;float: left; display: block; line-height: 20px; margin-right: 10px;}
.layui-form .form-group textarea.form-control {min-height: 100px; height: auto; line-height: 20px; padding: 6px 10px; resize: vertical; border: solid 1px #D2D2D2;display: block; border-radius: 2px; background-color: #fff; width: 100%;}

.form-post table {border-left: solid 1px #eee; border-top: solid 1px #eee; width: 50%;}
.form-post table tr th {border-right: solid 1px #eee; border-bottom: solid 1px #eee; padding: 5px; background-color: #f5f5f5;}
.form-post table tr td {border-right: solid 1px #eee; border-bottom: solid 1px #eee; padding: 5px;}
.form-post button.btn {background-color: #009688; color: #fff; border: none; padding: 5px 10px; margin-top: 10px;}


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

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




/*分页*/
.pager {text-align: center;}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 5px 15px; margin: 15px 5px; border: #dddddd solid 1px; display: inline-block;}
.pager ul li a:hover {border: #f69e00 solid 1px}
.pager ul .active a {border: #f69e00 solid 1px; display: inline-block; background-color: #f69e00; color: #fff;}

/*产品详情*/
.show-tab .nav-tabs {border-bottom: 1px solid #00395e;}
.show-tab .nav-tabs .nav-link.active {background-color: #00395e; border-color: #00395e; color: #FFF}

/*商品轮播图*/
.show-product-image {}
.show-product-image .main-image {border: solid 1px #ddd}
.show-product-image .main-image .swiper-prev {display: flex; align-items: center; justify-content: center; width: 50px; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; cursor: pointer}
.show-product-image .main-image .swiper-next {display: flex; align-items: center; justify-content: center; width: 50px; height: 100%; position: absolute; right: 0; top: 0; z-index: 10; cursor: pointer}
.show-product-image .thumb-image {margin-top: 10px; display: flex; align-items: center; justify-content: space-between; position: relative}
.show-product-image .thumb-image .swiper-container {margin: 0 36px; flex: 1}
.show-product-image .thumb-image .swiper-slide img {border: solid 1px #ddd; cursor: pointer}
.show-product-image .thumb-image .swiper-slide.active img {border: 1px solid #FF5722;}
.show-product-image .thumb-image .swiper-prev {display: flex; align-items: center; justify-content: center; background: #eee; width: 28px; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; cursor: pointer}
.show-product-image .thumb-image .swiper-next {display: flex; align-items: center; justify-content: center; background: #eee; width: 28px; height: 100%; position: absolute; right: 0; top: 0; z-index: 10; cursor: pointer}
div.zoomDiv {z-index: 999; position: absolute; top: 0; left: 0; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; font-size: 0; }
div.zoomMask { position: absolute; background: url('../images/bg-mask.png') repeat scroll 0 0 transparent; cursor: move; z-index: 1; }


/* 表单 */
@media(min-width:768px) {
    .dyui-feedback .form-group {flex:0 0 50%; width: 50%;}
}
.dyui-feedback .form-group#dr_row_content {flex:0 0 100%; width: 100%;}
.dyui-feedback .control-label {display: none;}
.dyui-feedback .col-md-10 {width: 100%; position: relative}
.dyui-feedback .form-control {width: 100% !important; border:none; background-color: #F0F0F0; padding: 1rem 1rem 1rem 45px; position: relative}
.dyui-feedback .form-group .col-md-10::after {position: absolute; left: 15px; top: 12px; display: inline-block; color: #666; font-size: 20px;}
.dyui-feedback #dr_row_title .col-md-10::after {content: "\F4DA"; font-family: 'bootstrap-icons';}
.dyui-feedback #dr_row_email .col-md-10::after {content: '\F32C'; font-family: 'bootstrap-icons';}
.dyui-feedback #dr_row_phone .col-md-10::after {content: '\F5B7'; font-family: 'bootstrap-icons';}
.dyui-feedback #dr_row_address .col-md-10::after {content: '\F47E'; font-family: 'bootstrap-icons';}
.dyui-feedback #dr_row_content .col-md-10::after {content: '\F4C9'; font-family: 'bootstrap-icons';}
.dyui-feedback #dr_row_code .col-md-10::after {content: '\F4C9'; font-family: 'bootstrap-icons';}


/*sitemap*/
.sitemap {height: auto; overflow: hidden; margin: 30px;}
.sitemap dl {float: left; overflow: hidden; margin: 0 10px;}
.sitemap dl dt {background-color: #F6F6F6; height: 40px; line-height: 40px; width: 100%; padding: 0 10px; margin-bottom: 10px; font-weight: bold;}
.sitemap dl dd {line-height: 24px; padding: 0 10px;}

/*msg与404*/
.fc-msg-main { text-align: center}
.fc-msg-main .fc-msg-body {min-height: 400px}
.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}

/* 悬浮客服 */
#big_C {z-index: 9999}
#big_C #kfwx li p {padding: 8px 5px}
#big_C #kfdh {height: auto !important; text-align: left !important; padding: 10px; width: 140px !important; left: -162px !important;}

/* 新闻资讯版块优化 */
.dyui-news .home-news-body {margin-top: 20px;}
.dyui-news .dyui-news-list {align-items: flex-start;}
/* 左侧特色新闻卡片 */
.dyui-news .dyui-news-list .col-lg-5 .box {padding: 0; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 12px rgba(22, 46, 92, 0.08); transition: all .3s ease; border: 1px solid #f0f2f5;}
.dyui-news .dyui-news-list .col-lg-5 .box:hover {box-shadow: 0 6px 24px rgba(22, 46, 92, 0.15); transform: translateY(-3px);}
.dyui-news .dyui-news-list .col-lg-5 .box .t {font-size: 18px; font-weight: 600; color: #1a1a1a; padding: 16px 20px 0; line-height: 1.5; transition: color .25s; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 54px;}
.dyui-news .dyui-news-list .col-lg-5 .box:hover .t {color: #162e5c;}
.dyui-news .dyui-news-list .col-lg-5 .box .date {padding: 6px 20px 0; font-size: 12px; color: #999; letter-spacing: .5px;}
.dyui-news .dyui-news-list .col-lg-5 .box .desc {padding: 0 20px; font-size: 13px; line-height: 1.8; color: #666;}
.dyui-news .dyui-news-list .col-lg-5 .box .thumb {margin: 16px 0 0; border-radius: 0;}
.dyui-news .dyui-news-list .col-lg-5 .box .thumb img {width: 100%; aspect-ratio: 16/10; object-fit: cover; transition: transform .5s ease;}
.dyui-news .dyui-news-list .col-lg-5 .box:hover .thumb img {transform: scale(1.06);}
/* 右侧新闻列表 */
.dyui-news .dyui-news-list .col-lg-7 {padding-left: 40px !important;}
.dyui-news .dyui-news-list .col-lg-7 ul {list-style: none; padding: 0; margin: 0;}
.dyui-news .dyui-news-list .col-lg-7 ul li {position: relative;}
.dyui-news .dyui-news-list .col-lg-7 ul li .box {position: relative; padding: 18px 0; border-bottom: 1px solid #f0f2f5; transition: all .25s ease;}
.dyui-news .dyui-news-list .col-lg-7 ul li:last-child .box {border-bottom: none;}
.dyui-news .dyui-news-list .col-lg-7 ul li .box::before {content: ''; position: absolute; left: -14px; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: #c5cdd8; transition: all .25s ease;}
.dyui-news .dyui-news-list .col-lg-7 ul li:hover .box::before {background: #162e5c; box-shadow: 0 0 0 4px rgba(22, 46, 92, 0.1);}
.dyui-news .dyui-news-list .col-lg-7 ul li .box .t {font-size: 16px; font-weight: 500; color: #1a1a1a; transition: color .25s; line-height: 1.6;}
.dyui-news .dyui-news-list .col-lg-7 ul li:hover .box .t {color: #162e5c;}
.dyui-news .dyui-news-list .col-lg-7 ul li .box .date {font-size: 12px; color: #aaa; letter-spacing: .3px;}
.dyui-news .dyui-news-list .col-lg-7 ul li .box .desc {font-size: 13px; line-height: 1.8; color: #777;}
/* 分类标签样式 */
.dyui-news .dyui-main-header .d-none a {color: #666; font-size: 14px; transition: color .25s;}
.dyui-news .dyui-main-header .d-none a:hover {color: #162e5c;}
/* 新闻版块响应式 */
@media (max-width: 991px) {
	.dyui-news .dyui-news-list .col-lg-7 {padding-left: 0 !important; margin-top: 30px;}
	.dyui-news .dyui-news-list .col-lg-7 ul li .box {padding-left: 14px;}
	.dyui-news .dyui-news-list .col-lg-7 ul li .box::before {left: 0;}
}
/* 合作客户版块 */
.dyui-partner {padding: 40px 0; background: #f5f5f5;}
.dyui-partner .dyui-main-header {padding-bottom: 30px;}
.dyui-partner .dyui-main-header .header-title legend {background-color: #f5f5f5; color: #333; border-color: #ddd;}
.dyui-partner .dyui-main-header .header-title:before {background-color: #333;}
.dyui-partner .partner-list {list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; justify-content: center;}
.dyui-partner .partner-list li {flex: 0 0 calc(25% - 12px); max-width: calc(25% - 12px); background: #fff; border-radius: 8px; padding: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); transition: all .3s ease; border: 1px solid #eee; box-sizing: border-box;}
.dyui-partner .partner-list li:hover {box-shadow: 0 6px 20px rgba(22, 46, 92, 0.1); transform: translateY(-3px); border-color: #d8dee8;}
.dyui-partner .partner-list li a {display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none;}
.dyui-partner .partner-list li img {max-width: 100%; max-height: 60px; object-fit: contain; filter: grayscale(30%); opacity: 0.85; transition: all .3s ease;}
.dyui-partner .partner-list li:hover img {filter: grayscale(0); opacity: 1;}
.dyui-partner .partner-list li span {margin-top: 10px; font-size: 13px; color: #666; transition: color .25s;}
.dyui-partner .partner-list li a:hover span {color: #162e5c;}
/* 响应式 */
@media (max-width: 991px) {
	.dyui-partner {padding: 30px 0;}
	.dyui-partner .partner-list {gap: 12px;}
	.dyui-partner .partner-list li {flex: 0 0 calc(33.33% - 8px); max-width: calc(33.33% - 8px); padding: 15px;}
}
@media (max-width: 575px) {
	.dyui-partner .partner-list li {flex: 0 0 calc(50% - 6px); max-width: calc(50% - 6px);}
}
/* 栏目页合作客户Logo网格 */
.dyui-main-box .dyui-partner-grid {list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 16px;}
.dyui-main-box .dyui-partner-grid li {flex: 0 0 calc(25% - 12px); max-width: calc(25% - 12px); box-sizing: border-box;}
.dyui-main-box .dyui-partner-grid li a {display: block; background: #fff; border: 1px solid #eee; border-radius: 8px; padding: 20px; text-align: center; text-decoration: none; transition: all .3s ease;}
.dyui-main-box .dyui-partner-grid li a:hover {box-shadow: 0 6px 20px rgba(22, 46, 92, 0.1); transform: translateY(-3px); border-color: #162e5c;}
.dyui-main-box .dyui-partner-grid li img {max-width: 100%; max-height: 80px; object-fit: contain; filter: grayscale(40%); opacity: 0.85; transition: all .3s ease;}
.dyui-main-box .dyui-partner-grid li a:hover img {filter: grayscale(0); opacity: 1;}
.dyui-main-box .dyui-partner-grid li .partner-name {margin-top: 12px; font-size: 13px; color: #666; transition: color .25s;}
.dyui-main-box .dyui-partner-grid li a:hover .partner-name {color: #162e5c;}
@media (max-width: 991px) {
	.dyui-main-box .dyui-partner-grid {gap: 12px;}
	.dyui-main-box .dyui-partner-grid li {flex: 0 0 calc(33.33% - 8px); max-width: calc(33.33% - 8px);}
}
@media (max-width: 575px) {
	.dyui-main-box .dyui-partner-grid li {flex: 0 0 calc(50% - 6px); max-width: calc(50% - 6px);}
}



 
/*优势*/
.dyui-youshi {background: #fff;}
.dyui-youshi .dyui-main-header {text-align: center; padding: 10px 0 30px; background: none; line-height: normal; height: auto;}
.dyui-youshi .dyui-main-header h3 {font-size: 32px; font-weight: 600; color: #1a1a1a;}
.dyui-youshi .dyui-main-header h3 b {color: #162e5c; font-weight: 600;}
.dyui-youshi .dyui-main-body ul {list-style: none; padding: 0; margin: 0;}
.dyui-youshi .dyui-main-body ul li {display: flex; align-items: flex-start; padding: 20px 0;}
.dyui-youshi .dyui-main-body ul li .tb {flex-shrink: 0; float: none; font-size: 28px; font-weight: 700; color: #fff; width: 50px; height: 50px; line-height: 48px; text-align: center; background: #162e5c; border-radius: 50%; margin-right: 18px;}
.dyui-youshi .dyui-main-body ul li .text {height: auto; padding-left: 0; flex: 1;}
.dyui-youshi .dyui-main-body ul li .text .title {font-size: 20px; color: #1a1a1a; font-weight: 600; margin-bottom: 4px;}
.dyui-youshi .dyui-main-body ul li .text .en {font-size: 12px; color: #b0b5bd; letter-spacing: 1px; padding: 0 0 8px;}
.dyui-youshi .dyui-main-body ul li .text p {font-size: 14px; line-height: 1.8; color: #666; margin: 0;}
.dyui-youshi .col-lg-6>div {padding: 10px;}
.dyui-youshi img {max-width: 80%;}
@media (max-width: 991px) {
	.dyui-youshi .dyui-main-header h3 {font-size: 26px;}
	.dyui-youshi .dyui-main-body ul li .tb {width: 42px; height: 42px; line-height: 40px; font-size: 22px; margin-right: 14px;}
	.dyui-youshi .dyui-main-body ul li .text .title {font-size: 17px;}
	.dyui-youshi .dyui-main-body ul li .text p {font-size: 13px;}
    .dyui-youshi img {max-width: 100%;}
}



/*Phone手机*/
@media(max-width:767px) {

    .header-top .top-menu {width: 100%}
    .dyui-header {height: 46px; background-color: #fff; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); }
    .dyui-header .navbar {padding: 2px 0 0 0;}
    .dyui-header .navbar .navbar-brand {padding: 0}
    .dyui-header .navbar .navbar-brand img {max-width: 100%; height: 30px; display: block; padding-left: 10px}
    .dyui-header .navbar .navbar-toggler {color: #333}
    .dyui-header .navbar .navbar-toggler i {font-size: 28px;}

    /*导航开始*/
    .dyui-header .dyui-container {padding-left: 0; padding-right: 0;}
    .dyui-header .navbar-collapse {background-color: #fff; padding: 10px; margin-top: 2px; box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
    .dyui-header nav .navbar-nav .nav-item {white-space: nowrap}
    .dyui-header .dyui-nav li a.c1 {display: block; height: 40px; line-height: 40px}
    .dyui-header nav .navbar-nav .nav-link {line-height: 30px}
    .nav>li>.dropdown-menu {background-color: #f5f5f5; border: none}

    .dyui-header .btn-search {border: solid 1px #fff; padding: 0 10px; line-height: 40px}
    .dyui-header .search-collapse {padding: 20px 10px}

    .dyui-header .language {display: inline-block; align-self: center; padding: 0;}
    .dyui-header .language .dropdown-toggle {font-size: 13px; padding: 2px 8px; line-height: 34px;}
    .dyui-header .language .dropdown-menu {min-width: 80px;}

	/*首页公司简介 移动端*/
	.dyui-about {padding: 15px 0 50px; }
    .dyui-about .dyui-main-header {padding-bottom: 0;}
	.dyui-about .dyui-main-header .header-title legend {background-color: #f5f5f5; color: #333; border-color: #ddd;}
	.dyui-about .dyui-main-header .header-title:before {background-color: #333;}
	.dyui-about .about-text {width: auto; padding: 15px; color: #333;}
	.dyui-about .about-text .gsmc {color: #162e5c;}
	.dyui-about .about-text h4 {color: #162e5c;}
    .dyui-about .about-text .desc {padding-top: 0;}
	.dyui-about::after {border-top-color: #f5f5f5;}
	.dyui-about .about-more .dyui-home-btn-light {background-color: #162e5c; color: #FFFFFF; border-color: #162e5c;}

    /* 悬浮客服 */
    #sidekefu li .li-box {min-width: 30px !important;}
    #sidekefu li .li-box .icon {height: 20px !important; line-height: 20px !important;}
    #sidekefu li .li-box .t {display: none !important;}
    #sidekefu li i {font-size: 18px !important;}
    #sidekefu li .li-box .li-body {right: 40px !important;}

}