body{min-width: 1280px;}
.bg{background: url("20200628-mzt-bg.png") no-repeat top center;}
.w_1200{width: 94%;max-width: 1200px;margin: 0 auto;}
.logo{float: left;margin-top: 20px;}
.main{padding-top:50px;min-height: 500px;}
.sel{float: left;margin-top: 20px;margin-left: 60px;}
.det{
    margin-top: 357px;
    padding: 0 80px;
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    text-align: center;
}
.titlebox{
    height: 48px;
    margin-top: 40px;
    position: relative;
}
.tit1{background: url("20200628-mzt-title1.png") no-repeat center;}
.tit2{background: url("20200628-mzt-title2.png") no-repeat center;}
.titlebox a{color: #333;position: absolute;right: 0;top: 8px;}
.xrqs{
    padding-top: 10px;
    margin-left: -2%;
}
.xrqs li{
    width: 48%;
    float: left;
    margin-left: 2%;
    background: #f7f7f7;
    margin-top: 30px;
}
.xrqs li a{display: block;text-decoration: none;color: #333;overflow: hidden;}
.pic_box{
    background: #f0f0f0;
    width: 46%;
    height: 360px;
    text-align: center;
    line-height: 360px;
}
.pic_box img{max-width: 100%;}
.rwxx{
    width: 50%;
    margin-left: 4%;
    line-height: 27px;
    padding: 15px 0;
}
.footer{margin-top: 50px;padding: 25px 0;background: #c31a1b;text-align: center;color: #fff;line-height: 30px;}
.footer p span{margin: 0 6px;}
.footer p span img{margin-right: 5px}
.red{position: absolute;left: 98px;top: 14px;}

.sec-con{margin-top: 540px}
.map_box {
    background: url(20200527-map.png) left center no-repeat;
    padding-left: 25px;
    height: 50px;
    line-height: 50px;
}
.map_box p a.ls:hover, .map_box p a.ls {
    color: #c31a1b;
}


@media only screen and (max-width: 1920px){
    body{min-width:auto;}
}
@media only screen and (max-width: 1200px){
    .det{padding: 0;}
    .bg{background-size: 1600px;}
    .det {
        margin-top: 267px;
        font-size: 16px;
    }
    .red{left: 0px}
    .sec-con{margin-top: 440px}

}

@media only screen and (max-width: 1000px){
    .w_1200{width: auto;padding: 0 25px;}
    .bg{background-size: 1000px}
    .logo img{width: 150px}
    .sel{margin-left: 30px;}
    .sel img{width: 42px;}
    .det{
        border: 1px #c31a1b solid;
        background: #c31a1b;
        padding: 15px 20px;
        margin-top: 300px;
        border-radius: 4px;
    }
    .xrqs li{
        width: auto;
        float: none;
    }
    .footer p span{display: block;}
    .red{position: static;}
    .map_box{display: none;}
    .sec-con{margin-top: 300px;}
}
@media only screen and (max-width:600px){
    .w_1200{padding: 0 15px;}
    .bg{background-size: 600px;}
    .logo,.sel{margin-top: 10px;}
    .logo img{width: 100px}
    .sel img{width: 28px;}
    .det{margin-top: 170px;font-size: 14px;line-height: 24px;padding: 15px}
    .tit1,.tit2{background-size: 800px}
    .titlebox{height: 38px;}
    .titlebox a{top: 0}
    .xrqs li{margin-top: 15px}
    .sec-con {
        margin-top: 170px;
    }
}

@media only screen and (max-width:540px){
    .det{margin-left: -15px;margin-right: -15px;border-radius: 0;}
    .pic_box,.rwxx{width: auto;float: none}
    .pic_box img,.pic_box{height: 160px}
    .pic_box{line-height: 160px;}
    .sel{margin-left: 10px;}

}


@media only screen and (max-width:366px){
    .bg{background-size: 500px;}
    .det{margin-top: 120px}
    .tit1, .tit2 {
        background-size: 640px;
    }
    .titlebox a{font-size: 12px}
    .sec-con {
        margin-top: 120px;
    }
}