body {font-size: 14px}
a:hover {color: #e32031}

.hover-opacity {transition: opacity 0.7s;}
.hover-opacity:hover {opacity: 0.7}

.hover-text-primary:hover {color: #133f90 !important;}

.btn-outline-primary {border-color: #133f90; color: #133f90}
.btn-primary {border-color: #133f90; background-color: #133f90}
.btn-primary:hover {border-color: #003169; background-color: #133f90}
.border-primary {border-color: #133f90 !important;}

/* 通用头部 */
.dyui-header {position: relative; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); z-index: 9; background-color: #133f90}
.dyui-header .navbar-nav {padding: 0;}
.dyui-header .navbar-nav li a.c1 {font-size: 15px; display: block; color: #fff}
.dyui-header .navbar-nav li a.c1:hover {color: #FFF; background-color: #002e65}
.dyui-header .navbar-nav li.active a.c1 {color: #FFF; background-color: #002e65}

.dyui-header .navbar-brand img {height: 40px; filter: grayscale(100%) brightness(500%);}
.dyui-header .form-inline .form-control {border-radius: 3px 0 0 3px; border: none}
.dyui-header .form-inline .btn {border: solid 1px #98C30F; border-radius: 0 3px 3px 0; background-color: #98C30F; color: #fff}
.dyui-header-line {height: 48px}
@media(min-width:1200px) {
    .dyui-header .navbar-nav li a.c1 {line-height: 66px}
}

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

    /*导航开始*/
    .dyui-header {background-color: #133f90; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 999}
    .dyui-header .dyui-container {padding: 0;}
    .dyui-header .navbar {padding: 2px 0 0 0;}
    .navbar-brand {padding: 0}
    .dyui-header .logo {max-width: 100%; height: 32px; display: block; padding-left: 10px}
    .dyui-header .navbar-toggler {color: #FFF}
    .dyui-header .navbar-toggler i {font-size: 30px;}
    .dyui-header .navbar-collapse {background-color: #133f90; margin-top: 10px; padding: 0;}
    /* .dyui-header .navbar-nav .nav-item {white-space: nowrap} */
    .dyui-header .navbar-nav li.nav-item {border-bottom: solid 1px #0f3479}
    .dyui-header .navbar-nav li a.c1 {display: flex; align-items: center; padding: 10px 15px}
    .dyui-header .navbar-nav li .dropdown-toggle::after {margin-left: auto}
    .dyui-header .navbar-nav li.active a.c1 {color: #FFF;}

}


.dyui-main-header h3 {line-height: 34px; padding: 0 10px 10px; font-size: 28px; color: #000; position: relative; z-index: 9; display: inline-block;}
.dyui-main-header h3:after{content: ''; display: block; background-color: #133f90; position: absolute; left: -60px; bottom: 22px; width: 60px; height: 1px;}
.dyui-main-header h3::before{content: ''; display: block; background-color: #133f90; position: absolute; right: -60px; bottom: 22px; width: 60px; height: 1px;}



/* 公司简介 */
.dyui-about {background: url('../images/about_bg.jpg');}



.nav-pills .nav-link {background-color: #FFF; border-radius: 0}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: #133f90}



/*栏目Banner*/
.cat-banner {width: 100%; height: 300px; background-size: cover; background-position:  center top; background-color: #000; position: relative}
.cat-banner:after {display: block; content: ''; width: 100%; height: 100%; background-color: rgba(0, 25, 55,0.5); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1}
.cat-banner .dyui-container {height: 100%; display: flex; align-items: center; position: relative; z-index: 2}
.cat-banner .t {font-size: 40px; font-weight: bold}
@media(max-width:767px) {
    .cat-banner {height: 150px; text-align: center}
    .cat-banner .dyui-container {justify-content: center}
    .cat-banner .t {font-size: 20px; font-weight: bold}
}


.dyui-znav {box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.04);}
.dyui-znav ul {flex-wrap: wrap;}
.dyui-znav ul li a {display: block; padding: 15px 0; font-size: 16px}
.dyui-znav ul li a.active {color: #133f90; border-bottom: solid 2px #133f90}
.dyui-znav ul li a:hover {color: #133f90; border-bottom: solid 2px #133f90}



/*产品详情*/
.show-product-thumb .carousel-inner {border: solid 1px #ccc}
.show-product-thumb .carousel {padding-bottom: 100px;}
.show-product-main .carousel-inner .carousel-control-next:hover i,
.show-product-main .carousel-inner .carousel-control-prev:hover i {background-color: rgba(0,0,0,0.1); font-size: 30px; padding: 20px 10px; display: inline-block}
.show-product-thumb .carousel-indicators {margin: 0}
.show-product-thumb .carousel-indicators li {width: 80px; height: 80px; text-indent: 0; border: solid 1px #ddd}
.show-product-thumb .carousel-indicators li img {width: 100%; height: 100%}
.show-product-thumb .carousel-indicators .active {background-color: #EEA888; border: 1px solid #FF6600;}
.show-product-thumb .carousel-indicators .carousel-control-next,
.show-product-thumb .carousel-indicators .carousel-control-prev {border: solid 1px #ccc; width: 40px}
.show-product-thumb .carousel-indicators .carousel-control-next i,
.show-product-thumb .carousel-indicators .carousel-control-prev i {color: #666; font-size: 30px}

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




/*详情*/
.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%;}


/* 联系方式 */
.contact-list li .thumb i {width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; background-color: #133f90; color: #fff; font-size: 30px; padding: 10px; box-sizing: content-box;}

/* 表单 */
@media(min-width:768px) {
    /* .dyui-feedback .fc-form-body {display: flex; flex-wrap: wrap;} */
    .dyui-feedback .form-group {flex:0 0 50%; width: 50%; margin-bottom: 0;}
}
.dyui-feedback .form-group#dr_row_content {flex:0 0 100%; width: 100%;}
.dyui-feedback .control-label {display: none;}
.dyui-feedback .form-control {width: 100% !important;}
.dyui-feedback .col-md-10 {width: 100%;}


/*Footer*/
.dyui-footer {background-color: #133f90; color: #fff;}
.dyui-footer a {color: #fff;}
.dyui-footer .f-logo {max-width: 360px}
.dyui-footer .logo {height: 50px}
.f-nav dd a {font-size: 14px; margin-right: 10px; color: #6b8092;}
.dyui-footer .copyright {text-align: center; font-size: 16px; color: #FFF; background-color: #093480; }
.dyui-footer .copyright a:hover {color: #e32031;}


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

}

/*移动端底部*/
.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);}
.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: #f55b2e; 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; width: auto; 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: #133f90}
.dyui-footer-nav ul li.add a.c1 i {font-size: 50px; margin-top: -15px; color: #ff5758}
.dyui-footer-nav ul li.add a.c1 span {display: none}
.dyui-footer-nav .dropdown-menu {min-width: 8rem}