body{background: #f7f7f7;}
.bg{background: url("20200930-bg.png") center top no-repeat;}
.w_1200{width: 1200px;margin: 0 auto;}
.logo{margin-top: 25px;}
.fhsy{margin-top: 22px;}
.container{margin-top: 253px;padding: 20px 20px 30px;background: #fff;min-height: 500px}
.xwt-box{padding: 20px;background: #f7f7f7;}
.lbt{width: 47.2%;}
.lbt img{max-width: 100%;}
.xw-nr{width: 50%;}
.xw-nr h1{font-size: 23px;font-weight: bold;line-height: 30px;text-align: center;margin-top: 5px;}
.xw-nr h1 a{text-decoration: none;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.det{padding-bottom: 20px;border-bottom: 1px dashed #cbcbcb;font-size: 15px;line-height: 26px;color: #777;margin-top: 15px; }
.det p a{color: #1484d6;}
.list-1 li {line-height: 38px;transition: all .3s linear;overflow: hidden;}
.list-1 li span {float: right; color: #999;font-size: 14px;}
.list-1 li i {
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #bfbfbf;
    vertical-align: middle;
    margin-right: 12px;
    margin-top: 18px;
    float: left;
}
.list-1 li a {

    display: inline-block;
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    float: left;
    color: #333;
    transition: all .3s linear;
}
.list-1 li a:hover {
    padding: 0px 0 0px 8px;
    color: #1484d6;
    transition: all .3s linear;
}
.bor-bot{padding-bottom: 20px;border-bottom: 1px #ececec solid;}
.page{text-align: center;margin-top: 35px}
.page img{max-width: 100%;}
.footer{margin-top: 30px;padding: 20px 0;background: #1484d6;text-align: center;font-size: 14px;color: #fff;line-height: 30px;}
.footer p a{color: #fff;margin: 0 5px;}
.footer p span{margin: 0 8px;}
.footer p span img{margin-right: 10px;}
.red{position: absolute;top: 36px;left: 85px;}


@media only screen and (max-width:1920px ) { body{min-width: inherit;}}
@media only screen and (max-width:1199px ) {
    .w_1200{width: 96%;}
    .red{left: 0px}
}
@media only screen and (max-width:1000px ) {
    .w_1200{width: auto;}
    .bg{background-size: 1300px}
    .logo{margin-left: 20px;margin-top: 20px;}
    .logo img{width: 300px;}
    .fhsy{margin-top: 20px;margin-right: 20px}
    .lbt{width: auto;float: none;text-align: center;margin-bottom: 20px}
    .xw-nr{width: auto;float: none}
    .red{  display:none;}
    .footer p span{display: block}
    .container {margin-top: 183px; }

}

@media only screen and (max-width:640px ) {
    .bg { background: url("20200930-pho-bg.png") no-repeat center top;}
    .logo{margin-left: 15px;}
    .logo img{width: 200px;}
    .fhsy{margin-right: 15px;}
    .fhsy img{width: 80px;}
    .container {margin-top: 153px;padding: 15px 15px 20px;}
    .xwt-box{padding: 15px;}
    .lbt img{height: auto;}
    .xw-nr h1{font-size: 18px;line-height: 24px}
    .det{font-size: 12px;line-height: 22px;padding-bottom: 15px;}
    .list-1{margin-top: 15px;}
    .list-1 li span{display: none}
    .list-1 li a{max-width: 90%;font-size: 14px;}
    .list-1 li{line-height: 32px}
    .list-1 li i{margin-right: 10px;margin-top: 15px;}
    .bor-bot{padding-bottom: 15px}
    .page{margin-top: 15px}
    .footer{font-size: 12px;line-height: 26px}

}
@media only screen and (max-width:360px ) {
    .bg { background-size: 540px}
    .container { margin-top: 123px;}


}