@charset "UTF-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0;padding:0; font-family:CustomFont,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;}
li{list-style-type: none;}
a{text-decoration: none; color: inherit; cursor: pointer;}
img{border:none;vertical-align: middle;}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
.fl{float: left;}
.fr{float: right;}
input{outline: none;border: none;}
input[type="checkbox"]{ display: none; }
html,body{ font-size: 16px; }
.w1200{width: 1200px;margin: 0 auto;overflow: hidden;}

.header{
    background: url(../images/bg_header.png) no-repeat top center;
    background-size: 100% 260px;
}
.topimg{
    width: 1200px;
    margin: 0 auto;
    line-height: 260px;
    text-align: center;
    height: 260px;
}
.nav{
    height: 54px;
    line-height: 54px;
    min-width: 1200px;
    background: #FFF;
    border-top: 6px solid #ffe100;
    border-bottom: 3px solid #f6f6f6;
}
.nav ul{
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
}
.nav ul li a{
    display: block;
    text-align: center;
    padding: 0 30px;
    height: 54px;
    font-size: 16px;
    transition: all .3s;
}
.nav li .active, .nav li a:hover {
    background: #C51507;
    color: #FFF;
}

.module1{
    /* background: url(../images/9649bk1.png) repeat-x top center; */
    min-height: 325px;
    padding: 20px 0; 
}
.module1 .fl{
    width: 650px;
    height: 400px;
}
/*轮播图样式，外层只需规定宽高即可*/
.banner{ width: 100%; height: 100%; position: relative; overflow: hidden;}
.banner * { margin: 0; padding: 0; list-style-type: none; text-decoration: none; }
.banner ul{ width: 100%; height: 100%; position: relative; left: -100%; top: 0; transition: 0.5s; font-size: 0; -webkit-text-size-adjust:none; white-space: nowrap; }
.banner ul.active{ transition: 0s; }
.banner ul li{ width: 100%; height: 100%; position: relative; display: inline-block; vertical-align: top; }
.banner ul li img{ width: 100%; height: 100%; border: none; display: block; }
.banner ul li p{ position: absolute; bottom: 0; left: 0; /*padding-top: 35px;*/ line-height: 40px; width: 100%; background: url("../images/20220308banner-bg.png") left bottom repeat-x;   box-sizing: border-box; padding-right: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 15px; text-indent: 10px; }
.banner ol{ position: absolute; right: 10px; bottom: 15px; height: 10px; z-index: 10;}
.banner ol li{ width: 10px; height: 100%; background: #fff; display: inline-block; margin-right: 8px; cursor: pointer; vertical-align: top; border-radius: 0; transition: 0.5s; }
.banner ol li.active{ background: #ffe100; width: 40px; }
.banner:hover .prev,.banner:hover .next{ opacity: 1; }
.banner .prev{ left: 10px; background-position: left bottom; }
.banner .next{ right: 10px; }
.banner.fade ul{ left: 0; }
.banner.fade ul li{ position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 0.5s linear; }
.banner.fade ul li.active{ z-index: 1; opacity: 1; }
.banner.lot .lotBox{ width: 20%; height: 100%; position: relative; }
.banner.lot ul li{ padding: 0 3%; box-sizing: border-box; }
.banner.lot ul li p{ position: static; padding: 0; background: none; text-indent: 0; color: #333; text-align: center; }
.banner.updown ul{ left: 0; top: -100%;  }
.banner.updown ul li{ display: block; }
.banner.updown ol{ left: 50%; right: auto; margin-left: -60px; }

.module1 .fr{
    width: 525px;
}
.module1 .fr h2{
    height: 30px;
    background: url(../images/56464tit_bjshot.png)  center no-repeat;
}
.module1 .fr h2 a{
    display: block;
    line-height: 30px;
    color: #d0021b;
    font-size: 30px;
    text-align: center;
}
.module1 .fr ul{
    margin-top: 15px;
}
.module1 .fr ul li{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #ccc;
}
.module1 .fr ul li a{
    color: #323232;
}
.module1 .fr ul li a:hover{
    color: red;
}
.module2{
    background-color: #f4f4f4;
}
.module2 .w1200{
    padding: 20px 0;
}
.module3 .w1200{
    padding: 40px 0;
}

.common .tit{
    background: url(../images/456416tit_longbj.png) center center no-repeat;
    height: 30px;
}

.common .tit a{
    display: block;
    line-height: 30px;
    color: #d0021b;
    font-size: 30px;
    text-align: center;
}
.common ul{
    margin-top: 15px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.common ul li{
    width: 48%;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px dashed #ccc;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.common ul li:hover{
    color: red;
}
.common .more{
    width: 200px;
    height: 40px;
    margin: auto;
    margin-top: 30px;
    text-align: center;
    border: 1px solid #ccc;
    line-height: 40px;
    border-radius: 5px;
    font-size: 20px;
    display: block;
}

/* 栏目 */
.clannel{
    padding-top: 15px;
}
.clannel .guide{
    width: 1200px;
    height: 45px;
    background: #f3f3f3;
    line-height: 45px;
    color: #626262;
    margin-bottom: 10px;
    padding-left: 10px;
    font-weight: 600;
    cursor: pointer;
}

.clannel ul li{
    overflow: hidden;
    border-bottom: 1px dashed #ccc;

}
.clannel ul li a{
    padding-left: 25px;
    height: 50px;
    line-height: 50px;
    float: left;
    display: block;
    background: url(../images/20220308icon.png) 5px center no-repeat;
    width: calc(100% - 100px);
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.clannel ul li a:hover{
    color: red;
}
.clannel li span{
    float: right;
    font-size: 14px;
    color: #555;
    line-height: 50px;
    margin-right: 5px;
}
.page-nav{
    width: 100%;
    margin: 35px 0;
    text-align: center;
}
.page-nav a{
    display: inline-block;
    padding: 0px 15px;
    margin: 0 5px;
    line-height: 40px;
    border-radius: 5px;
    border: 1px solid #c6c6c6;
    color: inherit;
}
.page-nav a.on{
    background: #cb1610;
    color: #fff;
    border-color:#cb1610;
}
/* 栏目 end */
/* //////////// */
.mod-wrap{
    width: 1200px;
    min-height: 400px;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    padding: 40px;
    box-sizing: border-box;
}
.mod-wrap-tit h2{
    color: #000;
    font-size: 28px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 10px;
}
.mod-wrap-info{
    font-size: 14px;
    margin-bottom: 25px;
    padding: 16px 10px;
    text-align: center;
    color: #777;
    border-bottom: 1px solid #ddd;
}
.mod-wrap-info span{
    padding: 0 5px;
}
.mod-wrap-cont{
    color: #333;
    font-size: 18px;
    line-height: 2;
    padding: 0 0 20px 0;
    overflow: hidden;
}




/* ---------- */
.foot{
    background-color: #CB1610;
}
.foot .mod{
    width: 1200px;

    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.foot .mod p{
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
}
.foot .mod p a{
    color: #fff;

}