body { margin: 0; padding: 0;}

.link_a_layer { position: relative;}
.link_a_layer a { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.headcss{position:relative;width:100%;height:650px; min-width: 1200px;}
.beadbig{position:relative;margin:0 auto;width:1200px;}
.headys{ z-index: 3; position:absolute;right:0;display:flex;width:702px;height:34px;background-image:url(v24/images/head/topbg.png);background-size:cover;color:#fff;text-align:center;font-size:13px;line-height:34px;justify-content:center;}
.headcss .bgimg{position:absolute;width:100%;height:100%;}
.headbox{position:relative;z-index:2;display:flex; justify-content: space-between;}
.bglogo{margin: 35px 0 0px 0;}
.detpcss{position:relative;top:64px;display:flex;color:#fff;font-size:14px;justify-content:center;}
.detpbox{margin:10px 15px;height:30px;cursor:pointer;}
.detpbox:hover{border-bottom:3px solid #fff;}
.bglogo img{position:relative;z-index:999;width:290px;}

.ihd_cat { font-weight: bold;}

.xqcenten { min-height: 500px;}
.xqcss { padding-bottom: 50px;}
.inner_cbox { background-color: #EBEBEB; width: 100%;}
.xqrigth { z-index: 2;}

.foot{width:100%;height:570px;background:#c4111b;}
.footbox{margin:0 auto;width:1200px;}
.footimgw{display:flex;justify-content:space-between;}
.footimg{overflow:hidden;margin-top:47px;width:141px;height:170px;}
.footimg img{width:100%;height:100%;}
.flogo img{ height:69px;}
.flogotet{margin-left:150px;color:#fff; line-height: 1.8;}
.foottitdh{ font-weight: bold; display:flex;margin-top:60px;color:#fff; font-size:18px;line-height:18px;flex-wrap:wrap;}
.footlogobox{display:flex;margin-top:100px;justify-content:space-between;}
.footlogot{display:flex; align-items: center;}
.footmore{margin-left:50px;color:#fff;font-weight:400;font-size:15px;}
.footimgt{margin:10px;color:#fff;text-align:center;font-weight:700;font-size:16px;}



.beadbg {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(255, 255, 255, 0.0));
    position: absolute;
    width: 100%;
    animation-name: slide-down;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    padding-bottom: 20px;}



    @keyframes slide-down {
        0% {
            transform: translateY(-100%);}

        /* 初始位置在元素之外 */
        100% {
            transform: translateY(0);}

        /* 结束位置与原始位置相同 */
    }

    .beadbig {
        animation-name: slide-down;
        animation-duration: 1s;
        /* 动画持续时间为3秒 */
        animation-fill-mode: forwards;}

    @keyframes slide-up {
        from {
            transform: translateY(30%);
            opacity: 0;}

        to {
            transform: translateY(0);
            opacity: 1;}

        /* 结束位置与原始位置相同 */
    }

    .dbox {
        animation-name: slide-up;
        animation-duration: 1s;
        /* 动画持续时间为3秒 */
        animation-fill-mode: forwards;}

    .menu_content .menu_item {
        width: 90px;}

    .drop {
        position: absolute;
        left: -30px;
        width: 150px;
        background: #fff !important;
        background: rgb(255, 255, 255, 0.8) !important;
        color: #000 !important;
        text-align: center;
        height: 45px !important;
        line-height: 45px !important;
        overflow: hidden;}

    .drop:hover {
        background: #b70926 !important;
        color: #fff !important;}


    .animate-me {
        opacity: 0;
        animation: fadeIn 1s forwards;}

    @keyframes fadeIn {
        from {
            transform: translateY(80%);
            opacity: 0;}

        to {
            transform: translateY(0);
            opacity: 1;}
    }

.slider {
    width: 100%;
    height: 100vh;
    position: absolute;
    overflow: hidden;}

.slider img {
    width: 100%;
    height: 100vh;
    position: absolute;
    opacity: 0;
    transition: opacity 2s ease;}

.slider img.active {
    opacity: 1;}
.tr_link_box { z-index: 999;}
.tr_link_box a { color: #fff; text-decoration: none;}
.headtopt { cursor: pointer; margin: 0 30px;}
.tr_link_box .span1 { margin-right: 260px;}
.tr_link_box .line {}
.tr_link_box .span1 .line { margin-left: 35px;}
.tr_link_box .span2 .line { margin-right: 35px;}
.tr_search_from  { position: absolute; left: 263px; z-index: 1000;}

.topSearch{position: relative; z-index: 3;}
.headys img { width: 18px; height: 18px;}
    
.topSearch>img{vertical-align: middle;}
.topSearch .ssForm{
    display: none;
    position: absolute;
    top: 0;
    right: -20px;
    transition: all 0.5s;
    background: #ffffff;
    width: 240px;
    border-radius: 20px;
    line-height: 30px;
    height: 30px;}
.topSearch .ssForm input::placeholder{color: #cccccc;}
.topSearch .ssForm input{background: transparent; color: #000; float: left; width: 160px; line-height: 30px; border: none; outline: none;}
.topSearch .ssForm input[type='text']{margin-left: 20px;}
.topSearch .ssForm input.ssBtn{width: 16px; height: 30px; background: url(v24/images/searchIco-h.png) center no-repeat; float: right; margin-right: 10px; cursor: pointer;}
.topSearch .ssForm.show{  top: 35px; display: block; transition: all 0.5s;}



.search{
  width: 218px; display: flex;}
.search input { outline: none; height:22px; line-height:22px;   border:1px solid #fff; color: #fff; margin: 5px 0; box-sizing: border-box;} 
.search .form-control{
  padding:0 10px;
  background: transparent;
  width:150px;
  float: left;} 
.search .btn{
  background:url(v24/images/searchIco-h.png) no-repeat center #fff;
  border:none;    
  width: 30px; cursor: pointer;}
.menu_content{position:relative;top:54px;}
.menu_content .menu_item { float: left; position:relative;overflow:hidden; height:45px;text-align:center;line-height:45px; width: 90px; width: auto;}
.menu_content .menu_item_1001 {}
.menu_content .menu_item_1031 {}
.menu_content .ma1 { padding: 0 6px;}
.menu_item:hover{z-index:999;overflow:visible;color:#fff;cursor:pointer;}
.menu_item .drop{position:relative; overflow:hidden; background:rgb(104,104,104,.5);text-align:center;line-height: 35px;}
.menu_item .drop:hover{background:rgb(90,88,88,.6);cursor:pointer;}



.mb { border-top: 2px solid #fff; position: absolute; left: -30px;}
.ma1,
.ma2 { text-decoration: none; color: #fff;}


.ma2 {
    text-decoration: none;
    color: #666;}

.ma2:hover {
    text-decoration: none;
    color: #fff !important;}

/* .menu_item .drop {
    background: #fff !important;
    color: #000 !important;
    border-bottom: 1px solid #eee !important;
}


.menu_item .drop:hover {
    background: #b70926 !important;
    color: #fff !important;
} */


.drop {
    position: absolute;
    left: 0;
    width: 150px;
    background: #fff !important;
    background: rgb(255, 255, 255, 0.8) !important;
    color: #000 !important;
    text-align: center;
    height: 45px !important;
    line-height: 45px !important;
    overflow: hidden;}

.drop:hover {
    background: #b70926 !important;
    color: #fff !important;}
.drop:hover  a {
    color: #fff;}


.ir2 ul li.new_li_1 a { padding-left: 38px;}
.ir2 ul li.new_li_1::before { background: url(v24/images/bg/index_hot_bg.png) no-repeat left center;  width: 35px; height: 17px; background-size: 35px auto; top: 2px; left: 0px;}
/*
.ir2 ul .new_li:not(.new_li ~ .new_li) a{ padding-left: 38px; }
.ir2 ul .new_li:not(.new_li ~ .new_li)::before { background: url(/v24/images/bg/index_hot_bg.png) no-repeat left center;  width: 35px; height: 17px; background-size: 35px auto; top: 2px; left: 0px; }*/
.ir2 ul li.new_li_icon a { padding-left: 38px;}
.ir2 ul li.new_li_icon::before { background: url(v24/images/bg/index_hot_bg.png) no-repeat left center;  width: 35px; height: 17px; background-size: 35px auto; top: 2px; left: 0px;}
.ir5_box {}
.ir5_box ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.ir5_box li { width: 32%; margin-bottom: 30px;}
.ir5_box img { width: 100%; display: block;}
.footimg { padding: 0 10px;}
.footimgw .foot_img_box,
.footimgw img { transition:all .8s;}
.footimgw .foot_img_box a { text-decoration: none;}
/*
.footimgw .foot_img_box:hover { margin-top: -10px; }
.footimgw .foot_img_box:hover img { transform: rotate(360deg); }
*/
.footmore { margin-left: 30px;}
.footmore a { margin: 0 1em 0 0; color: #fff; text-decoration: none;}
.footmore span {  padding: 0 1em 0 0;}
.foot { position: relative;}
.foot::after { content: ''; position: absolute; width: 100%; height: 1px; background: #961118; display: block; bottom: 170px;}

.br_qr_box img { height: 100px;}
.br_qr_box .qr_1 { margin-right: 30px;}

body .inner_footer { height: 170px;}
body .inner_footer .qr_2 { display: none;}

.br_qr_box .sydw_link { margin-left: 60px;  top: 20px; position: relative;}
.html_index .br_qr_box .sydw_link  { top: -20px;}
.br_qr_box .qr_1 { height: auto;}

body .inner_footer .footlogobox { margin-top: 0; padding-top: 40px;}
.dbox{margin:0 auto;width:1200px;}
.titdh{display:flex;color:#333;font-weight:400;font-size: 20px;font-family:Microsoft YaHei;line-height: 24px;justify-content:space-between; margin: 1.5em auto 0;}
.icat_hd { font-size: 18px; color: #b70926;}
.hong{color:#b70926;}
.morecss{color:#333;font-weight:400;font-size:14px;}
.newsbox{display:flex;flex-wrap:wrap; justify-content: space-between;}
.newbox{overflow:hidden;margin:15px 0 5px;width:380px;}
.newbox a,
.newtext a{ text-decoration: none;}
.newtitcss{height:45px;color:#333;font-weight:600;font-size:16px;line-height:23px; padding: 5px 0;} 
.newtitcss:hover{color:#b70926;}
.newcenten{color:#333;font-size:14px;font-weight:500;line-height:25px; /*font-family: "楷体","楷体_gb2312";*/ padding: 4px 0 0px;}
.mewimg img{ height:244px; box-shadow: 5px 5px 12px #ccc;
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 380px;}
.newtext{display:flex;background:#fcfcfc;justify-content:space-between; margin: 1em auto 2em; flex-wrap: wrap;}
.newtext a{ color: #333;}
.newtextbox{overflow:hidden;width:350px; margin-bottom: 1em; padding: 0 16px 10px;}
.newhead{display:flex;margin:0 auto;width:345px;border-bottom:1px solid #b70926;font-weight:600; line-height:50px; padding-top:  19px; justify-content:space-between;}
ul{padding-left:5px;color:#333;list-style-position:inside;list-style-type:disc;font-size:14px;}
.litext{overflow:hidden;margin:15px 0;text-overflow:ellipsis;white-space:nowrap;}
li::marker{color:#b70926;}


.ir2{ background: #ebf0fb66;}
.ir2 .newtext { background: transparent;}

.ir_bd_0412 { padding-top: 3px;}

.ir2 ul,
.ir3 ul { list-style: none;}
.ir2 li,
.ir3 li {  position: relative;}
.ir2 ul li:before,
.ir3 ul li:before { content: ''; display:block; width: 6px; height: 6px; position: absolute; left: 6px; top: 8px; background: #b70926;}
.ir2 li a,
.ir3 li a { padding-left: 24px;}

.ir3 { padding: 50px 0 90px;}
.ir3t { margin: 0 0 50px;}
.ir3b {}

.i_bg_0412 { background: url(v24/images/bg/ir_bg_color_0424.jpg) no-repeat bottom center; background-size: 100% auto;}
.i_bg_bottom_0417 { background: url(v24/images/head/ir_bg_0422.08.png) no-repeat bottom center; background-size: 1920px auto;}

.dboxbg {
     padding: 10px 0 20px;
    background-repeat: no-repeat;
    background-size: cover;}


.headcss {
    height: 100vh !important;}

.active {
    height: 100vh !important;}

.slider { height: 100vh;}


.closestyle1081937{ font-size:12px;color:#333333;text-decoration: none ;}

#side_qr_box { position: fixed; width: 111px; height: 100px; top: 40%; left: 2%; z-index: 10;}
#side_qr_box ul { list-style: none;}
#side_qr_box li {  margin-bottom: 1em;}
#side_qr_box li a { text-decoration: none;}
#side_qr_box img{ display: block;}

#side_qr_box .qr_box { /* display: none; */ width: 175px; left: -36px; position: relative;}
#side_qr_box img.qr { width: 100%; display: block;}
#side_qr_box li:hover .qr_box { display: block;}
#side_qr_box .qr_box p { background: #fff; line-height: 3; color: #333; text-align: center; margin: 0; padding: 0;}

#side_qr_box img.icon{ display: none;}