@media (max-width: 1200px){
    .pro_con .sprev{  left:10px; top:48%; width:20px;height:37px; background-size: cover; }
    .pro_con .snext{ right:10px; top:48%;  width:20px;height:37px;background-size: cover; }
    .pro_z{ width: 90%; margin: 0 auto;}

    .casebg .swiper-button-prev{ background:url(../images/prev.png); background-size:cover; left: 20px;}
    .casebg .swiper-button-next{ background:url(../images/next.png);background-size:cover; right:20px;}
    .ad_con{  padding-left:1rem;padding-bottom: 1rem; }
    .adbox>.row:nth-child(even)>div:last-child .ad_con{ margin-left:1rem; padding-right:1rem; padding-left: 0;}
    .ad_con h4 i{ display: none;}
}

@media(max-width:810px){
.video iframe { object-fit: cover; margin: 0 auto; width: 100%; height:300px; border:1px solid red; }

.lxcontent{ display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 0 5% 0; }
.lx_left{ width:100%; }
.lx_right{ width:100%;  margin:10px 0 45px 0; }

}

@media(width:768px){
    .adbox h2.title {
        height: 30px;
    }

    .adbox h6 {
        height: 80px;
    }
}
@media (max-width: 768px) {
    .posbox {
        display: none;
    }

    html {
        font-size: 14px;
    }

    h2.title {
        margin-top: 20px;
        font-size: 1.5rem;
    }

    h6 {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }

    .counterbox .counter {
        font-size: 2rem;
    }

    .aboutbg .pb-5, .aboutbg .mt-5 {
        padding: 0 !important;
        margin-top: 10px !important;
    }

    /*pro*/
    .pro_s {
        margin-top: 20px;
    }

    .pro_t {
        padding: .5rem;

    }

    .pro_con {
        padding-top: 1.5rem;
    }

    .pro_t li {
        padding: 0.8rem;
        flex-grow: 0 !important;
    }

    .pro_t ul {
        margin-bottom: 0;
        flex-wrap: wrap;
    }

    .pro_t li a {
        height: 2rem;
        line-height: 2rem;
        padding: 0 .5rem;
    }

    .pro_t li a:hover, .pro_t li.cur a {
        background: #c82a00;
    }

    .pro_con dd h3 {
        font-size: 1.2rem;
        position: relative;
        margin-bottom: 1.2rem;
    }

    .casebg h6, .adbox h6, .newsbox h6 {
        margin-bottom: 1rem;
    }

    .swiper3 dd {
        display: none;
    }

    .swiper-slide {
        padding-bottom: 0;
    }

    .ad_con h4 {
        font-size: 1.2rem;
        line-height: 2rem;
        margin-top: 1rem;
    }

    .ad_con p {
        margin-top: .5rem;
    }

    .adbox > .row:nth-child(even) > div:first-child {
        order: 0;
    }

    .adbox > .row:nth-child(even) > div:last-child {
        order: 1;
    }

    .adbox > .row > div:last-child {
        position: relative;
        margin-top: -4rem;
    }



    .ad_con h4::after {
        position: absolute;
        left: 0;
        bottom: -3px;
        content: "";
        width: 80px;
        height: 2px;
        background: #c82a00;
    }

    .zoominfo .zoominfoleft {
        width: 100%;
    }

    .zoominfo .thumb-box {
        width: 0;
    }

    #imgbox {
        width: 100%;
    }

    .zoominfo .zoominforight {
        display: none;
    }


    .video {
        padding: 20px 0;
    }

    .contactbg {
        padding-top: 20px;
    }

    .contactbg dl {
        border-bottom: dashed #ccc 1px;
    }

    .contactbg dt img {
        max-width: 42px;
    }


    .menu3 h3 a, .menu3 h3 a:link, .menu3 h3 a:visited {
        font-size: 16px;
    }

    footer {
        padding-top: 2rem;
    }

    footer > .container dl dd {
        display: none;
    }

    .footerBottom {
        line-height: 1.5rem;
        padding: .5rem .5rem 4.5rem;
    }

    .fnav2 {
        display: block;
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        background: #1e223b;
        padding: 10px 0;
        position: fixed;
        bottom: 0;
        z-index: 9999
    }

    .fnav2 a {
        float: left;
        width: 30%;
        overflow: hidden;
        color: #FFF;
        font-size: 18px;
        overflow: hidden;
        text-align: center;
        font-size: 16px;
    }

    .fnav2 a img {
        width: 30%;
        vertical-align: middle;
        padding-left: 4%;
        padding-right: 5%;
    }

    .pro_con dd .more {
        font-size: 14px;
        width: 39%;
        line-height: 30px;
    }
	
.message_add p{ padding:3px 0; float:none; width:100%;}

.joblist ul li{  width:50%; }
}

@media(max-width:420px){
.video iframe { height:200px;}

.lx_right p{ width:100%; }
}

@media (max-width: 380px) {
.joblist ul li{  width:100%; }
}