.banner{height: 297px;background: url("20210721-hyyj-bg.png") no-repeat center top;}
.banner2{height: 297px;background: url("20210721-djhd-bg.png") no-repeat center top;}
.w_1300{width: 1300px;margin: 0 auto;}
.back{margin-top: 30px;}
.logo{margin-top: -30px;}
.nav{height: 64px;background: #0c74cc;}
.nav ul li{width: 14.28%;float: left;text-align: center;line-height: 64px;font-size: 20px;*width:14%}
.nav ul li a{display: block;color: #fff;transition: all .3s;}
.nav ul li.active a,.nav ul li:hover a{background: #02569c;}

.nav2{background: #dc0006;}
.nav2 ul li.active a,.nav2 ul li:hover a{background: #b50408}

.lbt{width: 50%;margin-top: 30px;}
.tzgg{width: 48%;margin-top: 30px;}
.tit{border-bottom: 1px #e7e7e7 solid;}
.tit h5{float: left;}
.tit h5 a{display: block;font-size: 20px;font-weight: bold;padding: 0 30px;height: 52px;line-height: 52px;color: #fff;border-radius: 5px 5px 0 0;background: #0c74cc;}
.tit a.ged{float: right;color: #999;font-size: 16px;margin-top: 12px;}

.list-1{margin-top: 12px}
.list-1 li{font-size: 18px;line-height: 38px;overflow: hidden;transition: all .3s;}
.list-1 li span{font-size: 16px;color: #999;float: right;}
.list-1 li i{float: left;display: inline-block;width: 5px;height: 5px;background: #ccc;border-radius: 100%;margin-top: 15px;margin-right: 10px;}
.list-1 li a{display: inline-block;max-width:80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left}
.list-1 li em{display: inline-block;width: 25px;height: 20px;border-radius: 4px;color: #fff;font-size: 14px;text-align: center;line-height: 20px;background: #e90a0a;margin-left: 10px;float: left;margin-top: 10px;}
.list-1 li:hover{padding-left: 7px}

.hf{margin-top: 30px;}
.footer{margin-top: 30px;border-top: 6px #0c74cc solid;padding: 25px 0 30px;text-align: center;font-size: 16px;line-height: 32px;}
.footer2{border-top: 6px #dc0006 solid;}

.footer p span{display: inline-block;margin: 0 10px;}
.footer p span img{margin-right: 7px;}
.red{position: absolute;top: 26px;left: 190px;}
.jc{position: absolute;top: 28px;right: 120px;}

.gray{background: #f6f6f6;}
.dqwz{font-size: 16px;color: #666;margin-top: 20px;}
.dqwz a{color: #666;}

.djhd-box{padding: 30px 30px 45px;background: #fff;min-height: 500px;margin-top: 20px;}
.dj-tit{padding-bottom: 16px;border-bottom: 1px #e2e2e2 solid;}
.dj-tit p{font-size: 24px;font-weight: bold;float: left;line-height: 32px;}
.gdlm{display: inline-block;height: 32px;line-height: 32px;padding: 0 10px 0 14px;border: 1px #ebebeb solid;font-size: 16px;width: 92px;}
.gdlm img{float: right;margin-top: 13px;margin-left: 18px;}

.mn-dig{position: absolute;top:34px;right: 0;border: 1px #ddd solid;background: #fff;max-height: 100px;overflow-y: auto;width: 116px;padding: 5px 0;}
.mn-dig li{
    padding: 0 20px ;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mn-dig li a{text-decoration: none;display: block;}
.mn-dig li:hover{background: #f8f8f8;}

.botbor{padding: 10px 0 25px;border-bottom: 1px #dedede dashed;}
.page{text-align: center;margin-top: 40px;}


.left_sjld{ width: 22%;}
.sjld{
    height: 58px;
    line-height: 58px;
    font-size: 22px;
    background: #0c74cc;
    text-align: center;
    color: #fff;
}
.sjld img{margin-right: 10px}
.ld_list li{
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    padding: 0 30px;
    border-bottom: 1px #e2e2e2 solid;
    background: #f3f3f3;
}
.ld_list li a{text-decoration: none;display: block;height: 100%;}
.ld_list li a i{float: right;height: 100%;display: inline-block;width: 6px;background: url("20200507-xy-1.png") no-repeat center}
.ld_list li:hover a,.ld_list li.ld_act a{color: #1964b1}
.ld_list li:hover a i,.ld_list li.ld_act a i{background: url("20200507-xy-2.png") no-repeat center;}
.right_sjld{width: 76%}


.table{width: 90%;margin: 40px auto;font-size: 16px;line-height: 36px;}
.table tr td{padding: 8px 10px;}
.table tr td input.inp1{width: 250px;height: 36px;border: 1px #ccc solid;}
.table tr td i{color: #ff0000;margin-left: 8px;}
.table tr td input.inp2{width: 500px;height: 36px;border: 1px #ccc solid;}
.table tr td em{margin-left: 8px;}
.table tr td textarea{width: 100%;height:150px;border: 1px #ccc solid;}
.table tr td input.yzm{width: 120px;height: 36px;border: 1px #ccc solid;}

.ly-btn{text-align: center;}
.ly-btn button{font-size: 18px;color: #fff;width: 120px;height: 50px;border-radius: 6px;background: #1964b1;cursor: pointer;margin: 0 10px 30px;}
.table tr td.td-item{text-align: right;width: 143px;}





@media only screen and (max-width:1920px ) { body{min-width: inherit;}}

@media only screen and (max-width:1300px ) {
    .w_1300{width: 1200px;}
    .list-1 li{font-size: 16px;line-height: 34px}
    .list-1 li em{margin-top: 8px;}

    .table tr td input.inp2{width: 450px;}

}
@media only screen and (max-width:1200px ) {
    .w_1300{width: 1000px;}
    .nav ul li{font-size: 18px}
    .tit h5 a{font-size: 18px;padding: 0 20px;height: 42px;line-height: 42px;}
    .tit a.ged{font-size: 14px;}
    .list-1 li{font-size: 14px;line-height: 30px;}
    .list-1,.list-1 li i{margin-top: 10px;}
    .list-1 li em {width: 22px;height: 18px;font-size: 12px;line-height: 18px;margin-top: 5px;}
    .list-1 li a{max-width: 75%;}
    .red{left: 100px;}
    .jc{right: 80px;}

    .footer{font-size: 14px;line-height: 30px;}
    .table tr td.td-item{width: 120px;}
    .table tr td input.inp2{width: 350px;}




}

@media only screen and (max-width:1000px ) {
    .w_1300{width: auto;padding: 0 20px;}
    .logo, .back,.lbt,.tzgg,.mar-T30{margin-top: 20px;}
    .logo{width: 350px;}
    .banner {height: 185px;background-size: 1600px;}
    .nav ul li{line-height: 54px;}
    .nav{height: 54px;}

    .nav ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch;}
    .nav ul li{-webkit-box-flex: 0;-webkit-flex: none;-ms-flex: none;flex: none;width: auto;}
    .nav ul::-webkit-scrollbar{ display: none;}
    .nav ul li a{padding: 0 20px;}
    .lbt{text-align: center;float: none;width: auto;}
    .tzgg{width: auto;float: none;}

    .red,.jc{display: inline-block;position: static;}

    .dqwz{display: none}
    .dj-tit p{font-size: 18px}
    .gdlm{font-size: 14px;}
    .djhd-box{padding: 20px 20px 30px;}
    .botbor { padding: 1px 0 15px;}
    .page{margin-top: 30px;}



    .left_sjld,.right_sjld{width: auto;float: none;}
    .right_sjld{margin-top: 20px;}
    .sjld{height: 48px;line-height: 48px;font-size: 18px;}
    .ld_list li{height: 42px;line-height: 42px;padding: 0 20px;}


    .table{font-size: 14px;}
    .table tr td input.inp1,.table tr td input.inp2{width: 100%}
    .table tr td.td-item{vertical-align: top}
    .table tr td i,.table tr td em{margin-left: 0;}



}

@media only screen and (max-width:750px ) {
    .w_1300{padding: 0 15px;}
    .logo{width: 240px;}
    .back{width: 80px;}
    .list-1 li span{display: none;}
    .list-1 li a{max-width: 86%;}
    .nav ul{padding: 0;}

    .table{width: 100%;}
    .table tr td.td-item {width: 98px;}
    .table tr td{padding: 5px 0;}
    .ly-btn button {font-size: 16px;width: 100px;height: 46px;}
    .table tr td input.yzm {width: 80px;}

}
@media only screen and (max-width:500px ) {
    .banner{height: 138px;background-size: 1200px;}
    .banner2 {height: 150px; background-size: 1300px;}
}

@media only screen and (max-width:374px ) {
    .logo{width: 200px;}
    .list-1 li a{max-width: 80%;}

}