body {font-size: 14px}
a:hover {color: #871915}
.fs-13 {font-size: 13px}
@media (min-width: 992px){
    body {min-width: 1200px}
    .container,
    .dyui-container {width: 1200px; max-width: 1200px}
}
@media (min-width: 1200px){
    .container,
    .dyui-container {padding-left: 0; padding-right: 0;}
}
@media(min-width:1320px) {
    .container,
    .dyui-container {min-width: 1200px}
}

.text-success {color: #871915 !important;}
.text-primary {color: #871915 !important;}

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

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

.btn-outline-primary {border-color: #871915; color: #871915}
.btn-primary {border-color: #871915; background-color: #871915}
.btn-primary:hover {border-color: #871915; background-color: #871915}
.btn-outline-danger {border-color: #871915; color: #871915}

.border-primary {border-color: #871915 !important;}
.bg-light {background-color: #f4f4f4 !important;}
.bg-success {background-color: #871915 !important;}
.bg-danger {background-color: #871915 !important;}

.border-danger {border-color: #871915 !important}

/*通用头部开始DIYUNWL*/
.dyui-header {position: relative; box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1); z-index: 9}
.dyui-header .logo {height: 70px}
.dyui-header .navbar-collapse {background-color: #871915; height: 66px; line-height: 66px}
.dyui-header .dyui-nav {padding: 0; height: 66px}
.dyui-header .dyui-nav li {}
.dyui-header .dyui-nav li a.c1 {color: #FFF; padding: 0 20px; font-size: 20px;}
.dyui-header .dyui-nav li a.c1:hover {background-color: #9C1C18; color: #FFF;}
.dyui-header .dyui-nav li.active a.c1 {background-color: #9C1C18;}
.dyui-header .dyui-nav li.active a.c1 i {color: #fff}
.dyui-header .dyui-nav li .dropdown-toggle::after {content: ''; position: absolute; right: 5px; top: 28px; width: 8px; height: 8px; margin-top: -2px; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg); display: none}
.dyui-header .dyui-nav li.active .dropdown-toggle::after {border-color: #fff}

.dyui-header .btn-language .dropdown-menu {width: 300px;}

.dyui-header .btn-outline-secondary:focus {box-shadow: none;}

@media (min-width:768px) {

    .dyui-nav>li>.dropdown-menu {opacity: 1; display: none; margin: 0; border-radius: 0 0 3px 3px; border-color: #fff}
    .dyui-nav li.open .dropdown-menu {display: block; background-color: #871915; border-color: #871915;min-width: 120px}


    .dyui-header .dyui-nav li.li-2 {position: relative; }
    .dyui-header .dyui-nav li.li-2 a.c2 {padding: 12px 0; color: #fff; text-align: center}
    .dyui-header .dyui-nav li.li-2 a.c2:hover {background-color: #871915}
    .dyui-header .dyui-nav li .ul-3 {position: absolute; left: 157px; top: 0; display: none}
    .dyui-header .dyui-nav li.li-2.open .ul-3 {display: block}
    .dyui-header .dyui-nav li.li-2.open a.c2 {background-color: #eeeeee}

}


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

/*iPad Pro*/
@media (min-width:768px) and (max-width:1024px){

    .dyui-header .dyui-nav {flex-wrap: wrap; padding-left: 10px; padding-right: 10px;}
    .dyui-header .dyui-nav li a.c1 {padding-left: 10px; padding-right: 10px;}
    .dyui-header .dyui-nav li .dropdown-toggle::after {right: 0}

}


.dyui-main-header  h3 {line-height: 34px; padding: 0 0 20px 0; font-size: 28px; color: #000; position: relative; z-index: 9; display: inline-block;}
.dyui-main-header  h3:before{content: ''; display: block; width: 3px; height: 28px; background-color: #871915; position: absolute; left: 49%; bottom: 0;}



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

.banner-container {position:relative}
.banner-item {background-color: rgba(0,0,0,0.5); position: absolute; left: 0; right: 0; bottom: 0}
.banner-item ul li .thumb {background-color: rgba(135, 25, 21,0.8); padding: 15px; border-radius: 100px; width: 70px; height: 70px; text-align: center; flex-shrink: 0}
.banner-item ul li .thumb i {font-size: 30px;}
.banner-item ul li .thumb img {width: 40px; height: 40px}
.banner-item ul li:hover .thumb {background-color: rgba(135, 25, 21,1);}
@media(max-width:767px) {
    .banner-container {position:initial}
 .banner-item {position: initial}
}


.dyui-about {position: relative;}
.dyui-about .dyui-main-header h3:after{content: ''; display: block; width: 40%; height: 3px; background-color: #871915; position: absolute; left: 0; bottom: 0;}
.dyui-about .dyui-main-header h3:before {display: none}
.dyui-about .dyui-container {background-color: #fff;}
.dyui-about .about-thumb {background-color: #871915; padding: 5px 5px 20px; border-radius: 10px;}
.dyui-about .about-thumb img {margin-left: -15px; margin-top: -30px}


.dyui-teshi ul li a:hover {background-color: #632422 !important;}



.dyui-product {background: url("../images/bg2.jpg") no-repeat center top; background-size: cover}
.dyui-product .dyui-main-header  h3:before {background-color: #fff;}

@media(max-width:767px) {
    .dyui-liucheng-list li img {
        height: 46px;
    }
}

/*栏目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.1); 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}
.cat-banner .bann-caption {display: none}
@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}
}


.zy-banner {height: 430px; background-size: cover; background-position: center top;}
@media(max-width:767px) {
    .zy-banner {height: 140px; background-position: center top;}
}

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



/*子栏目*/
.dyui-left-znav {border-right: #CCCCCC 1px solid; padding-right: 40px;}
.dyui-left-znav .znav-header {background-color: #E9E9E9; padding: 15px 20px}
.dyui-left-znav .znav-header h3 {color: #364bb8; font-size: 26px; margin: 0}
.dyui-left-znav .znav-body {padding: 0;}
.dyui-left-znav .li_c1 {margin-bottom: 15px; position: relative; text-align: center}
.dyui-left-znav .c1 {height: 44px; line-height: 44px; display: inline-block; width: 100%; background-color: #fff; padding: 0 20px; border-radius: 20px 0px 20px 0px}
.dyui-left-znav .c1 i {float: right}
.dyui-left-znav .btn {height: 44px; line-height: 34px; position: absolute; right: 0;}
.dyui-left-znav .c1.active {background-color: #e6e8e7; color: #333}
.dyui-left-znav .c1:hover {background-color: #e6e8e7; color: #333}
.dyui-left-znav .c2 {height: 34px; line-hight: 34px; display: inline-block}
.dyui-left-znav .c3 {height: 34px; line-height: 34px; display: inline-block}
.dyui-left-znav .ul-c1 {padding-left: 14px; padding-top: 10px;}

@media(max-width:767px) {
    .dyui-left-znav {border: none; padding-right: 0; padding-bottom: 10px; border-bottom: solid 1px #ddd; margin-bottom: 20px}
}


.dyui-news-list li a:hover .t {font-weight: bold}

.dyui-youshi-list li .t {font-size: 20px}
@media(max-width:767px) {
.dyui-youshi-list li {display: flex; margin-bottom: 20px}
.dyui-youshi-list li .thumb {flex-shrink: 0}
.dyui-youshi-list li .t {font-size: 16px}
.dyui-youshi-list li .info {text-align: left; padding-left: 15px; padding-top: 10px}
}


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


/* 报名表单 */
.baoming-form {}

.baoming-form .form-group:not(.col-lg-12) {display: flex; align-items: center; margin-bottom: 30px; flex: 0 0 50%}
.baoming-form .form-group .control-label {width: 35%}
.baoming-form .form-group .control-label .required {color: #f00}
.baoming-form .form-group .col-md-10 {width: 65%}
.baoming-form .form-group .date {display: flex; align-items: center; flex-wrap: nowrap !important;}
.baoming-form .form-group .date .form-control  {flex-shrink: 1}
.baoming-form .form-group .date .input-group-btn {flex-shrink: 0}

@media(min-width:768px) {
.baoming-form .form-group.col-lg-12 .control-label {width: 202px}
.baoming-form .form-group.col-lg-12 .col-md-10 {width: 100%; flex: 1}
}

/* 查询 */
.baoming-form-search .form-group {border: solid 3px #871915}

/* 缴费确认 */
.baoming-form .form-confirm {}
.baoming-form .form-confirm .form-group {display: flex; align-items: center; margin-top: 20px;}
.baoming-form .form-confirm .form-group .control-label {padding: 8px 15px; background-color: #871915; color: #fff; border: solid 2px #871915}
.baoming-form .form-confirm .form-group .col-md-10 {background-color: #fff; padding: 8px 15px; border: solid 2px #871915}
.baoming-form .form-confirm .form-group .form-check-input:checked {border-color: #871915; background-color: #871915}

@media(max-width:767px) {

    .baoming-form .form-group {flex: 0 0 100%}
    .baoming-form .form-group:not(.col-lg-12) {flex: 0 0 100%;}
    .baoming-form .form-group .form-check-label {}

    .baoming-form .form-confirm .form-group .control-label {flex-shrink: 0; width: 142px}
    .baoming-form .form-confirm .form-group .col-md-10 {width: 100%}

}


/* 联系方式 */
.contact-list li .thumb i {width: 50px; height: 50px; line-height: 50px; text-align: center; display: block; background-color: #871915; 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: #871915; color: #fff;}
.dyui-footer .foot {border-bottom: #710d09 1px solid;}
.dyui-footer a {color: #fff;}
.dyui-footer a:hover {color: #871915;}
.dyui-footer .f-logo {max-width: 360px}
.dyui-footer .logo {height: 50px}
.dyui-footer .copyright {border-top: #961b17 1px solid;}
.dyui-footer .copyright a:hover {color: #871915;}
@media(max-width:768px) {
    .dyui-footer .copyright {text-align: center}
}

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

}

/*移动端底部*/
.dyui-footer-line {height: 60px;}
.dyui-footer-nav {background-color: #871915; height: 60px; border-top: solid 1px #871915; box-shadow: 0 0 8px 1px rgb(0, 0, 0, 0.10);}
.dyui-footer-nav ul {display: flex; border: none}
.dyui-footer-nav ul li {text-align: center; flex: 1;}
.dyui-footer-nav ul li a.c1 {height: 60px; line-height: 50px; color: #FFF; display: block; padding-top: 10px; position: relative}
.dyui-footer-nav ul li a.c1 i {display: block; height: 20px; line-height: 20px; width: auto; font-size: 20px}
.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: #FFF}
.dyui-footer-nav ul li.add a.c1 i {font-size: 50px; margin-top: -15px; color: #FFF}
.dyui-footer-nav ul li.add a.c1 span {display: none}
.dyui-footer-nav .dropdown-menu {min-width: 8rem}

.dyui-pay-form .btn-group input[type="radio"] {display: none}
.dyui-pay-form .btn-group i {margin-right: 5px;}
/*选中状态*/
.dyui-pay-form .btn-group .active {background-color: #e6e6e6}
/*余额支付图标*/
.dyui-pay-form .icon-yiban:before {
    content: "\f157"; font-family: FontAwesome;
}
.body-pay {}
.body-pay .dyui-pay-form .form-group {display: flex}
.body-pay .dyui-pay-form .form-group .col-md-3 {width: auto; flex-shrink: 0}
.body-pay .dyui-pay-form .form-group .col-md-2,
.body-pay .dyui-pay-form .form-group .col-md-5 {width: 100%; flex-shrink: 1}
.body-pay .dyui-pay-form .form-group .fc-price-color {color: #f00}
.body-pay .dyui-pay-form .form-group-pay {display: block}
.body-pay .dyui-pay-form .form-group-pay .col-md-3 {width: 100%}
.body-pay .dyui-pay-form .form-group-pay .col-md-5 {width: 100%}