@media (max-width: 1023px) {
    html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb {
        background: rgba(55,55,55,0.288);
    }
    #head_nav{
        background-color: rgba(55,55,55,0.288);
    }
    #head_nav .navbar-brand img {
        width: 152px !important;
        vertical-align: middle !important;
        margin-left: 6px;
    }

    #head_nav a h1 {
        font-size: 16px;
        margin-left: 5px;
    }

    #head_nav a h2 {
        display: none;
    }

    #head_content h3{
        font-size: 26px;
    }

    #head_content.hero_content {
        left: 16px;
    }
    #head_content.hero_content .hero_desc p{
        font-size: 14px;
        letter-spacing: 0px;
    }

    .hero_content h3 {
        font-size: 24px;
        line-height: 28px;
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .hero_content .hero_sub:after{
        width: 32px;
        left: 7px;
    }
    .hero_content.hero_align_right .hero_sub:after{
        left: calc(100% - 39px);
    }
    .hero_content .hero_desc{
        margin-top: 50px !important;
    }
    .hero_desc_img.img_top img{
        position: relative !important;
        top: 52px;
    }
    .hero_content .hero_desc p {
        font-size: 14px;
        line-height: 26px;
        padding: 2px 13px 2px 7px;;
    }

    .hero_content .hero_desc p.text_center {
        text-align: center;
    }

    .hero_content .hero_desc p b {
        font-size: 18px;
    }
    #hero5 .hero_desc_img img{
        width: 110vw;
        left: -1.5rem;
        top: 18px;
        image-rendering:auto;
    }

    #hero5 .hero_content,
    #hero6 .hero_content {
        width: 100%;
    }
    #hero7 .hero_content{
        width: 90% !important;
    }
    #hero7 .hero_content.hero_top{
        top: 138px;
    }
    #hero7 .hero_content .hero_desc{
        margin-top: 88px;
    }

    #zhengqi {
        margin-top: 95px !important;
    }

    #zhengqi .hero_content.hero_align_right {
        left: 0;
        right: 0;
    }

    #hero6_text {
        width: 100%;
        margin-left: auto;
    }

    #hero6_text .hero_sub {
        text-align: center;
    }

    #hero6_text .hero_content.hero_align_right .hero_sub:after {
        left: calc(50% - 16px)
    }

    #hero6_text .hero_content .hero_desc {
        margin-top: 58px;
    }

    #hero6_text .hero_content .hero_desc p {
        color: #646464;
        padding:2px 13px 2px 7px;
    }

    #hero6_img {
        display: inline-block;
        margin-top: 88px;
    }

    .hero_content.hero_align_right {
        width: 92% !important;
    }

    #zhengqi .hero_content.hero_align_right {
        width: 100% !important;
    }

    #zhengqijiliang .hero_content.hero_align_right {
        right: -5px;
    }

    .hero_content.hero_align_right p {
        text-align: right;
    }

    #juyuwang {
        left: 0;
        right: 0;
        top: 77px;
    }

    #juyuwang .hero_desc_img {
        display: block;
        margin-top: 32px;
    }

    .hero_content.hero_has_h4 .hero_desc {
        margin-top: 18px !important;
        padding-top: 0px !important;
    }

    h4.hero_sub_title{
        font-size: 14px !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
        margin-top: 12px !important;
    }

    footer{
        height: 182px !important;
        background: rgba(55,55,55,0.5) !important;
    }
    footer .footer_title{
        margin-top: 22px !important;
    }
    footer .footer_title h2{
        font-size: 22px;
    }
    footer .footer_title p{
        font-size: 12px;
    }
    footer .footer_copyright{
        font-size: 10px;
    }
    .mobile_jg{
        display: block;
        width: 100%;
        height: 118px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .mobile_jg .hero_jg_content{
        margin-top: 20px;
    }
    .mobile_jg h2{
        font-size: 28px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: 0px;
        color: #ffffff;
    }
    .mobile_jg p{
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 22px;
        letter-spacing: 0px;
        color: #ffffff;
        margin-bottom: 10px;
    }
    #head_content.hero_content .hero_desc{
        margin-top: 12px !important;
    }
}
@media (max-width: 475px) {
    #head_nav .navbar-brand img{
        width: 114px !important;
    }
    .hero_pc{
        display: none !important;
    }
    .hero_mobile{
        display: block !important;
    }
}
@media (max-width: 390px) {
    #head_nav .navbar-brand img{
        width: 114px !important;
    }
}