body {font-size: 14px}
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);}

.text-info {color: #3175C6 !important}
.bg-light {background-color: #f5f5f5 !important}
.bg-info {background-color: #3175C6 !important}
.bg-primary {background-color: #3175C6 !important}
.btn-info {background-color: #3175C6 !important; border-color: #3175C6 !important; color: #fff}
.border-info {border-color: #3175C6 !important;}
.btn-primary {color: #FFF; background-color: #3175C6;border-color: #3175C6;}
.btn-primary:hover {background-color: #246dc5 !important; color: #FFF !important;}
.btn-outline-primary {border-color: #3175C6 !important; color: #3175C6 !important;}
.btn-outline-primary:hover {background-color: #3175C6 !important; color: #FFF !important;}


/* 通用头部 */
.dyui-header:not(.bg-white) .logo {filter: brightness(0) invert(1);}
.dyui-header a.c1 {color: #FFF !important; }
.dyui-header ul li a.c1:hover {color: #3175C6}
.dyui-header ul li.active a.c1 {color: #3175C6;}
.dyui-header.bg-white {box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); z-index: 9}
.dyui-header.bg-white a.c1 {color: #333 !important; }
.dyui-header .dyui-nav li.open a.c1 {color: #E2191A}
@media (min-width:768px) {
    .dyui-nav>li>.dropdown-menu {opacity: 1; display: none; margin: 0}
    .dyui-nav li.open .dropdown-menu {display: block;}
}

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


@media (max-width:769px) {
    .dyui-header {background-color: #fff}
    .dyui-header .navbar-brand {padding: 0;}
    .dyui-header .logo {filter: initial !important; height: 34px;}
    .dyui-header a.c1 {color: #333 !important; }

    .dyui-header-line {height: 50px}

}


/*导航结束*/


#banner .carousel-caption {top: 0; bottom: 0; left: 0; right: 0; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: start;}
#banner .carousel-caption  .dyui-container {margin: 0 auto !important;}
@media (max-width:769px) {
    #banner .carousel-caption {width: 100%}
}



.dyui-about {background: url("../images/about-bg.jpg") repeat-x center bottom; background-size: cover;}
.dyui-about ul li .box {position: relative}
.dyui-about ul li .number_scroll {font-weight: bold; font-size: 30px; color: #3175C6}


/*首页产品*/
.dyui-product {background: url("../images/bg3.jpg") no-repeat center top; overflow: hidden; background-size: cover;}
.dyui-product .dyui-main-body {padding: 20px 0}
.dyui-product .product-list {margin-top: 20px;}

.product-tree {text-align: center; width: 100%; margin-bottom: 10px}
.product-tree ul {display: flex; margin-left: -10px; margin-right: -10px}
.product-tree ul li {flex: 1; padding: 10px}
.product-tree ul li a {background-color: #efefef; display: block; padding-top: 10px; padding-bottom: 10px; border-radius: 5px}
.product-tree ul li a:hover {background-color: #ff9d3c; color: #fff}

.dyui-swiper .swiper-button-prev,
.dyui-swiper .swiper-button-next {color: #fff; background-color: #396faf; width: 40px; height: 40px; border-radius: 100px}
.dyui-swiper .swiper-button-prev:hover,
.dyui-swiper .swiper-button-next:hover {opacity: 0.8}
.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-anli {padding: 30px 0; background-color: #F7F7F7; overflow: hidden}
.dyui-anli .dyui-main-body {overflow: hidden; position: relative}
.dyui-anli  .swiper-button-next:after,
.dyui-anli  .swiper-button-prev:after {color: #fff}

.dyui-zs-list li img {width: 100%}
.dyui-zs-list li .t {margin-top: 10px}

.dyui-news-item .thumb {max-height: 200px; overflow: hidden}



/*栏目Banner*/
.cat-banner {width: 100%; height: 300px;}
.cat-banner img {width: 100%}
.cat-banner h3 {color: #fff}
.cat-banner .dyui-container {height: 100%; display: flex; align-items: center}
@media(max-width:767px) {
    .cat-banner {height: 100px; display: none}
}

/*栏目简介*/
.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-color: #3175C6; overflow: hidden; color: #FFF;}
.dyui-footer a {color: #FFF}
.dyui-footer a:hover {color: #FFF}
.dyui-footer .border-right {border-color: #394151 !important;}
.dyui-footer .dyui-foot {display: flex; padding-top: 10px; padding-bottom: 10px}


.dyui-footer .copyright {background-color: #286ab8;}

.dyui-footer .f-form label {margin-bottom: 0;}
.dyui-footer .f-form .control-label {display: none}
.dyui-footer .f-form .col-md-10 {flex: 0 0 100%; max-width: 100%}
.dyui-footer .f-form .form-control {background-color: #b0d1f9; border: none; color: #9da3af}
.dyui-footer .f-form .fc-code {background-color: #fff}
.dyui-footer .f-form .btn {border-radius: 0;}


.iso-list li {border-bottom: solid 1px #ddd; padding: 15px 0; overflow: hidden}
.iso-list li .thumb {text-align: center}
.iso-list li .thumb img {border: solid 1px #ddd}
.iso-list li .t {font-size: 16px; font-weight: bold; line-height: 120%}

/*子栏目*/
.dyui-znav {}
.dyui-znav .znav-header {}
.dyui-znav .znav-body {padding: 0; }
.dyui-znav .li_c1 {margin-bottom: 1px; 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 .c2 {height: 34px; line-hight: 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;}


/*侧边联系方式*/
.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 {}




/*图片列表*/
.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}

/*文章列表*/
.dyui-thumb-list li {position: relative; padding-top: 5px; padding-bottom: 5px}
.dyui-thumb-list li .box {overflow: hidden; background-color: #fff;}
.dyui-thumb-list li .thumb {width: 100%;}
.dyui-thumb-list li .thumb img {width: 100%}
.dyui-thumb-list li .date {flex: 0 0 90px; margin-right: 10px; background-color: #999; color: #fff; text-align: center; display: flex; flex-direction: column;align-items: center;justify-content: center;}
.dyui-thumb-list li .date b {display: block; line-height: 25px; font-size: 22px; color: #fff; margin-top: 5px; display: flex;align-items: center}
.dyui-thumb-list li .date em {display: block; line-height: 25px; font-size: 14px; font-style: normal;}
.dyui-thumb-list li .info {flex: 1; overflow: hidden}
.dyui-thumb-list li .info .t {height: 26px; line-height: 26px; overflow: hidden; font-size: 16px; font-weight: bold}
.dyui-thumb-list li .info .time {color: #999; font-size: 14px;}
.dyui-thumb-list li .info .desc {height: 36px; line-height: 18px; overflow: hidden; color: #999; font-size: 14px;}
.dyui-thumb-list li:hover .date {background-color: #EEAA59; color: #fff;}
.dyui-thumb-list li:hover .t {color: #EEAA59;}



/*文章列表*/
.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; border-right: solid 2px #ddd}
.news-datelist li .date b {display: block; line-height: 25px; font-size: 32px; color: #337afd; display: flex;align-items: center; margin-top: 8px}
.news-datelist li .date em {display: block; line-height: 25px; font-size: 16px; color: #337afd; font-style: normal; margin-top: 4px}
.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 .t {color: #337afd}

@media(max-width:767px) {
    .dyui-news-list li .box .thumb {width: 30%; overflow: hidden}
    .dyui-news-list li .box .info {padding-top: 0 !important;}
}


/*招聘列表*/
.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: #337afd}
.dyui-zhaopin-list li:hover .t {color: #337afd;}
@media(max-width:767px) {
    .dyui-zhaopin-list li .thumb {flex: 0 0 100px; width: 100px;}
}

/*分页*/
.dyui-pages {}


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

.show-tab .nav-tabs .nav-link {border-radius: 0}
.show-tab .nav-tabs .nav-link.active  {color: #40b7ce; background-color: #fff; border-color: #40b7ce #dddd #fff;}

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

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

/*产品详情*/


/*商品轮播图*/
.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;}
.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; }

/* 详情页功能按钮 */
.show-btn .icon-btn {text-align: center; border: solid 1px #eee; margin: 5px; padding: 10px; display: block; border-radius: 5px}
.show-btn .icon-btn:hover {border: solid 1px #3175C6;}

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

.show-product-info .spmsxx .control-label {min-width: 60px; width: 60px; text-align: right}
.show-product-info .bootstrap-touchspin .btn {border-radius: 0;}
.show-product-info .bootstrap-touchspin .form-control {width: 50px; text-align: center}


.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-flex .form-group {display: flex; margin-bottom: 20px}
.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 .form-control {width: 300px}
}
.dyui-form .btn i {margin-right: 10px}
@media(max-width:768px) {
    .dyui-form-flex .form-group .control-label {width: 96px}
    .dyui-form-flex .form-group .col-md-10 {width: 100%}
}

/*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-nav {background-color: #3d4bb7; height: 46px; border-top: solid 1px #29369b; color: #fff}
.dyui-footer-nav ul {display: flex}
.dyui-footer-nav ul li {text-align: center; flex: 1;}
.dyui-footer-nav ul li a.c1 {height: 46px; line-height: 46px; color: #fff; display: block; padding-top: 3px}
.dyui-footer-nav ul li a.c1 i {display: block; height: 20px; line-height: 20px}
.dyui-footer-nav ul li a.c1 span {display: block; height: 20px; line-height: 20px}
.dyui-footer-nav .dropdown-menu {min-width: 8rem}

/* 在线客服 */
#sidekefu li.kf-cart .li-box a {display: block; position: relative}
#sidekefu li.kf-cart .li-box a .nums {background-color: #f55b2e; color: #fff; position: absolute; right: 0; top: -5px; z-index: 9; border-radius: 100px !important; font-size: 12px; line-height: 18px; min-width: 18px; text-align: center}
#sidekefu li.kf-cart .li-box a:hover .nums {background-color: #FFF; color: #f55b2e;}