.container {
    width: 1200px;
    margin: 0px auto;
}

.header {
    width: 1200px;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo img {
    padding: 10px 0px;
    height: 120px;
    display: block;
}

.header-tel-mobile {
    display: none;
}
.daohang{
    display: none;
}
.header-tel {
    position: relative;
}
.header-tel::after{
    content:"";
    position: absolute;
    top:0;
    right:-90px;
    width:90px;
    height: 85px;
    background-image: url(../images/flower.png);
    background-position: top right;
    background-repeat: no-repeat;
}


.header-tel-box p {
    font-size: 14px;
    color: #000;
    line-height: 20px;
}

.header-tel-box .tel {
    position: relative;
    padding-left: 60px;
}

.header-tel-box .tel img {
    position: absolute;
    top: 2px;
    left: 0px;
    height: 50px;
}

.header-tel-box .tel span {
    line-height: 35px;
    color: #93662f;
    font-size: 28px;
    font-weight: 600;
}

.navbar {
    width: 100%;
    background: #f4efeb;
    border-bottom: 3px solid #000;
}

.nav {
    width: 1200px;
    margin: 0px auto;
}
.nav ul{
    display: flex;
    width:100%;
    flex-wrap: wrap;
}
.nav ul li {
    width:calc(100%/8);
}

.nav ul li>a {
    line-height: 48px;
    display: block;
    width: 100%;
    text-align: center;
    color: #726d64;
    font-size: 16px;
}

.nav ul li.active>a {
    background: #61463b;
    color: #fff;
}

.banner-mobile-fluid {
    display: none;
}

.banner-fluid .owl-theme .owl-controls .owl-page,
.banner-mobile-fluid .owl-theme .owl-controls .owl-page {
    display: block;
}

.banner-fluid .owl-theme .owl-dots,
.banner-mobile-fluid .owl-theme .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.banner-mobile-fluid .owl-theme .owl-dots {
    bottom: 4px;
}

.banner-fluid .owl-theme .owl-dots .owl-dot span,
.banner-mobile-fluid .owl-theme .owl-dots .owl-dot span {
    margin: 2px 5px;
    height: 5px;
    width: 24px;
    background-color: #61463b;
    opacity: 0.6;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.banner-fluid .owl-theme .owl-dots .owl-dot.active span,
.banner-mobile-fluid .owl-theme .owl-dots .owl-dot.active span {
    opacity: 1;

}

.banner-fluid .owl-theme .owl-controls,
.banner-mobile-fluid .owl-theme .owl-controls {
    margin-top: 0px;
}


.banner-fluid .item a {
    display: block;
    width: 100%;
}
.searvice-fluid{
    padding-top: 30px;
}
.fluid {
    padding-bottom: 40px;
}

.main-title {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.main-title::before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(calc(-50% - 0.5px));
}
.main-title span{
    color:#000;
    font-weight: 600;
    font-size:28px;
    padding: 0 15px;
    line-height: 1.5;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    position: relative;
    z-index: 2;
    background-color: #ffffff;
}
.main-title .img {
    width: 100%;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center center;
}

.main-title .title {
    font-size: 40px;
    color: #fff;
}
.main-title1{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
.main-title1 p {
    font-size: 16px;
    color: #888;
}
.cemetery-titlist {
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}

.cemetery-titlist a {
    display: block;
    width: 25%;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    box-sizing: border-box;
}

.cemetery-titlist a.active {
    border: 1px solid #ff901a;
    color: #ff901a;
}
.cemetery-box{
    display: flex;
    flex-wrap: wrap;
}
.cemetery-box .cemetery-item {
    width: calc(100%/4 - 15px);
    margin-right: 20px;
    margin-bottom: 20px;
}

.cemetery-box .cemetery-item:nth-of-type(4n) {
    margin-right: 0px;
}

.cemetery-item {
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
    transition: box-shadow .3s ease-in-out;
    background: #fff;
    border: 1px solid #ddd;
}

.cemetery-item .img {
    position: relative;
}

.cemetery-item .img .rain-bow {
    position: absolute;
    left: 10px;
    top: 0;
    color: #fff;
    background: #ff9d0e;
    padding: 5px;
    width: 44px;
    height: 52px;
    border-radius: 0 0 26px 26px;
    text-align: center;
    line-height: 1.2;
    font-weight: 600;
    z-index: 1;

}

.cemetery-item .img .rain-bow img {
    height: 20px;
    width: auto;
}

.cemetery-item .img .rain-bow span {
    margin-top: 5px;
    display: block;
    width: 100%;
    text-align: center;
}

.cemetery-item .img .rain-bow3 {
    background: #ff901a;
}

.cemetery-item .img .rain-bow2 {
    background: #ff5722;
}

.cemetery-item .img .rain-bow1 {
    background: #4CAF50;
}

.cemetery-item .img img {
    width: 100%;
    transition: all .3s ease-in-out;
}

.cemetery-item .desc {
    padding: 15px;
    position: relative;
}

.cemetery-item .desc .title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    width:100%;
}

.cemetery-item .desc .title-wrap h3 {
    margin-bottom: 0;
    margin-right: 10px;
    font-weight: 600;
    font-size: 19px;
}

.cemetery-item .desc .title-wrap h4 {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
}

.cemetery-item .desc .title-wrap h4 a:hover,
.cemetery-item .desc .title-wrap h3 a:hover {
    color: #f7a203;
}

.cemetery-item .title-wrap .local {
    line-height: 27px;
    font-size: 13px;
    color: #6e6e6e;
}

.local:before {
    font-family: iconfont;
    content: "\e62e";
    margin-right: 3px;
}

.cemetery-item .meta {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6e6e6e;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    font-style: normal;
}

.price {
    color: #6e6e6e;
    font-size: 14px;
}

.price i {
    font-style: normal;
}

.price span {
    font-weight: bold;
    font-size: 16px;
    margin: 0px 2px;
    color: #fd2e2d;
}

.price em {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    margin: 0px 2px;
    color: #fd2e2d;
}

.menulist-fluid {
    padding: 30px 0px;
}
.menulist>ul{
    display: flex;
    flex-wrap: wrap;
}
.menulist ul li {
    flex:1;
    padding:10px;
    box-sizing: border-box;
}

.menulist ul li a {
    border: 1px solid #61463b;
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}

.menulist ul li a .title {
    font-size: 18px;
    margin-top: 20px;
    color: #61463b;
}

.fenge-fluid {
    margin-bottom: 40px;
}
.fenge ul{
    display: flex;
    flex-wrap: wrap;
    width:100%;
}
.fenge ul li {
    width: calc(25% - 15px);
    margin-right: 20px;
    background: #fff;
    box-shadow: 0px 0px 5px #ddd;
    position: relative;
    padding: 10px 20px;
    height: 100px;
    box-sizing: border-box;
}

.fenge ul li:hover {
    box-shadow: 0px 3px 10px #999;
}

.fenge ul li a {
    display: block;
    width: 100%;
}

.fenge ul li:nth-of-type(4n) {
    margin-right: 0px;
}

.fenge ul li .title {
    font-size: 20px;
    margin-top: 13px;
    font-weight: 600;
}

.fenge ul li .des {
    font-size: 14px;
    color: #999;
    margin-top: 10px;
}

.fenge ul li img {
    position: absolute;
    width: 64px;
    height: 64px;
    right: 20px;
    top: 20px;
}
.about{
    display: flex;
    justify-content: space-between;
    width:100%;
}
.about-info {
    width: 620px;
}
.about-info .title{
    font-size:20px;
    font-weight: bold;
    margin-bottom: 10px;
}
.about-info .title a{
    color:#000;
}
.about-info .title a:hover{
    color:#61463b;
}
.about-info .des {
    font-size: 15px;
    color: #888;
    line-height: 30px;
    height: 180px;
    overflow: hidden;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}
.about-info-more{
    display: block;
    width:180px;
    margin-top: 20px;
    text-align: center;
    line-height: 40px;
    background:#f0f0f0;
    border:1px solid #ddd;
}
.about-info-more:hover{
    background:#61463b;
    color:#fff;
}
.about-img {
    width: 550px;
    position: relative;

}

.about-img .img {
    overflow: hidden;
    width: 100%;
    height: 300px;
    border: 1px solid #ddd;
}

.about-img .img img {
    width: 100%;
}

.about-more {
    width: 160px;
    height: 160px;
    padding: 15px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -80px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.about-more:hover {
    border-radius: 50%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.6);
}

.about-more .t1 {
    font-size: 20px;
    line-height: 30px;
    margin-top: 35px;
}

.about-more .t2 {
    font-size: 15px;
    margin-top: 10px;
    border-top: 1px solid #fff;
    line-height: 40px;
}
.searvice-fluid  .simg img{
    display: block;
    margin-top: 10px;
}
.searvice-list ul{
    display: flex;
    justify-content: space-between;
}
.searvice-list ul li {
    width: 20%;
    cursor: pointer;
}
.cemetery-fluid{
    padding-top: 30px;
}
.bzyp-fluid,
.cemetery-fluid {
    padding-bottom: 20px;
}

.bzyp-box {
    display: none;
}

.bzyp,
.bzyp-box.active {
    display: flex;
    flex-wrap: wrap;
}
.bzyp{
    justify-content: space-around;
}
.bzypLeft {
    width: 230px;
    height: 552px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../images/bzyp-left.png);
    background-color: #61463b;
}

.bzyp-menu {
    padding: 30px 50px 30px 40px;
}
.bzyp-menu ul{
    display: flex;
    flex-wrap: wrap;
}
.bzyp-menu ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    display: block;
    width: 100%;
    position: relative;
}

