@media screen and (min-width: 440px) {
    html, body {width: 1920px;height: 1080px;}
    body {position: relative;}
    .box{position: absolute;left: 0;top: 0;z-index: 0;width: 1920px;height: 1080px;background: url('../images/bg3.png') no-repeat ;}
    .index_btn{position: absolute;width: 190px;height: 185px;top:755px; }
    .btn1{background: url("../images/btn_ziyuan.png") no-repeat;left:574px;background-size: 100% 100%;}
    .btn2{background: url("../images/btn_chanpin.png") no-repeat;left:825px;background-size: 100% 100%;}
    .btn3{background: url("../images/btn_huodong.png") no-repeat;left:1076px;background-size: 100% 100%;}
    .btn4{background: url("../images/btn_zhanting.png") no-repeat;left:1328px;background-size: 100% 100%;}
    .btn5{background: url("../images/btn_sdc.png") no-repeat;left:1579px;background-size: 100% 100%;}
    .btn6{background: url("../images/btn_xiadan.png") no-repeat;left:1580px;background-size: 100% 100%;}

    .index_bottom{height:106px;width:109px;position: absolute;top: 584px;}
    #close{background: url("../images/index_close.png");left:1409px; }
    #help{background: url("../images/index_help.png");left:1535px; }
    #exit{background: url("../images/index_exit.png");left:1660px; }
    #txtleft{font-size: 15px;font-family: "Microsoft YaHei";color: #484848;position: absolute;bottom: 35px;left: 203px;}
    .txtright{font-size: 15px;font-family: "Microsoft YaHei";color: #484848;position: absolute;bottom: 35px;right: 204px;}

    .mid_txt{display: none;}
    .top{display: none;}
    .bottom{display: none;}

    .message{position:absolute;top:84px;right:152px;width:369px;height:460px;background:url('../images/message.png') no-repeat;}
    .x{cursor:pointer;position:absolute;top:0;right:0;width:50px;height:50px;text-align:center;line-height:50px;font-size:30px;color: #0099df;}
    .nm{position: absolute;top:85px;left:77px;width:245px;height:23px;border:0;color: #818892}
    .tel{position: absolute;top:132px;left:77px;width:245px;height:23px;border:0;color: #818892}
    .email{position: absolute;top:177px;left:77px;width:245px;height:23px;border:0;color: #818892}
    .type{position: absolute;top:221px;left:238px;width:98px;height:22px;border:0;color: #818892}
    .textarea{resize: none;position: absolute;top:251px;left:38px;width:294px;height:106px;border:0;}
    .submit{position: absolute;top:400px;left:111px;width:150px;height:40px;opacity: 0}
    .reset{position: absolute;top:366px;left:37px;width:61px;height:22px;opacity: 0}
    .tx_box{width: 500px;height: 30px; overflow: hidden;  position: absolute;background: rgba(0, 0, 0, 0.5);left: 50%;top: 25px;transform:translate(-50%,0);line-height: 30px;border-radius: 3px;display: none;}
    .animate {padding-left: 20px; font-size: 16px;color: #fff;white-space: nowrap;animation: 10s wordsLoop linear infinite normal;  }  
  
        @keyframes wordsLoop {  
            0% {  
                transform: translateX(400px);  
                -webkit-transform: translateX(400px);  
            }  
            100% {  
                transform: translateX(-100%);  
                -webkit-transform: translateX(-100%);  
            }  
        }  
  
        @-webkit-keyframes wordsLoop {  
            0% {  
                transform: translateX(400px);  
                -webkit-transform: translateX(400px);  
            }  
            100% {  
                transform: translateX(-100%);  
                -webkit-transform: translateX(-100%);  
            }  
        }  

    .push{background:url('../images/push.png') no-repeat;position:absolute;top:84px;right:152px;width:369px;height:460px;}
    .title{font-size: 18px;color: #005bac; text-align: center;width: 180px;height: 50px;overflow: hidden;position: absolute;top: 17px;left: 110px;}
    .img{position: absolute;top:105px;left:43px;}
    .img img{width: 291px;height: 137px;}
    .content{position: absolute;top:260px;left:50px;width:280px;height:200px;overflow:hidden;line-height:18px;text-indent:2em;font-size:13px;color:#463e3b;}
    .img_box{position: absolute;height: 100%;width: 100%;left: 0;top: 0;z-index: -10;}
    .img_box img{width: 1920px;height:1080px;display: none;}
}

@media screen and (max-width: 440px) {
.box{background:url('../images/index_bg.jpg') no-repeat;background-size:cover;position:absolute;left:0;top:0;width:100%;height:100%;text-align: center;}
.bottom{position: absolute;height: 2rem;width: 100%;bottom: 0;text-align: center;color: #4b4b4b;font-size: 10px;font-family: "微软雅黑";}
.bottom span{margin-top:0.3rem;display: block;height:0.6rem; }
.top{width: 16rem;height: 1.8rem;position: absolute;top: 0;}
.top_logo{width: 4rem;line-height: 100%;margin-top:1.5rem;margin-left:1.5rem;}

.mid_txt{width: 13rem;margin:4rem auto 1.2rem;} 
.index_btn1{width:7.8rem;margin:0 auto;}
.index_btn1 div{width: 3.5rem;height:3.5rem;float: left;margin:0.2rem 0.2rem;background-size: 100% 100%;}
.btn1{background: url('../images/btn_ziyuan.png');}
.btn2{background: url('../images/btn_chanpin.png');}
.btn3{background: url('../images/btn_huodong.png');}
.btn4{background: url('../images/btn_zhanting.png');}
.btn5{background: url('../images/btn_xuanxing.png');}
.btn6{background: url('../images/btn_xiadan.png');}
.tx_box{display: none;}
#txtleft{display: none;}
.txtright{display: none;}
#full{display: none;}
.video{display: none;}
.img_box{display: none;}
}