.banner{ height: 210px;}
.banner-con{ width: 1200px; margin: 0px auto;}
.banner-top{ border-bottom: 1px solid #ebe9e9; line-height: 40px;}
.banner-top a{  font-size: 14px; color: #ae4646;}
.xx-select{margin-left: 10px; font-size: 14px;padding-left: 10px; display:inline-block; background-color: #e0a2a2; width: 90px;height: 25px;border-radius: 12.5px; overflow: hidden;line-height: 25px;vertical-align: middle;}
.xx-select span{ color: #fff;}
.xx-select i{ display: inline-block; width: 0px;height: 0px;border: 5px solid transparent;border-top: 6px solid #fff;vertical-align: middle;margin-left: 5px;}
.logo{ width: 1200px; margin: 20px auto 0px; }
.logo img { width: 660px; height: auto;}
.weather{ display: inline-block; vertical-align: middle; width: 15px; height: 15px; background: url(./weather1.png) no-repeat center; background-size: 15px;}
.nav{ width: 100%;background-color: #bd1a2d;}
.nav ul { width: 1200px;margin: 0px auto;position: relative;}
.nav ul li {display: inline-block; width: 137px;height: 50px; text-align: center;line-height: 50px;  }
.nav ul li.on{ background-color: #9c1626;}
.nav ul a{ color: #fff;font-size: 18px;}

/* 搜索 */
.search{ width: 200px; height: 25px; line-height: 25px;position: absolute;right: 0;top: 50%; margin-top : -12px; background-color: rgb(255, 255, 255,0.2); border-radius: 10px; overflow: hidden;}
.search-txt{ border: none;color: #fff; outline: none;width: 77%;background-color: rgb(0,0,0,0);vertical-align: top;padding-left: 10px;font-size: 14px;}
.search-sub{width: 25px; height: 25px; background: url(./2022_xxdx_search.png) no-repeat center; background-size:15px; border: none;}
input::-webkit-input-placeholder{ color: #fff;}
input::-moz-placeholder{ color: #fff;}
input:-moz-placeholder{ color: #fff;}
input:-ms-input-placeholder{ color: #fff;}
/* 标题 */
.title{ position: relative; border-bottom: 1px solid #ebe9e9;line-height: 50px;margin-bottom: 10px;}
.title a{ font-size: 22px; color: #000;}
.title a.on{ color: #bd1a2d;}

.title i{ display: block; position: absolute; top: 0px; right: 0px; background:url(2022_xxdx_more.png) no-repeat center; background-size: 15px;width:15px; height: 50px;}

/* 列表 */
.list { margin-top: 10px;}
.list li{ line-height: 34px;position: relative;padding-left: 25px; }
.list li i{ display: block; background: url(./2022_xxdx_dian.png) no-repeat center;width: 15px;height:15px;background-size: 8px;position: absolute;left: 5px;top: 9px;}
.list li span{ position: absolute;right: 0px; top: 0px; color: #999;font-size: 14px;}
.content{ overflow: hidden;}
.content .list{ width: 48%;}

.main{ /* width: 1200px; */ margin:0px auto;}
.rotation{ margin-top: 20px;overflow: hidden;}
.rotation-right{ width: 560px;}
.right-new{ border-bottom: 1px solid #ebe9e9;padding-bottom: 15px;}
.right-new h3{ font-size: 18px; font-weight: bolder;line-height: 50px;}
.right-new p{ font-size: 14px; color: #999;}
.biaoyu{ margin-top: 20px;}
.rotation-right .title{ margin-bottom: 0px;}

/* 轮播图 */
.slideBox{ overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd ul{ position: absolute;left: 70px;bottom: 0px; z-index: 2; color: #fff; line-height: 40px;}
.slideBox .hd ul li { width: 10px; height: 10px; overflow: hidden; border-radius: 5px; background-color: #fff;float: left;margin-left: 10px;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a { display: block;position: relative;text-align: center;}
.slideBox .bd li span {display: block; line-height: 40px;padding-left: 25px; height:40px; overflow:hidden; position:absolute; right:0px; bottom:0px; z-index:1;width: 100%;background-color: rgb(0,0,0,0.5);color: #fff; }
.slideBox .bd li span em{display:inline-block; width: 25px;position: absolute;left: 78px;bottom: 10px;color: red;}
.slideBox .bd li img{ width:620px; height:400px; display:block; position: relative; }
.slideBox .pn{ position: absolute;left: 50%; top: 50%; margin-left: -320px;margin-top: -30px; width: 100%; height: 60px;}
.slideBox .pn i{ display: inline-block;position: absolute; width: 40px; height: 100%;background-repeat: no-repeat; background-size: contain;}
.slideBox .pn i.prev{ background-image: url(./2022_xxdx_prev.png);left: 0px;}
.slideBox .pn i.next{ background-image: url(./2022_xxdx_next.png);right: 0px;}


.footer{ height: 130px;background-color: #bd1a2d;margin-top: 30px;}
.footer-con{ width: 1200px; margin: 0px auto;overflow: hidden; padding-top: 15px; color: #fff; font-size: 14px;}
.footer-left{ width: 50%; background-color: rgb(0,0,0,0.2);height: 40px;border-radius: 15px; overflow: hidden;padding:30px 0px;margin-left: 30px;}
.footer-right{ width: 40%; background-color: rgb(0,0,0,0.2);height: 40px;border-radius: 15px; overflow: hidden; padding:30px 0px; margin-right: 30px;}
.footer-left p{ text-align: center;}
.footer-right p{ padding-left: 30px;}


@media only screen and (max-width: 1024px) {
    body{ font-size: 14px;}
    .main{ width:100%}
    .banner{ height: auto;}
    .banner-top{ display: none;}
    .logo{ width: 80%; margin: 20px auto;}
    .logo img{ width: 100%;}
    .nav ul { height: 40px;line-height: 40px;width:100%;}
    .nav ul li{display: none;}
    .search{ width: 50%; right:10%;}
    .rotation { margin-top:0px;width:100%;height: 400px; height: 62vw;}
    .slideBox{height: 400px; height: 62vw;width:100%;}
    .slideBox .bd li img{height: 400px; width: 100%;height: 62vw;}
    .pn{ display: none;}
    .slideBox .bd li span{ display: none;}
    .slideBox .hd ul{ display: none;}
    .biaoyu{ margin-top: 0px;}
    .biaoyu img{ width: 100%;}
    .rotation-right{ display: none;}
    .fl{ float: none;}
    .fr{ float: right;}

    .content .list{ width: 90%; margin: 0px 5%;}
    .title{ line-height: 30px;}
    .title a{ font-size: 18px; color:#bd1a2d ;}
    .list li a{ display: block; width: 80%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
    .list li span{ font-size: 12px;}
    .footer{ height: auto;}
    .footer-con{ width: 100%; font-size: 12px;margin-top: 0px;}
    .footer-left{ width: 90%; margin: 0px 5%;background-color: rgb(0,0,0,0);padding: 10px 0px;height: auto;}
    .footer-right{ width: 90%; margin: 0px 5%;background-color: rgb(0,0,0,0);padding: 10px 0px;text-align: center;height: auto;}
}