.hcd_banner>img{width: 100%;height: 450px;object-fit: cover;;}

.hcd_nav{width: 1200px;margin: 0 auto;height: 50px;display: flex;align-items: center;}
.hcd_nav>a{display: flex;align-items: center;}
.hcd_nav>a>img{width: 25px;height: 25px;margin-right: 10px;}
.hcd_nav>span{margin: 0 10px;}

.hcd_detail{background-color: #f8f8f8;}
.hcd_detail_cont{width: 1200px;margin: 0 auto;padding: 40px 0;}
.hcd_detail_d{background-color: #fff;padding: 40px;display: flex;}
.hcd_detail_l{width: 463px;height: 292px;border: solid 1px #dbdbdb;margin-right: 50px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.hcd_detail_r{flex: 1;}
.hcd_detail_r>h1{font-size: 22px;color: #2c2c2c;font-weight: bold;padding-bottom: 18px;border-bottom: 1px dashed #bbb;margin-bottom: 35px;}
.hcd_detail_r>p{color: #656565;margin-bottom: 20px;font-size: 16px;}
.hcd_detail_cont>p{margin: 0 40px;width: calc(100% - 80px);height: 0;border-top: 1px dashed #bbb;background-color: #fff;}
.hcd_detail_z{background-color: #fff;padding: 40px;}

@media screen and (max-width: 766px) {
    .hcd_banner>img{height: 110px;}

    .hcd_nav{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .hcd_detail_d{padding: 15px;flex-direction: column;}
    .hcd_detail_l{width: 100%;height: 150px;}
    .hcd_detail_r{margin-top: 20px;}
    .hcd_detail_r>h1{font-size: 2.2rem;line-height: 2;padding-bottom: 10px;margin-bottom: 20px;}
    .hcd_detail_r>p{margin-bottom: 1rem;line-height: 2;font-size: 1.4rem;}

    .hcd_detail_cont>p{margin: 0 15px;width: calc(100% - 30px);}
    .hcd_detail_z{padding: 20px 0;}

}