.bzyp-menu ul li:hover,
.bzyp-menu ul li.active {
    background: url(../images/jiantou.png) no-repeat right center;
}

.bzypRight {
    width: calc(100% - 230px);
}

.bzyp-item {
    width: calc(100%/4 - 15px);
    margin-left: 15px;
    border: 1px solid #ddd;
    margin-bottom: 25px;
}
.sub-bzyp-box{
    display: flex;
    flex-wrap: wrap;
}
.sub-banner{
    width:100%;
}
.sub-banner img{
    width:100%;
}
.sub-bzyp-box .bzyp-item {
    width: 32%;
    margin-left: 0px;
    margin-right: 2%;
    border: 1px solid #ddd;
    margin-bottom: 25px;
}

.sub-bzyp-box .bzyp-item:nth-of-type(3n) {
    margin-right: 0px;
}

.bzyp-item .img {
    text-align: center;
    overflow: hidden;
}

.bzyp-item .info {
    text-align: center;
    padding: 10px 0px;
    height: 75px;
}

.bzyp-item .info .title {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 30px;
    margin-bottom: 0;
}

.bzyp-item .info .jiage {
    color: #bf1d2d;
    font-weight: 600;
    font-size: 15px;
    line-height: 25px;
}
.news{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news-box {
    width: calc(100%/3);
    border: 1px solid #ddd;
    border-right: 0px;
    padding: 15px;
    box-sizing: border-box;
}

.news-box:nth-of-type(3) {
    border-right: 1px solid #ddd;
}

.news-top {
    margin-bottom: 10px;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
}

.news-top .title {
    font-size: 18px;
    color: #bf1d2d;
    font-weight: 600;
}

.news-top a {
    color: #888;
}

.news-top a:hover {
    color: #bf1d2d;
}

.news-Titem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.news-Titem .img {
    width: 140px;
}

.news-Titem .img img {
    min-height: 100px;
}

.news-Titem .info {
    width: calc(100% - 140px);
    padding-left: 15px;
    box-sizing: border-box;
}

.news-Titem .info .title a {
    display: block;
    line-height: 30px;
    font-size: 16px;
    height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
}

.news-Titem .info .title a:hover {
    color: #bf1d2d;
    text-decoration: underline;
}

.news-Titem .info .des {
    font-size: 13px;
    line-height: 23px;
    color: #666;
    height: 46px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

}

.news-Titem .info .des a {
    color: #bf1d2d;
}

.news-Titem .info .time {
    color: #888;
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.news-list ul li {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #ddd;
}

.news-list ul li .title a {
    display: block;
    line-height: 30px;
    font-size: 16px;
    height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
}

.news-list ul li .title a:hover {
    color: #bf1d2d;
    text-decoration: underline;
}

.news-list ul li .time {
    color: #888;
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.news-list ul li .des {
    font-size: 13px;
    line-height: 23px;
    color: #666;
    height: 46px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.contact-fluid {
    padding: 50px 0px;
    background: #2f3130 url(../images/bg2.jpg) no-repeat;
}
.contact{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contactLeft {
    width: 50%;
    padding-right: 20px;
}

.contactLeft h3 {
    color: #fff;
    font-size: 26px;
    line-height: 40px;
}

.contactLeft h5 {
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    overflow: hidden;
    margin-top: 10px;
}

.contact-box {
    padding-top: 30px;
    display: flex;
    width:100%;
}

.contact-box .ewm {
    width: 140px;
    padding-right: 10px;
    box-sizing:border-box;
    text-align: center;
}

.contact-box .ewm img {
    width:100%;
}

.contact-list {
    width: calc(100% - 140px);
}

.contact-list ul li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 10px;
}

.contact-list ul li img {
    position: absolute;
    top: 2px;
    left: 0px;
    height: 26px;
}

.contact-list ul li span {
    color: #fff;
    font-size: 14px;
    line-height: 30px;
}

.contactRight {
    padding-left: 50px;
    width: 50%;
    box-sizing: border-box;
}

.contactRight dl {
    position: relative;
    margin-bottom: 20px;
}

.contactRight dl dt {
    position: absolute;
    left: 10px;
    top: 0px;
    line-height: 35px;
    color: #888;
}

.contactRight dl dd {
    width: 100%;
}

.contactRight dl dd input[type=text] {
    width: 100%;
    padding: 5px;
    padding-left: 60px;
    height: 35px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.contactRight dl dd textarea {
    width: 100%;
    padding: 5px;
    padding-left: 60px;
    height: 80px;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    line-height: 25px;
}

.contactRight input[type=submit] {
    width: 200px;
    height: 45px;
    background: #bf1d2d;
    color: #fff;
    border-radius: 5px;
    overflow: hidden;
    font-size: 16px;
    cursor: pointer;
}

.footer-fluid {
    background: #000;
    text-align: center;
    color: #fff;
    padding: 15px 0px;
    line-height: 24px;
}

.footer a {
    color: #fff;
}

.bottoming {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 40px;
    border-top: 1px solid #ddd;
    box-shadow: 0px -1px 1px #e5e5e5;
    display: none;
    z-index: 10;
    box-sizing: border-box;
    justify-content: space-between;
}

.bottoming a {
    display: block;
    flex:1;
    text-align: center;
    line-height: 35px;
    background: #fff;
    font-size: 17px;
    color: #b80602;
    height: 40px;
    box-sizing: border-box;
}

.bottoming a i.iconfont {
    margin-right: 10px;
    font-size: 25px;
    line-height: 37px;
}

.bottoming a:last-of-type {
    background: #b80602;
    color: #fff;
}
.byg-fluid{
    padding-top: 20px;
}
.byg-titlist,
.our-service-titlist {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
}

.byg-titlist {
    text-align: center;
}

.byg-titlist>a,
.our-service-titlist>a  {
    display: block;
    width: calc(100%/3);
    border: 1px solid #ddd;
    text-align: center;
    line-height: 35px;
    font-size: 13px;
    box-sizing: border-box;
}

.byg-titlist a.active,
.our-service-titlist a.active {
    background: #61463b;
    color: #fff;
}

.byg-box {
    display: none;
}

.byg-box.active {
    display: block;
}

.byg-img {
    display: block;
    width: 100%;
}

.byg-img img {
    display: block;
    width: 100%;
}

.our-service-box {
    display: none;
}

.our-service-box.active {
    display: block;
}

.our-service-img {
    display: block;
    width: 100%;
}
.our-serviceBox{
    width:1200px;
    margin:0px auto;
}
.our-service-img img {
    width: 100%;
}

.zslc-btn {
    margin:20px auto 0;
}
.zslc-btn ul{
    display: flex;
    justify-content: space-between;
    width:100%;
}
.zslc-btn ul li {
    flex:1;
    padding: 5px;
    box-sizing: border-box;
}

.zslc-btn ul li a {
    width: 100%;
    display: block;
    text-indent: 12px;
    background-repeat: no-repeat;
    background-position: left 20px center;
    text-align: center;
    text-indent: 35px;
    border: 1px solid #61463b;
    color: #61463b;
    height: 42px;
    line-height: 42px;
    font-size: 18px;
}

.zslc-btn ul li a.dh {
    background-image: url(../images/dh.png);
}

.zslc-btn ul li a.lc {
    background-image: url(../images/mo.png);
}

.byfw-tc {
    
    margin-bottom: 15px;
}

.byfw-tc-item {
    text-align: center;
    padding: 15px;
    border: 1px solid #ddd;
    background: #fff6f2;
}

.byfw-tc-item .title {
    font-size: 16px;

    line-height: 35px;
}

.byfw-tc-item .title span.title-price {
    font-size: 22px;
    font-weight: bold;
    color: #000;
    position: relative;
    border-bottom: 2px solid #ff9800;
    margin: 0px 5px;
}

.byfw-tc-item .des {
    margin-top: 20px;
    line-height: 25px;
    height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: center;
}

.byfw-btn {
    max-width: 80%;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.byfw-btn a {
    display: block;
    width: 180px;
    margin:10px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #ddd;
    font-size: 16px;
    color: #fff;
}
.byfw-btn a.pc{
    display:block;
}
.byfw-btn a.mobile{
    display: none;
}
.byfw-btn a.a1 {
    background: #61463b;
}

.byfw-btn a.a2 {
    background: #b80602;
}

.crumbs-fluid {
    background: #f0f0f0;
    padding: 10px 0px;
}

.crumbs {
    line-height: 25px;
    color: #666;
}

.crumbs a {
    color: #666;
}

.crumbs i.iconfont {
    margin-right: 5px;
}

.sub-content-fluid {
    padding: 80px 0px;
}
.sub-about{
    width:100%;
}
.sub-aboutD{
     margin-top: 20px;
}
.sub-aboutTitle{
    color:#000000;
    font-size:40px;
    font-weight: 600;
    margin-bottom: 30px;
    position: relative;
    padding-left:24px;
   
}
.sub-aboutTitle::before{
    content: '';
    position: absolute;
    width:6px;
    height: 46px;
    background:#ca4116;
    top:50%;
    left:0;
    transform: translateY(-50%);
    display: block;
    border-radius: 6px;
    overflow: hidden;
}
.sub-contAbout{
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0px 0px 3px #ddd;
    border: 1px solid #61463b;
}
.sub-ryzz .item img{
    display: block;
    width: 100%;
    border:1px solid #dddddd;
}
.sub-ryzz .ry-name{
    text-align: center;
    font-size:16px;
    color:#000;
    font-weight: 600;
    margin-top: 10px;
}
.sub-wraper-fluid {
    padding: 80px 0px;
}
.sub-wraper{
    display: flex;
    justify-content: space-between;
    flex-direction:row-reverse;
    flex-wrap: wrap;
}
.sub-sidebar {
    width: 280px;
}

.sub-sidebar-contact {
    margin-top: 20px;
}

.sub-sidenav .title,
.sub-sidebar-title {
    background: #61463b;
}

.sub-sidenav .title a,
.sub-sidebar-title .tit {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 50px;
    letter-spacing: 1px;
    color: #fff;
    font-size: 18px;
}

.sub-sidenav ul {
    border: 2px solid #61463b;
    padding: 15px;
}

.sub-sidebar-contact-list {
    padding: 10px;
    line-height: 30px;
    border: 2px solid #61463b;
}

.sub-sidebar-contact-list img {
    border: 1px solid #ddd;
    width: 250px;
    max-width: 100%;
}

.sub-sidenav ul li {
    border-bottom: 1px dashed #ddd;
}

/* .sub-sidenav ul li:last-of-type{
    border-bottom: 0px;
} */
.sub-sidenav ul li a {
    display: block;
    width: 100%;
    padding-left: 15px;
    line-height: 35px;
    position: relative;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    font-size: 15px;
}

.sub-sidenav ul li a::before {
    content: "";
    width: 8px;
    height: 8px;
    background: #61463b;
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -4px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.sub-sidenav ul li a:hover {
    color: #61463b;
    padding-left: 20px;
}

.sub-sidenav ul li a:hover::before {
    left: 5px;
}
.sub-topNav{
    padding-bottom:40px;
}
.sub-topNav ul{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub-topNav ul li{
    width:200px;
    margin:0 5px;
}
.sub-topNav ul li a{
    font-size:18px;
    display: block;
    width:100%;
    text-align: center;
    line-height: 45px;
    border:1px solid #dddd;
    background:#f8f8f8;
}
.sub-topNav ul li.active a{
    background: #61463b;
    color:#fff;
}
.sub-sidebar-contact {
    border: 1px solid #61463b;
}





.sub-content {
    width:100%;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0px 0px 3px #ddd;
    border: 1px solid #61463b;
}
.sub-right {
    width: calc(100% - 310px);

}
.pages {
    margin: 20px auto;
    text-align: center;
}

.page {
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
}

.page span,
.page a {
    display: block;
    margin: 5px;
    padding: 5px 10px;
    border: 1px solid #ddd;
}

.page span,
.page a:hover {
    background: #61463b;
    color: #fff;
}

.sub-title {
    text-align: center;
    padding: 20px 0px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 20px;
}

.sub-title h2 {
    font-size: 32px;
    font-weight: 600;
}

.sub-title p {
    font-size: 16px;
    margin-top: 10px;
}

.sub-cont {
    padding: 30px 0px;
    font-size: 16px;
    line-height: 2;
}

.sub-link {
    margin-top: 20px;
    padding: 20px 0px;
    border-top: 1px dashed #ddd;
    line-height: 30px;
}

.sub-link a:hover {
    color: #5b2006;
    text-decoration: underline;
}

.sub-news-list ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #ddd;
}

.sub-news-list ul li .tit {
    line-height: 25px;
    margin-bottom: 5px;
}

.sub-news-list ul li .tit a {
    display: block;
    width: 100%;
    height: 25px;
    font-size: 16px;
    color: #000;
}

.sub-news-list ul li .tit a:hover {
    color: #61463b;
    text-decoration: underline;
}

.sub-news-list ul li .time {
    font-size: 12px;
    color: #929292;
    margin-bottom: 5px;
}

.sub-news-list ul li .des {
    font-size: 13px;
    line-height: 22px;
    color: #5A5A5A;
    height: 44px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding-right: 20px;
}

.byg-item {
    position: relative;
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.byg-item .img {
    width: 30%;
    overflow: hidden;
}

.byg-item .img img {
    display: block;
    width: 100%;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    /* height: 170px; */

}

.byg-item .img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.byg-item .info {
    padding-left: 15px;
    position: relative;
    width: 70%;
}

.byg-item .info span {
    color: #f44336;
}

.byg-item .info .title {
    font-size: 20px;
    font-weight: 550;
    border-bottom: 1px dashed #999;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

.byg-item .info .title a:hover {
    color: #61463b;
}

.byg-item .info .des {
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;

}

.byg-item .info .address {
    font-size: 13px;
    color: #666;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    /* position: absolute;
top: 0px;
right: 0px; */
}

.byg-item .info .address i.iconfont {
    color: #f44336;
    margin-right: 5px;
}

.byg-item .info .telphone {
    margin-top: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #5b2006;
    line-height: 30px;
}

.byg-item .info .telphone i.iconfont {
    font-weight: 400;
    font-size: 22px;
    margin-right: 5px;
}

.byg-more {
    color: #666;
    font-size: 13px;
    line-height: 26px;
    position: absolute;
    top: 0px;
    right: 0px;
    /* display: block;
width: 120px;
line-height: 35px;
border: 1px solid #999;
text-align: center;
margin-top: 10px;
font-size: 14px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;*/
}

.byg-more:hover {
    /* border: 1px solid red; */
    color: #5b2006;

}



.sub-contact-box .title {
    font-size: 18px;
    color: #663200;
    height: 18px;
    line-height: 18px;
    border-left: 3px solid #663200;
    padding-left: 10px;
    margin-bottom: 20px;
}
.sub-contact-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sub-contact-info {
    width:calc(100% - 150px);
    font-size: 17px;
    line-height: 2;
}
.sub-ewm{
    width: 150px;
}
.sub-ewm img {
    display: flex;
    border: 1px solid #ddd;
}
.sub-ewm p{
    text-align: center;
    margin-top: 10px;
    font-size: 16px;
    font-weight: 600;
}
.sub-contact-map {
    padding: 30px 0px;
}
.sub-bygDeteil-top,
.sub-mdxgDetail-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 30px;
}

.sub-bygDeteil-top>.img,
.sub-mdxgDetail-top>.img {
    width: 45%;

}
.sub-mdxgDetail-top>.img img,
.sub-bygDeteil-top>.img img {
    display: block;
    width: 100%;
}
.sub-bygDeteil-top .info,
.sub-mdxgDetail-top .info {
    width: 55%;
    padding-left: 20px;
    position: relative;
    box-sizing: border-box;
}

.sub-bygDeteil-top .info>.title,
.sub-mdxgDetail-top .info>.title {
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    color: #333;
    margin-bottom: 5px;
}

.sub-mdxgDetail-top .info>.title {
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    color: #333;
    margin-bottom: 10px;
}

.sub-bygDeteil-top .info .lb,
.sub-mdxgDetail-top .info .lb {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.sub-bygDeteil-top .info .lb dl,
.sub-mdxgDetail-top .info .lb dl {
    width: calc(100%/3);
}

.sub-bygDeteil-top .info .lb dl dt,
.sub-mdxgDetail .info .lb dl dt {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    font-weight: 600;
    font-size: 16px;
}

.sub-bygDeteil-top .info .lb dl dd,
.sub-mdxgDetail-top .info .lb dl dd {
    padding: 10px;
    text-align: left;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    line-height: 25px;
    height: 70px;
}

.sub-bygDeteil-top .info .ts,
.sub-mdxgDetail-top .info .ts {
    margin-top: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
}
.sub-bygDeteil-top .info .ts ul,
.sub-mdxgDetail-top .info .ts ul {
    display: flex;
    flex-wrap: wrap;
}
.sub-bygDeteil-top .info .ts ul li,
.sub-mdxgDetail-top .info .ts ul li {
    margin-right: 10px;
}

.sub-bygDeteil-top .info .ts ul li span,
.sub-mdxgDetail-top .info .ts ul li span {
    display: block;
    padding: 0px 8px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    background: #663300;
}

.sub-bygDeteil-top .info .ys,
.sub-mdxgDetail-top .info .ys {
    margin-top: 10px;
}

.sub-bygDeteil-top .info .ys .ys-tit,
.sub-mdxgDetail-top .info .ys .ys-tit {
    position: relative;
    text-align: center;
    z-index: 1;
    margin-bottom: 15px;
}

.sub-bygDeteil-top .info .ys .ys-tit::before,
.sub-mdxgDetail-top .info .ys .ys-tit::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    display: block;
    border-top: 1px solid #ddd;
    z-index: -1;
}

.sub-bygDeteil-top .info .ys .ys-tit span,
.sub-mdxgDetail-top .info .ys .ys-tit span {
    background: #fff;
    z-index: 2;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 20px;
}

.sub-bygDeteil-top .info .ys ul,
.sub-mdxgDetail-top .info .ys ul {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.sub-bygDeteil-top .info .ys ul,
.sub-mdxgDetail-top .info .ys ul{
    display: flex;
    flex-wrap: wrap;
}
.sub-bygDeteil-top .info .ys ul li,
.sub-mdxgDetail-top .info .ys ul li {
    width: 25%;
    text-align: center;
    padding: 5px 10px;
}

.sub-bygDeteil-top .info .ys ul li .img,
.sub-mdxgDetail-top .info .ys ul li .img {
    width: 60px;
    margin: 0px auto;
    padding: 15px;
    border-radius: 50%;
    background: #663300;
    text-align: center;

}

.sub-bygDeteil-top .info .ys ul li .img img,
.sub-mdxgDetail-top .info .ys ul li .img img {
    width: 100%;
}

.sub-bygDeteil-top .info .ys ul li p,
.sub-mdxgDetail-top .info .ys ul li p {
    font-size: 14px;
    margin-top: 10px;
    line-height: 18px;
    height: 36px;
}

.sub-bygDeteil-top .info .address,
.sub-mdxgDetail-top .info .address {
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-bottom: 5px;
    display: flex;
}

.sub-bygDeteil-top .info .address span,
.sub-mdxgDetail-top .info .address span {
    display: block;
    padding: 0 5px;
    margin-right: 10px;
    background: #f6b570;
    color: #fff;
}

.sub-bygDeteil-top .info .word {
    font-size: 14px;
    line-height: 25px;
    height: 50px;
    overflow: hidden;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}

.sub-mdxgDetail-top .info .word {
    font-size: 15px;
    line-height: 30px;
    height: 120px;
    overflow: hidden;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.sub-bygDeteil-top .info .zx,
.sub-mdxgDetail-top .info .zx {
    margin-top: 10px;
    text-align: center;
    padding: 10px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.sub-bygDeteil-top .info .zx .p1,
.sub-mdxgDetail-top .info .zx .p1 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
}

.sub-bygDeteil-top .info .zx .tel,
.sub-mdxgDetail-top .info .zx .tel {
    color: #f44336;
    font-size: 33px;
    font-weight: bold;
}

.sub-bygDeteil-top .info .zx .tel i.iconfont,
.sub-mdxgDetail-top .info .zx .tel i.iconfont {
    font-size: 33px;
    margin-right: 5px;
    font-weight: 400;
}

.sub-bygDeteil-top .info .zx .p2,
.sub-mdxgDetail-top .info .zx .p2 {
    color: #666;
}

.sub-bygDeteil-top .info .zx .p2 span,
.sub-mdxgDetail-top .info .zx .p2 span {
    color: #f44336;
}

.sub-lymdDeteil-introduce {
    padding: 20px 0px;

}

.sub-bygDeteil-content>.title {
    font-size: 22px;
    line-height: 2;
    color: #61463b;
}

.sub-bygDeteil-cont {
    font-size: 16px;
    line-height: 2;
    padding-bottom: 30px;
}

.sub-bzlc-box1,
.sub-bzlc-box2 {
    background: #61463b;
    padding: 10px;
}

.sub-bzlc-box .title {
    width: 100%;
    text-align: center;
    font-size: 28px;
    line-height: 2;
    color: #fff;
    margin: 20px 0;
}

.sub-bzlc-service {
    font-size: 15px;
    line-height: 32px;
    background: #f0f0f0;
    color:#61463b;
    padding: 2px;
}

.sub-bzlc-service p {
    text-indent: 2em;
    font-size: 16px;
    line-height: 2;
}

.zy_goods_list {
    margin-top: 1.6%;
}
.zy_goods_list ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.zy_goods_list ul li {
    background-color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 15px;
    width: 49%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zy_goods_list ul li i {
    width: 40%;
}

.zy_goods_list ul li>i img {
    display: block;
    width: 100%;
    height: 240px;
}

.zy_goods_list ul li dl {
    width: 60%;
    position: relative;
    padding:15px 10px;
    box-sizing: border-box;
}

.zy_goods_list ul li dl p {
    font-size: 20px;
    line-height: 1.8;
    color: #000;
}

.zy_goods_list ul li dl dt {
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 25px;
}

.accompany {
    background: #20383a;
    margin-top: -2.4rem;
  }
  .accompany > ul > li p {
    font-size: 1.46rem;
    color: #000;
    line-height: 2rem;
    padding-top: 5rem;
  }
  .accompany > ul > li dt {
    font-size: 1.2rem;
    text-indent: 2.4rem;
    line-height: 2rem;
  }
  .accompany .acc_01 {
    background:#fff url(../images/servive_02.png) no-repeat;
    height: 13.6rem;
  }
  .accompany .acc_01 p {
    text-align: center;
  }
  .accompany .acc_01 dt {
    width: 80%;
    margin: 1rem auto;
    letter-spacing: 1px;
  }
  .accompany .acc_02 {
    background:#fff url(../images/servive_04.png) no-repeat;
    height: 14rem;
  }
  .accompany .acc_02 p {
    text-align: left;
    margin-left: 10%;
  }
  .accompany .acc_02 dt {
    width: 40%;
    margin-left: 10%;
    margin-top: 1rem;
  }
  .accompany .acc_03 {
    background:#fff url(../images/servive_06.png) no-repeat;
    height: 17rem;
  }
  .accompany .acc_03 p {
    text-align: right;
    width: 70%;
    margin-left: 20%;
  }
  .accompany .acc_03 dt {
    width: 80%;
    margin-left: 10%;
    margin-top: 1rem;
  }
  .accompany .acc_04 {
    background:#fff url(../images/servive_08.png) no-repeat;
    height: 22rem;
  }
  .accompany .acc_04 p {
    text-align: center;
  }
  .accompany .acc_04 dt {
    width: 80%;
    margin: 0 auto;
  }
  .accompany .acc_04 dt.nth-1 {
    margin-top: 1rem;
  }
  .accompany > ul > li {
    background-size: cover !important;
  }
  .sub-fwtc{
    display: flex;
    flex-wrap: wrap;
  }
  .sub-fwtc-box {
    width: calc(100%/4 - 6px);
    margin-right: 8px;
    margin-bottom: 20px;
    border: 1px solid #999;
}

.sub-fwtc-box:last-of-type {
    margin-right: 0px;
}

.sub-fwtc-box .top {
    padding: 20px;
    text-align: center;
    padding-top: 25px;
}

.sub-fwtc-box .top .t1 {
    color: #61463b;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 24px;
}

.sub-fwtc-box .top .t2 {
    font-size: 60px;
    color: #000;
    line-height: 70px;
}

.sub-fwtc-box .top .t2 span {
    font-size: 16px;
    color: #000;
    line-height: 1.25;
}

.sub-fwtc-box .top .t3 {
    font-size: 12px;
    color: #4d4d4d;
    line-height: 20px;
    margin-bottom: 10px;
    height: 60px
}

.sub-fwtc-box .fg {
    background: #ff6161;
    padding: 10px;
    text-align: center;
}

.sub-fwtc-box .fg p {
    color: #fff;
    font-size: 16px;
    line-height: 2;
}

.sub-fwtc-box .nr ul li {
    padding: 10px;
}

.sub-fwtc-box .nr ul li:nth-of-type(2n) {
    background: #f8f8f8;
}

.sub-fwtc-more {
    width: 100%;
}

.sub-fwtc-more a {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 50px;
    font-size:20px;
    background:#61463b;
    color:#fff;
}
.sub-fwtc-p{
    text-align: center;
    margin-bottom:20px;
    color:#666;
    font-size:13px;
}
/* add */
.bygPC-item{
    padding:5px;
}
.bygPC-item a{
    display: block;
    width:100%;
    box-shadow: 0px 0px 3px #ddd;
}
.bygPC-item a .img{
    display: block;
    width:100%;
}
.bygPC-item a .img img{
    width:100%;
    display: block;
    height: 246px;
}
.bygPC-item a .info{
    padding:0px 5px;
}
.bygPC-item a .info .title{
    font-size:16px;
    line-height: 40px;
    text-align:center;
}