.banner{height: 41.041vw;background: url("20201110-banner.png") no-repeat center top; background-size:cover;}
.w_1200{width: 1200px;margin: 0 auto;}
.logo{margin-top: 60px;}
.search{width: 300px;height: 48px;border-radius: 5px;background: #fff;margin-top: 80px;box-shadow: 0 0 10px rgba(0,0,0,.2)}
.search input{width: 70%;margin-left: 20px;font-size: 14px;height: 48px;line-height: 48px;}
.search button{float: right;background: none;width: 20%;height: 48px;}
.search button img{width: 50%}
.wz-box{text-align: center;margin-top: 165px}
.wz-box img{max-width: 100%;}
.zcwj{margin-top: 30px;}
.lh_title{padding-left: 30px;font-size: 24px;font-weight: bold;background: url("20201110-titbg01.png") no-repeat left center;line-height: 36px}
.lh_title a{color: #ffffff;}
.zcwj-box ul{margin-left: -2%;}
.zcwj-box ul li{float: left;width: 23%;margin-left: 2%;margin-top: 30px;box-shadow: 0 0 10px rgba(0,0,0,.2);background: #d43132}
.zcwj-box ul li a{display: block;color: #fff;font-size: 16px;padding: 65px 20px 10px;background: url("20201110-xx-line.png") no-repeat center 15px;}
.zcwj-box ul li p{height: 66px;overflow: hidden;}
.gzdt{margin-top: 50px;}
.gzdt-box ul{padding: 30px 0;margin-left: -2%;}
.gzdt-box ul li{width: 18%;float: left;margin-left: 2%;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);padding-bottom: 10px;}
.gzdt-box ul li a{display: block;}
.img-box{box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.img-box img{max-width: 100%;height: auto}
.bot-nr span.sp01{float: left;font-size: 22px;margin: 30px 0 0 20px; }
.bot-nr span.sp02{float: right;font-size: 18px;margin: 30px 20px 0 0;}
.bot-nr p{padding: 10px 20px 0;font-size: 16px;text-align: justify;margin-top: 10px;border-top: 2px #192347 solid;height: 68px;overflow: hidden;}
.gzdt-box ul li.active a,.gzdt-box ul li:hover a{color: #fff;}
.gzdt-box ul li.active,.gzdt-box ul li:hover{background: #d33131;}
.gzdt-box ul li.active p,.gzdt-box ul li:hover p{border-top: 2px #fff solid;}
.cir{text-align: center;}
.bzml{padding: 40px 0;margin-top: 60px;background: #d33131;}
.lh_title2{background: url("20201110-titbg02.png") no-repeat left center;}
.lh_title2 a{color: #d33131;}
.bzml-box ul{margin-left: -2%;}
.bzml-box ul li{width: 23%;margin-left: 2%;margin-top: 30px;float: left;}
.bzml-box ul li a{display: block;background: #fff;text-align: center;padding-top: 25px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.bzml-box ul li p{ font-size: 20px;padding: 25px 20px;border-top: 10px #d33131 solid;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xxgk{padding: 80px 0 110px;background: url("20201110-info-bg.png") no-repeat center top;}
.xx-icon{/*margin-top: 150px;*/position: relative;}
.btn01{top: 50%;margin-top: -24px;left: -40px;position:absolute;}
.btn02{top: 50%;margin-top: -24px;right: -40px;position:absolute;}
.xx-icon ul{margin-left: -2%;height: 390px;overflow: hidden;padding-bottom: 10px;}
.xx-icon ul li{ width: 23%;float: left;margin-left: 1.8%;margin-top: 30px;text-align: center;}
.xx-icon ul li a{display: block;font-size: 20px;height: 100px;line-height: 100px;box-shadow: 0 0 10px rgba(0,0,0,.2);background: #fff;transition: all .3s;}
.xx-icon ul li span{display: inline-block;width:0;height:100px;vertical-align: middle;margin-right: 15px;background-size: 56px!important; float: left; margin-left: 12%;}
/* .xx-icon ul li span.icon01{background: url("20201110-icon01.png") no-repeat center;}
.xx-icon ul li span.icon02{background: url("20201110-icon02.png") no-repeat center;}
.xx-icon ul li span.icon03{background: url("20201110-icon03.png") no-repeat center;}
.xx-icon ul li span.icon04{background: url("20201110-icon04.png") no-repeat center;}
.xx-icon ul li span.icon05{background: url("20201110-icon05.png") no-repeat center;}
.xx-icon ul li span.icon06{background: url("20201110-icon06.png") no-repeat center;}
.xx-icon ul li span.icon07{background: url("20201110-icon07.png") no-repeat center;}
.xx-icon ul li span.icon08{background: url("20201110-icon08.png") no-repeat center;}
.xx-icon ul li span.icon09{background: url("20201110-icon09.png") no-repeat center;}
.xx-icon ul li span.icon10{background: url("20201110-icon10.png") no-repeat center;}
.xx-icon ul li span.icon11{background: url("20201110-icon11.png") no-repeat center;}
.xx-icon ul li span.icon12{background: url("20201110-icon12.png") no-repeat center;}
.xx-icon ul li span.icon13{background: url("20201110-icon13.png") no-repeat center;}
.xx-icon ul li span.icon14{background: url("20201110-icon14.png") no-repeat center;}
.xx-icon ul li span.icon15{background: url("20201110-icon15.png") no-repeat center;}
.xx-icon ul li span.icon16{background: url("20201110-icon16.png") no-repeat center;}
.xx-icon ul li span.icon17{background: url("20201110-icon17.png") no-repeat center;}
.xx-icon ul li span.icon18{background: url("20201110-icon18.png") no-repeat center;}
.xx-icon ul li span.icon19{background: url("20201110-icon19.png") no-repeat center;}
.xx-icon ul li span.icon20{background: url("20201110-icon20.png") no-repeat center;}
.xx-icon ul li span.icon21{background: url("20201110-icon21.png") no-repeat center;}
.xx-icon ul li span.icon22{background: url("20201110-icon22.png") no-repeat center;}
.xx-icon ul li span.icon23{background: url("20201110-icon23.png") no-repeat center;}
.xx-icon ul li span.icon24{background: url("20201110-icon24.png") no-repeat center;}
.xx-icon ul li span.icon25{background: url("20201110-icon25.png") no-repeat center;}
.xx-icon ul li span.icon26{background: url("20201110-icon26.png") no-repeat center;} */

.xx-icon ul li.curr a,.xx-icon ul li:hover a{transform: scale(1.1);background: #d33131;color: #fff;}
/* .xx-icon ul li.curr span.icon01,.xx-icon ul li:hover span.icon01{background: url("20201110-icon011.png") no-repeat center;}
.xx-icon ul li.curr span.icon02,.xx-icon ul li:hover span.icon02{background: url("20201110-icon022.png") no-repeat center;}
.xx-icon ul li.curr span.icon03,.xx-icon ul li:hover span.icon03{background: url("20201110-icon033.png") no-repeat center;}
.xx-icon ul li.curr span.icon04,.xx-icon ul li:hover span.icon04{background: url("20201110-icon044.png") no-repeat center;}
.xx-icon ul li.curr span.icon05,.xx-icon ul li:hover span.icon05{background: url("20201110-icon055.png") no-repeat center;}
.xx-icon ul li.curr span.icon06,.xx-icon ul li:hover span.icon06{background: url("20201110-icon066.png") no-repeat center;}
.xx-icon ul li.curr span.icon07,.xx-icon ul li:hover span.icon07{background: url("20201110-icon077.png") no-repeat center;}
.xx-icon ul li.curr span.icon08,.xx-icon ul li:hover span.icon08{background: url("20201110-icon088.png") no-repeat center;}
.xx-icon ul li.curr span.icon09,.xx-icon ul li:hover span.icon09{background: url("20201110-icon099.png") no-repeat center;}
.xx-icon ul li.curr span.icon10,.xx-icon ul li:hover span.icon10{background: url("20201110-icon1010.png") no-repeat center;}
.xx-icon ul li.curr span.icon11,.xx-icon ul li:hover span.icon11{background: url("20201110-icon1111.png") no-repeat center;}
.xx-icon ul li.curr span.icon12,.xx-icon ul li:hover span.icon12{background: url("20201110-icon1212.png") no-repeat center;}
.xx-icon ul li.curr span.icon13,.xx-icon ul li:hover span.icon13{background: url("20201110-icon1313.png") no-repeat center;}
.xx-icon ul li.curr span.icon14,.xx-icon ul li:hover span.icon14{background: url("20201110-icon1414.png") no-repeat center;}
.xx-icon ul li.curr span.icon15,.xx-icon ul li:hover span.icon15{background: url("20201110-icon1515.png") no-repeat center;}
.xx-icon ul li.curr span.icon16,.xx-icon ul li:hover span.icon16{background: url("20201110-icon1616.png") no-repeat center;}
.xx-icon ul li.curr span.icon17,.xx-icon ul li:hover span.icon17{background: url("20201110-icon1717.png") no-repeat center;}
.xx-icon ul li.curr span.icon18,.xx-icon ul li:hover span.icon18{background: url("20201110-icon1818.png") no-repeat center;}
.xx-icon ul li.curr span.icon19,.xx-icon ul li:hover span.icon19{background: url("20201110-icon1919.png") no-repeat center;}
.xx-icon ul li.curr span.icon20,.xx-icon ul li:hover span.icon20{background: url("20201110-icon2020.png") no-repeat center;}
.xx-icon ul li.curr span.icon21,.xx-icon ul li:hover span.icon21{background: url("20201110-icon2121.png") no-repeat center;}
.xx-icon ul li.curr span.icon22,.xx-icon ul li:hover span.icon22{background: url("20201110-icon2222.png") no-repeat center;}
.xx-icon ul li.curr span.icon23,.xx-icon ul li:hover span.icon23{background: url("20201110-icon2323.png") no-repeat center;}
.xx-icon ul li.curr span.icon24,.xx-icon ul li:hover span.icon24{background: url("20201110-icon2121.png") no-repeat center;}
.xx-icon ul li.curr span.icon25,.xx-icon ul li:hover span.icon25{background: url("20201110-icon2525.png") no-repeat center;}
.xx-icon ul li.curr span.icon26,.xx-icon ul li:hover span.icon26{background: url("20201110-icon2626.png") no-repeat center;} */
.xx-icon ul li i{display:inline-block;overflow: hidden; width:67%; white-space: nowrap; text-overflow: ellipsis; float: left; text-align: left;text-align: center;}



.bot-wj{height: 100px;background: #d33131;}
.bot-wj ul li{float: left;width: 25%;line-height: 100px;}
.bot-wj ul li a{font-size: 16px;line-height: 100px;color: #fff;}
.bot-wj ul li a img{margin-right: 15px;height: 56px;}

.footer{padding: 20px 0;background: #eee;text-align: center;line-height: 30px;}
.footer p a{margin: 0 10px;}
.footer p span{margin: 0 10px;}
.red{position: absolute;top: 50px;left: 50%;margin-left: -400px;}

.zxt-box{padding: 10px 0;background: #fff;margin-top: -70px;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.zxt-box ul li{width: 20%;text-align: center;float: left;}
.zxt-box ul li a{border-right: 4px #9e2820 solid;padding: 20px 0;display: block}
.zxt-box ul li.last a{border-right: 0;}
.zxt-box ul li span{display: inline-block;vertical-align: middle;font-size: 18px}
.zxt-box ul li img{margin-right: 15px;}




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

@media only screen and (max-width:1280px ) {
    .w_1200{width: auto;padding: 0 40px;}
    .banner{ background-size: 1500px;height: 618px;}

}

@media only screen and (max-width:1200px ) {
.xx-icon ul li{ width: 31.33%;}
}


@media only screen and (max-width:999px ) {
    .w_1200{padding: 0 20px;}
    .btn02{right: -20px;}
    .btn01{left: -20px;}
    .logo{margin-top: 20px;}
    .logo img{width: 300px;}
    .search{margin-top: 25px;}
    .banner {background-size: 1000px;height: 418px;}
    .search input,.search,.search button{height: 42px;line-height: 42px;}
    .zcwj-box ul li,.bzml-box ul li{width: 48%}
    .gzdt-box ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch;margin-left: 0;}
    .gzdt-box ul li{-webkit-box-flex: 0;-webkit-flex: none;-ms-flex: none;flex: none;width: 200px;margin-left: 0;margin-right: 15px;}
    .gzdt-box ul::-webkit-scrollbar{ display: none;}

    .xx-icon ul li{width: 31.33%}
    .bot-wj ul li a img{height: 36px;}
    .red{position:static;margin-left: 0;}

}

@media only screen and (max-width:850px ) {
.xx-icon ul li {width: 48%;}
}


@media only screen and (max-width:700px ) {
    .logo{padding-top: 15px;margin-top: 0;}
    .logo img{width: 250px;}
    .banner {background-size: 700px;height: 300px;}
    .search{position: absolute;right: 20px;top: 20px;margin-top: 0;width: 40px;overflow: hidden;transition: all .3s;}
    .search input{display: none;}
    .search button{width: 40px}
    .search input, .search, .search button{height: 36px;line-height: 36px;}
    .search:hover{width: 280px;}
    .search:hover input{display: block;float: left;width: 50%}

    .xx-icon{margin-top: 0;}
    .xx-icon ul li{width: 48%}
    .bot-wj ul li{width: 50%}
    .bot-wj{height: auto}
    .bot-wj ul li,  .bot-wj ul li a{line-height: 80px}
    .footer .w_1200{padding: 0;}
    .footer p a{margin: 0 5px;}
    .footer p span{display: block}
}



@media only screen and (max-width:560px ) {
    .banner {
        background-size: 540px;
        height: 225px;
    }
    .zcwj-box ul,.bzml-box ul{margin-left: 0;}
    .zcwj-box ul li,.bzml-box ul li{width: auto;float: none;margin-left: 0;margin-top: 20px}
    .xx-icon ul li span{width: auto;display: block;background-size: 36px!important;height: 50px;margin-right: 0;float: none;margin-left: 0;}
    .xxgk{padding: 40px 0 50px;}
    .xx-icon ul li a{padding-top: 15px;font-size: 16px;line-height: 60px}
    .xx-icon ul li{margin-top: 15px;}
	.xx-icon ul li i{float: none;text-align: center;width: 100%; line-height: 40px;}
}

@media only screen and (max-width:340px ) {

    .banner {
        background-size: 500px;
        height: 220px;
    }
    .logo img {
        width: 230px;
    }
}