@media screen and (max-width:1280px) and (max-height:768px){
    .top_5>.big_ld1 {
        top: 39.3% ;
    }
    .top_5>.big_ld2 {
        top: 69.5% ;
        left: 26.5% ;
    }
    .top_5>.big_ld3 {
        left: 29.5% ;
        top: 83.3% ;
    }
    .top_5>.big_ld4 {
        left: 22.8% ;
        top: 91.3% ;
    }
}

@media screen and (max-width:736px) {
    /* *******************************智大屏************** */
    html {
        font-size: 50px !important;
    }
    h2{
        font-size: 22px !important;
    }
    .top_1{
        background: url(../img/top_1.png) no-repeat 54% 44%;
    }
    .top_1>span{
        background: url(../img/top_1_bg.png) no-repeat right;
    }
    .top_1>.top_1_lf {
        width: 80%;
        top: 10%;
        left: 10%;
        line-height: 7.5vw;
    }
    .top_1>.top_1_lf>ul {
        margin: 50% 0 0% 0;
    }
    .top_1>.top_1_lf>ul>li>img{
        width: 22px;
    }
    .top_1>.top_1_lf>h3,
    .top_1>.top_1_lf>b,
    .top_2>.top_2_lf>h3,
    .top_3>.top_3_lf>h3,
    .top_4>.top_4_lf>h3,
    .top_5>.top_5_rt>h3,
    .top_7>.center>.center_lf>ul>li>h3
    {
        font-size: 22px;
    }
    .top_1>.top_1_lf>p {
        line-height: 6.5vw;
        font-size: 14px;
    }
    .container .nav_two_right>ul>li>a {
        font-size: 0.35rem;
    }
    .container .nav_two_right>ul>li>div>ul>li {
        font-size: 0.3rem;
    }
    
    .top_2{
        background: url(../img/top_2.png) no-repeat;
    background-size: 220% 72%;
    background-position: 66% 60%;
    background-color: #1D2139;
    }
    .top_2>.top_2_lf>p {
        line-height: 8vw;
        font-size: 14px;
    }
    
    .top_2>.top_2_lf {
        width: 80%;
        top: 2%;
    }
    .top_2>.lankuang {
        width: 10%;
        height: 70%;
        position: absolute;
        top: 50%;
        left: 25%;
        -webkit-transition: 2.5s;
        -moz-transition: 2.5s;
        -ms-transition: 2.5s;
        -o-transition: 2.5s;
        transition: 2.5s;
    }
    .active>.lankuang {
        width: 45%;
        top: 35%;
        left: 8%;
    }
    .top_2>.xuan {
        width: 100px;
        height: 100px;
        left: 20%;
    }

    .top_2>.xuan1 {
        top: 31.5%;
    left: 67%;
    }

    .top_2>.xuan2 {
        top: 47.5%;
    left: 53%;
    }

    .top_2>.xuan3 {
        top: 62%;
    left: 67%;
    }

    .top_2>.ld1 {
        top: 41%;
        right: 50%;
    }

    .top_2>.ld2 {
        top: 49.5%;
        right: 60.5%;
    }

    .top_2>.ld3 {
        top: 58%;
        right: 51%;
    }

    .top_3 {
        background: url(../img/top_3.png) no-repeat 15%;
    }

    .top_3>.top_3_lf {
        width: 80%;
        top: 8%;
        left: 5%;
    }

    .top_3>.top_3_lf>p,
    .top_4>.top_4_lf>p,
    .top_5>.top_5_rt>p,
    .top_6>.center>.center_rt>p {
        line-height: 6.5vw;
        font-size: 14px;
    }
.top_3>.top_3_lf>ul>li>p {
    font-size: 16px;
}
    .top_3>.people_ld {
        display: none;
    }

    .top_3>.big_ld {
        top: 51%;
    left: 37%;
    }

    .top_4>.top_4_lf {
        top: 6%;
        width: 80%;
    }

    .top_4>.top_4_rt {
        width: 100%;
    }

    .top_4>.top_4_rt {
        top: 40%;
    right: 5%;
    width: 90%;
    }

    .top_4 {
        background: url(../img/top_4_bg.png) no-repeat 25% 0%;
        background-size: cover;
    }
    .top_4>.top_4_rt>img{
        height: auto;
    }
    .top_5 {
        background: url(../img/top_5.png) no-repeat;
        background-position: 10% 70%;
        background-size: 300% 100%;
    }

    .top_5>.top_5_rt {
        width: 80%;
        top: 5%;
        right: 10%;
        height: 80%;
    }
    .top_5>.top_5_rt>h3,
    .top_5>.top_5_rt>p {
        text-align: center;
    }
    
    .top_5>.top_5_rt>h3:nth-child(2){
        width: 100%;
        margin-bottom: 57%;
    }
    .top_5>.top_5_rt>ul {
        display: none;
    }

    .top_5>.big_ld1 {
        left: 31.5%;
        top: 34.3%;
    }

    .top_5>.big_ld2 {
        top: 61.5%;
        left: 61.7%;
    }

    .top_5>.big_ld3 {
        top: 73.3%;
        left: 70.5%;
    }

    .top_5>.big_ld4 {
        top: 80.3%;
        left: 49.8%;
    }

    .top_6>.center {
        border-bottom-left-radius: 40% 30%;
    }

    .top_6>.center>.center_lf {
        width: 90%;
        top: 29%;
        left: 7%;
    }

    .top_6>.center>.center_rt {
        width: 80%;
        top: 0%;
        right: 5%;
    }

    .top_6>.center>.center_rt>b,
    .top_7>.center>.center_lf>ul>li>p,
    .top_8>p
    {
        display: none;
    }
    .top_6>.center>.center_rt>p {
        font-size: 0.25rem;
    }
    .top_6>.center>.center_lf>ul>li>p>b {
        font-size: 0.2rem;
        display: none;
    }
    .top_6>.center>.center_rt>h2 {
        margin-top: 25%;
    }
    .top_6>.center>.center_lf>ul>li>p {
        font-size: 0.25rem;
    }
    .top_6>.center>.center_span {
        bottom: 15%;
        right: 30%;
    }

    .top_7>.center {
        border-bottom-right-radius: 40% 30%;
    }

    .top_7>.center>.center_lf {
        width: 90%;
        top: 25%;
        left: 7%;
        height: 40%;
    }

    .top_7>.center>.center_lf>ul {
        width: 100%;
        height: 100%;
    }

    .top_7>.center>.center_rt {
        width: 90%;
        height: 8%;
        top: 10%;
        right: 5%;
    }

    .top_7>.center>.center_rt>ul {
        height: 100%;
        width: 260%;
    }
    
    .top_7>.center>.center_rt>ul>li {
        font-size: 0.25rem;
    float: left;
    width: 9%;
    height: 80%;
    margin-bottom: 0%;
    margin-right: 3%;
    line-height: 10vw;
    }

    .top_7>.center>.center_span {
        bottom: 16%;
        right: 35%;
    }

    .top_7>.center>.center_rt::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 10px;
        /*高宽分别对应横竖滚动条的尺寸*/
        height: 6px;
    }

    .top_7>.center>.center_rt::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.8);
        background: rgba(0, 0, 0, 0.2);
    }

    .top_7>.center>.center_rt::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        border-radius: 0;
        background: rgba(0, 0, 0, 0.1);
    }

    .top_8>ul {
        bottom: 10%;
        left: 35%;
    }

    .top_8>span {
        top: 57%;
        left: 40%;
    }
    .active>h2 {
        margin-top: 15%;
    }
    .top_8>div {
        margin-top: 4%;
        width: 100%;
        height: 80%;
        top: 13%;
        left: 0%;
    }

    .top_8>div>.shipin {
        width: 85%;
        height: 35%;
        top: 40%;
        left: 7%;
    }

    .top_8>div>.top_8_rt {
        width: 80%;
        left: 7%;
        padding-top: 7%;
        position: absolute;
    }

    .top_8>div>.top_8_rt>h3 {
        font-size: 0.35rem;
        margin-bottom: 3%;
    }

    .top_8>div>.top_8_rt>p {
        font-size: 0.25rem;
        line-height: 6.5vw;
    }

    .top_9>.center>div {
        top: 20%;
        height: 60%;
        width: 90%;
    }
    .top_9>.center>div>ul {
        height: 20%;
        margin-bottom: 2%;
        display: block;
    }

    .top_9>.center>div>ul>li {
        width: 100%;
        height: 40%;
        line-height: 2.5vw;
    }

    .top_9>.center>div>ul>li>p {
        font-size: 0.25rem;
        color: #333;
        line-height: 11vw;
    }

    .top_9>.center>div>ul>li>input {
        width: 70%;
        font-size: 0.35rem;
    }

    .top_9>.center>div>.liuyan {
        width: 100%;
    }

    .top_9>.center>div>.liuyan>p {
        font-size: 0.25rem;
    }

    .top_9>.center>div>.liuyan>input {
        width: 70%;
        font-size: 0.35rem;
        padding-left: 4%;
    }
    .top_9>.center>div>.anniu>button {
        height: 30px;
    }
    .top_9>.center>div>.anniu {
        width: 70%;
        margin-top: 20%;
    }

    .footer>.main>.ft_left>div>h2 {
        font-size: 0.36rem !important;
    }

    .footer>.main>.ft_left>div>h5,
    .footer>.main>.ft_left>div>ul>li,
    .footer>.main>.ft_left>.ft_rt_two>ul>li,
    .footer>.main>.ft_left>div>p,
    .footer>.main>.ft_left>.ft_rt_three>span {
        font-size: 0.2rem;
    }

    .footer>.main>.ft_right>ul {
        height: 135px;
    }

    .footer>.main>.ft_right>.ft_rt_one>p,
    .footer>.main>.ft_left>.ft_rt_two>p,
    .footer>.main>.ft_left>.ft_rt_three>p,
    .footer>.main>.ft_left>.ft_rt_three>p:first-child {
        font-size: 0.2rem;
    }
    .nav_two{
        display: none;
    }
    /* ***************************测温消毒***************** */
    .w_2 {
        width: 100%;
        height: 100vh;
        background: url(../img/tu4.jpg) no-repeat center 65%;
        background-size: 100%;
        position: relative;
        background-color: #31365E;
    }
    .w_2 img {
        display: block;
        max-width: 100%;
        opacity: 0;
        transition: 2.5s;
        width: 100%;
        position: absolute;
        top: 44.5%;
        height: auto;
        opacity: 1;
    }
    .w_2 span>img{
        opacity: 1;
    }
    .w_2>.big_ld{
        display: none !important;
    }
    .w_2 span{
        display: block !important;
        opacity: 1 !important;
        animation: none !important;
        -webkit-animation: none !important;
}
    .w_2_1 {
        width: 6rem;
        height: 3.2rem;
        position: absolute;
        right: 1.5rem;
        top: 2rem;
    }
}

@media screen and (max-width:450px){
    .top_1 {
        background: url(../img/top_1.png) no-repeat right;
    }
    .top_1_rt>p {
        font-size: 0.4rem;
    }
    .top_1>.top_1_lf>ul {
        margin: 10% 0 0% 0;
    }
    .top_9>.center>div {
        top: 8%;
        height: 80%;
        width: 90%;
    }
    .top_9>.center>div>p {
        font-size: 0.25rem;
    }
    .top_9>.center>div>.anniu>button {
        font-size: 0.3rem;
    }
}
@media screen and (max-width:736px) and (max-height:815px) {
    .top_2>.lankuang {
        height: 10%;
    }
    .top_2>.lankuang>img{
        height: 100%;
    }
    .active>.lankuang {
        height: 35%;
    }
    .top_2>.ld1 {
        top: 42%;
    }
    .top_2>.ld2 {
        top: 50.5%;
    }
    .top_2>.ld3 {
        top: 58.5%;
    }
    .top_2>.xuan1 {
        top: 33%;
    }
    .top_4>.top_4_rt>ul {
        top: 21%;
    }
    .top_5>.top_5_rt>h3:nth-child(2) {
        margin-bottom: 85%;
    }
}
@media screen and (max-width:736px) and (max-height:670px){
    .top_2>.lankuang>img{
        height: auto;
    }
    .top_2>.ld1 {
        top: 41%;
    }
    .top_2>.ld2 {
        top: 49.5%;
    }
    .top_2>.ld3 {
        top: 58%;
    }
    .top_2>.xuan1 {
        top: 31.5%;
    }
    .top_4>.top_4_rt>ul {
        top: 29%;
    }
    .top_5>.top_5_rt>h3:nth-child(2) {
        margin-bottom: 57%;
    }
}