


/* CSS Document */

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,hr, blockquote, pre,table,th,dl,dd,td,img,div,legend,input,textarea,select{margin:0;padding:0;} 
body{font:12px"宋体","Arial Narrow",HELVETICA;background:#fff;} 
img{border: 0px;}
select,input,img,select{vertical-align:middle;}
ul,ol{list-style-type:none;}
table { border-collapse:collapse; border-spacing:0; }
a:link, a:visited { color:#595959; text-decoration:none; }
a:hover { color:#666666; text-decoration: underline; }
/*
 
a:link{color:#009;} 
a:visited{color:#800080;} 
a:hover,a:active,a:focus{color:#c00;text-decoration:underline;}*/

/* css common */
/*.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }zoom:1;属性是IE浏览器的专有属性，触发ie的hasLayout属性，清除浮动、清除margin的重叠等*/

.fl{float: left;}
.fr{float: right;}

.pointer{cursor:pointer;}
a,input,button{ outline:none; }
::-moz-focus-inner{border:0px;}

.wrap{margin: 0 auto;}
.wrapper{clear: both;width: 100%;}
word-break:break-all /*文字换行*/
/*white-space:nowrap 文字不换行*/

/*默认滚动条样式修改ie9 google Firefox 等高版本浏览器有效*/
/*::selection {background: #D03333;color: white;text-shadow: none;}
::-webkit-scrollbar-track-piece{width:10px;background-color:#f2f2f2}
::-webkit-scrollbar{width:10px;height:6px}
::-webkit-scrollbar-thumb{height:50px;background-color:rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:hover{background:#cc0000}*/


/*渐变*/
/*background-image: -moz-linear-gradient(top, #8fa1ff, #3757fa);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff4f02), color-stop(1, #8f2c00)); Saf4+, Chrome 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6ff00', endColorstr='#538300', GradientType='0'); IE*/
/**清除必须在最后**/

/* 特殊日子 全站灰色 */
.site-gray{
 filter: gray !important;
 filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
 filter: grayscale(100%);
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
}

/* CSS Document */
/* html{
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)
}*/
body {
    font-size: 14px;
    font-family: 微软雅黑;
    color: rgb(0, 0, 0);
    /* background-color: #f0f0f0; */
   
    /*background-position: 0 635px;*/
    /*background-size: 100%;*/
}
a:hover{ text-decoration: none;color:#e02f31;}
.ml10{margin-left: 10px;}
.mb10{margin-bottom: 10px;}
.rap{ width:1250px; margin:0px auto 0;}

/* head */
.map-slide { margin: 25px 10px 0px 0px; cursor: pointer;}
.map-nav{ display: block;width: 100%;margin: 0px auto;text-align: center;background: url(../image/djwbg.jpg) center top repeat-x;height: 320px;
}
/*.header{padding-bottom: 300px; }*/
.header_top{width: 100%;height: 44px;line-height: 30px;background: #fff;color: #333;}
.header_cont{ width: 1260px; margin: 0 auto; overflow: hidden;}
.header_top_l{margin-right: 20px;font-size: 12px; line-height: 44px;}
.header_top_l_cont p{ float:left;}
.header_top_l_cont{ margin-right:20px;}
.header_top_r {margin-top: 2px;}
.header_top_r ul li{float: left;position: relative;z-index: 100;}
.header_top_r ul li a {display: inline-block; padding-left: 20px;margin: 0 12px; background: url(../image/icons.png) 0px 0px no-repeat; color: #333;}
.header_top_r  .phone{background-position: 0 8px;}
.header_top_r .codeDiv{padding: 5px;background: #fff;position: absolute;top: 32px; left: -60px; width: 250px; height: 160px; display: none;box-shadow: 1px 1px 2px rgba(0,0,0,.15);}
.header_top_r .codeDiv img { margin-left:10px;}
.header_top_r .goh {background-position: 0px -26px;}
.header_top_r .collect {background-position: 0px -62px;}
.header_top_r .cont {background-position: 0px -96px;}

.header_bootom{width: 100%;background: url("../image/top_bg.png") center no-repeat; height: 395px;}
.header_bootom_cont{height: 255px; position: relative; width: 1250px; margin: 0 auto;}
.header_bootom_cont .logo{float: left;padding: 66px 0 0;}
.head_bootom_right{position: absolute;top: 57px;right: 10px;}
.header_bootom_cont_mid{ margin:50px 0px 0px 10px; border-left:2px dashed #b20807;padding-left: 20px;}
.header_bootom_cont_mid h1{color:#333}
.header_bootom_cont_mid p{float: left; margin: 20px 10px 0px 0px;}
.header_bootom_cont_mid p span,.header_bootom_cont_mid p a:link,.header_bootom_cont_mid p a{color:#333 !important}

.w1260{width: 1260px; margin: 0 auto;}
.index_logo{width: 318px; position: absolute; top: 113px; left: 338px; z-index: 999;}
.index_logo img{width: 100%;}
.nav{height: 60px; background: #D71516;
  box-shadow: 0px 2px 4px 0px rgba(129,26,26,0.5);}
.nav ul li {
  float: left;

width: 175px;
height: 60px;
  margin-left: 5px;
  box-sizing: border-box;
}

.nav ul li:first-child{margin-top: 0px; margin-left: 0px;}
.ul li {

  position: relative;

}

.nav ul li a {

 
  display: block;

  font-size: 16px;

padding: 10px 10px;
  text-align: center;
  line-height: 33px;
  color: #fff;

}

.er_nav  li:hover a{color: #fff !important;}
.nav ul li:hover{
  background: #BF0B06; background-size: 100%;
  font-weight: 700; 
}
.on{background: #BF0B06; background-size: 100%;
  font-weight: 700;   }
.er_nav {

  overflow: hidden;

  position: absolute;

  top: 64px;

  z-index: 99999;

}

.active1  {
  background: #f6f6f6;
}

.submenu {

  left: 0;

  max-height: 0;

  position: absolute;

  top: 100%;

  z-index: 0;

  -webkit-perspective: 400px;

  -moz-perspective: 400px;

  -ms-perspective: 400px;

  -o-perspective: 400px;

  perspective: 400px;

}



.submenu li {

  opacity: 0;

  -webkit-transform: rotateY(90deg);

  -moz-transform: rotateY(90deg);

  -ms-transform: rotateY(90deg);

  -o-transform: rotateY(90deg);

  transform: rotateY(90deg);

  -webkit-transition: opacity .4s, -webkit-transform .5s;

  -moz-transition: opacity .4s, -moz-transform .5s;

  -ms-transition: opacity .4s, -ms-transform .5s;

  -o-transition: opacity .4s, -o-transform .5s;

  transition: opacity .4s, transform .5s;

  /*Ã¥Â®Å¾Ã§Å½Â°Ã¤Â¸â€¹Ã¦â€¹â€°Ã¨ÂÅ“Ã¥Ââ€¢Ã¨Å¾ÂºÃ¦â€”â€¹Ã¦Â·Â¡Ã¥â€¡Âº*/

}



.menu .submenu li:hover a {



  border-radius: 0;


}



.menu > li:hover .submenu, .menu > li:focus .submenu {

  max-height: 2000px;

  z-index: 10;

}



.menu > li:hover .submenu li, .menu > li:focus .submenu li {

  opacity: 1;

  -webkit-transform: none;

  -moz-transform: none;

  -ms-transform: none;

  -o-transform: none;

  transform: none;

}

/*Ã¥Å Â¨Ã§â€Â»Ã©â‚¬â€™Ã¨Â¿â€ºÃ§Å¡â€žÃ¦â€”Â¶Ã©â€”Â´ Ã¥Â®Å¾Ã§Å½Â°Ã¤Â¸â‚¬Ã¤Â¸ÂªÃ¤Â¸ÂªÃ¨Å¾ÂºÃ¦â€”â€¹Ã¥Â­ÂÃ¨ÂÅ“Ã¥Ââ€¢*/

.menu li:hover .submenu li:nth-child(1) {

  -webkit-transition-delay: 0s;

  -moz-transition-delay: 0s;

  -ms-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

}



.menu li:hover .submenu li:nth-child(2) {

  -webkit-transition-delay: 50ms;

  -moz-transition-delay: 50ms;

  -ms-transition-delay: 50ms;

  -o-transition-delay: 50ms;

  transition-delay: 50ms;

}



.menu li:hover .submenu li:nth-child(3) {

  -webkit-transition-delay: 100ms;

  -moz-transition-delay: 100ms;

  -ms-transition-delay: 100ms;

  -o-transition-delay: 100ms;

  transition-delay: 100ms;

}



.menu li:hover .submenu li:nth-child(4) {

  -webkit-transition-delay: 150ms;

  -moz-transition-delay: 150ms;

  -ms-transition-delay: 150ms;

  -o-transition-delay: 150ms;

  transition-delay: 150ms;

}



.menu li:hover .submenu li:nth-child(5) {

  -webkit-transition-delay: 200ms;

  -moz-transition-delay: 200ms;

  -ms-transition-delay: 200ms;

  -o-transition-delay: 200ms;

  transition-delay: 200ms;

}



.menu li:hover .submenu li:nth-child(6) {

  -webkit-transition-delay: 250ms;

  -moz-transition-delay: 250ms;

  -ms-transition-delay: 250ms;

  -o-transition-delay: 250ms;

  transition-delay: 250ms;

}



.menu li:hover .submenu li:nth-child(7) {

  -webkit-transition-delay: 300ms;

  -moz-transition-delay: 300ms;

  -ms-transition-delay: 300ms;

  -o-transition-delay: 300ms;

  transition-delay: 300ms;

}



.menu li:hover .submenu li:nth-child(8) {

  -webkit-transition-delay: 350ms;

  -moz-transition-delay: 350ms;

  -ms-transition-delay: 350ms;

  -o-transition-delay: 350ms;

  transition-delay: 350ms;

}



.submenu li:nth-child(1) {

  -webkit-transition-delay: 350ms;

  -moz-transition-delay: 350ms;

  -ms-transition-delay: 350ms;

  -o-transition-delay: 350ms;

  transition-delay: 350ms;

}



.submenu li:nth-child(2) {

  -webkit-transition-delay: 300ms;

  -moz-transition-delay: 300ms;

  -ms-transition-delay: 300ms;

  -o-transition-delay: 300ms;

  transition-delay: 300ms;

}



.submenu li:nth-child(3) {

  -webkit-transition-delay: 250ms;

  -moz-transition-delay: 250ms;

  -ms-transition-delay: 250ms;

  -o-transition-delay: 250ms;

  transition-delay: 250ms;

}



.submenu li:nth-child(4) {

  -webkit-transition-delay: 200ms;

  -moz-transition-delay: 200ms;

  -ms-transition-delay: 200ms;

  -o-transition-delay: 200ms;

  transition-delay: 200ms;

}



.submenu li:nth-child(5) {

  -webkit-transition-delay: 150ms;

  -moz-transition-delay: 150ms;

  -ms-transition-delay: 150ms;

  -o-transition-delay: 150ms;

  transition-delay: 150ms;

}



.submenu li:nth-child(6) {

  -webkit-transition-delay: 100ms;

  -moz-transition-delay: 100ms;

  -ms-transition-delay: 100ms;

  -o-transition-delay: 100ms;

  transition-delay: 100ms;

}



.submenu li:nth-child(7) {

  -webkit-transition-delay: 50ms;

  -moz-transition-delay: 50ms;

  -ms-transition-delay: 50ms;

  -o-transition-delay: 50ms;

  transition-delay: 50ms;

}



.submenu li:nth-child(8) {

  -webkit-transition-delay: 0s;

  -moz-transition-delay: 0s;

  -ms-transition-delay: 0s;

  -o-transition-delay: 0s;

  transition-delay: 0s;

}



.er_nav li{float: left; margin-left: 0px !important; width: 100%; text-align: center;padding: 0px !important; background-color: #fff;}



.er_nav li:hover a{font-weight: bold; }

.er_nav li a{color: rgba(102, 102, 102, 1) !important; font-size: 14px !important;}

.er_nav{overflow: hidden; position: absolute;top: 60px; z-index: 99999;}

.ul li{position: relative;}





        .clearfix li{

          -webkit-transition: all 0.8s;

-moz-transition: all 0.8s;

-o-transition: all 0.8s;

        }



.clearfix li:hover {

transform: rotate(360deg);

-webkit-transform: rotate(360deg);

-moz-transform: rotate(360deg);

-o-transform: rotate(360deg);

-ms-transform: rotate(360deg);

}

/*搜索框*/
.nav_box{position: relative;}
.search{width: 280px;
  height: 38px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #BF0B06; overflow: hidden;}
.search input{width: 80%; float: left; height: 40px; border: none; text-indent: 20px; line-height: 40px;}
.search button{background-color: #BF0B06;height: 40px; border: none; width: 20%;}


/*mian*/
.mian_box{ background-size: 100%; min-height: 200px;}
.main{ padding-top: 25px;}
.header_news{min-height: 100px; background-color: #fff; padding: 5px;}

/*news*/
.header_news_box{ position: relative;overflow: hidden; margin-top: 20px; padding-bottom: 20px; border-bottom: 2px solid #D71516;}
.header_news_box h1{font-size: 32px; line-height: 45px; color: #D71516; font-weight: 600; text-align: center; margin-bottom: 10px;}
.header_news_box p{ font-size: 14px; line-height: 20px; color: #656565; font-weight: 400; text-align: center;}
.tt_img{position: absolute; top: 0px; left: 19px;}
.news_head_index{overflow: hidden;}
.bannernews{width: 100%; height: 386px; position: relative;}
.list_box h2{font-family: PingFangSC, PingFang SC;
  font-weight: 500;
  font-size: 20px;
  color: #333333;
  line-height: 28px;
  text-align: left;
  font-style: normal; font-size: 20px; margin-bottom: 20px;}



.bannernews .swiper-slide .title {
  background: linear-gradient( 180deg, rgba(237,47,49,0) 0%, #B50607 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 47px;
  line-height: 47px;
  padding-right: 20%;
  color: #fff;
  font-size: 16px;
  z-index: 2;
  text-indent: 10px;
}


.bannernews .swiper-pagination-bullet {
  background: none;
  opacity: 1;
  cursor: pointer;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  margin-left: 10px;
}
.bannernews .swiper-pagination {
  right: 12px;
  left: auto;
  width: auto;
  bottom: 10px;
}
.bannernews .swiper-pagination-bullet-active{background-color: #D71516; border: #D71516;}
.whdt_list{overflow: hidden;}
.index_news_lb{width: 638px; overflow: hidden;}
.bannernews .swiper-slide img{width: 100%;}
.news_head_index{margin-top:40px;}
/*选项卡*/
.tab_box{overflow: hidden;}

#title {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
  
}
#title .titin {
 background: url('../image/16.png') no-repeat; background-size: 100%;
 color: #fff;
 border-radius:25px
}
#title h3 {
  float: left;
  width: 32%;
  padding: 2px;
  color: #BF0B06;
 
 font-size: 20px;
 font-weight: 500;
 text-align: center;
 line-height: 37px;
}

#content {
  width: 100%;
}
#content div {
  display: none;
  width: 100%;
  position: relative;
}
.left{float: left;}
.right{float: right;}
.index_news_table {width: 600px;}
.list_box ul li{ margin-bottom: 15px; font-size: 16px; line-height: 22px; border-bottom: 1px dashed #BAB7B7; padding-bottom: 20px;}
.list_box ul li span{float: right; color: #999999; font-size: 14px;}

.list_box ul li strong{
  display: inline-block;
  width: 6px;
height: 6px;
background: #D71516;
border-radius: 50%;
float: left;
margin-top: 8px;
margin-right: 5px;
}
#content .one {
  display: block;
  width: 100%;
}

/*选项卡2*/
#title2 {
  width: 35%;
  overflow: hidden;
  margin-bottom: 20px;
  margin: 0 auto;
}
#title2 .titin {
 background: url('../image/di.png') no-repeat; background-size: 50%;
 background-position: 34px 33px;
 
}
#title2 h3 {
  float: left;
  width: 32%;
  padding: 2px;
  color: #BF0B06;
 
 font-size: 20px;
 font-weight: 500;
 text-align: center;
 line-height: 37px;
}

#content2 {
  width: 100%;
  background-color: #fff;
}
#content2 .list_box {
  display: none;
  width: 91%;
  position: relative;

  overflow: hidden;
  padding: 58px;
}
#content2 .one {
  display: block;
  width: 91%;
}
.chx{margin-top: -10px;}

/*首页tab*/
.index_ul_box{width: 50%; float: left; margin-bottom: 20px;}
.index_title_box{width: 100%;}
.index_title{font-size: 18px; color: #D71516; font-weight: 600;}
.index_ul_tu_box{overflow: hidden; margin-top: 10px;}
.index_ul_tu_fl{float: left; width: 170px; height: 92px;}
.index_ul_tu_fl img{width: 100%;}
.index_ul_tu_fr{float: left; margin-left: 10px;}
.index_ul_tu_fr h4{font-size: 16px; color: #333; margin-bottom: 20px;}
.index_ul_tu_fr p{ font-size: 14px; color: #333;}

/*zt*/
.zt{padding: 10px 4px; margin-top: 20px; overflow: hidden; background-color: #fff;}
.yl_index{overflow: hidden;} 


/*首页列表div*/
.list_index_box{overflow: hidden; margin-top: 20px; margin-bottom: 50px;}
.list_list_index{width: 402px; height: 336px; padding: 5px; background-color: #fff; float: left; margin-left: 12px; margin-top: 12px;}
.list_list_index:first-child{margin-left: 0px;}
.list_list_index:nth-child(4){margin-left: 0px;}
.list_title{overflow: hidden; margin-bottom: 10px; margin-top: 5px;}
.list_title img{display: inline-block; float: left;}
.list_title span{color: #D71516; font-size: 20px; line-height: 28px; font-weight: 500; float: left;}
.list_title  a{ float: right; color: #666; font-size: 14px; font-weight: 400; line-height: 20px; margin-top: 5px;} 
.list_title .title_ico{ width: 25px; height: 25px; margin-top: 3px; margin-right: 5px;}
.list_title .title_hx{width: 62%; margin-left: 10px; margin-top: 12px; }

.index_list_ul{overflow: hidden; padding: 5px;}
.index_list_ul ul li{color: #333333; line-height: 22px; font-weight: 400; text-indent: 5px; margin-bottom: 15px; font-size: 16px;}
.index_list_ul ul li img{float: left; margin-top: 9px; margin-right: 5px;}


/*横栏*/
.hl{margin-top: 15px; margin-bottom: 15px;}
.hl img{width: 100%;}

/*首页党建掠影*/
.djly{background-color: #fff; padding: 10px; padding-bottom: 25px;}
.djly_title{overflow: hidden; margin-top: 20px; margin-bottom: 10px;}
.djly_title img{display: inline-block; float: left;}
.djly_title span{ font-size: 20px; color: #fff; font-weight: 500; display: block; margin: 0 auto; height: 42px; width: 192px; background-color: #D71516; text-align: center; line-height: 34px;}
.djly_title .zhong{width: 43%; margin-top: 10px;}
.djly_title .djly_ico{width: 25px; height: 25px; margin-top: 1px;margin-left: 25px;
  margin-right: 10px;}

.djly_lunbo{overflow: hidden; margin-top: 40px;}
.djly_index img{width: 100%;}
.djly_index p{text-align: center; margin-top: 10px;}

.title_left span{float: left; line-height: 38px;}

/*视频*/
.index_video{background-color: #fff; padding: 10px; padding-bottom: 25px; overflow: hidden;}
.video_index{margin-top: 20px; overflow: hidden;}
.v_left{overflow: hidden;width: 55%; position: relative; margin-right: 5px;}
.v_left img{width: 100%;}
.hui_title{ padding: 5px; width: 100%; height: 46px; position: absolute; bottom: 0px; background: linear-gradient( 180deg, rgba(47,47,47,0) 0%, rgba(88,87,87,0.74) 100%);}
.hui_title p{color: #fff; line-height: 45px; font-size: 16px;}
.hui_title img{width: 33px; height: 33px; float: left; margin-left: 10px; margin-right: 10px; margin-top: 6px;}
.hui_title p span{float: right; margin-right: 25px; font-size: 14px; }
.v_right{width: 44%; overflow: hidden;}
.v_right ul li{float: left; width: 49%; position: relative; margin-left: 5px; margin-bottom: 13px;}
.v_right ul li img{width: 100%;}
.v_right ul li p{display: block;color: #fff; text-align: center; width: 100%; height: 38px; line-height: 38px; position: absolute; bottom: 0px; background: linear-gradient( 180deg, rgba(47,47,47,0) 0%, rgba(88,87,87,0.74) 100%);}
/*党员平台*/
.dyjypt{ padding: 10px; padding-bottom: 25px; overflow: hidden;}
.pt_img img{display: block; margin: 0 auto; width: 335px; height: 66px;}
.pt_img{margin-bottom: 10px;}
.pt_list{margin-top: 0px;}
.pt_list ul{overflow: hidden;}
.pt_list ul li{width: 100%;  float: left;  font-size: 16px; border-radius: 10px; padding: 5px 0px;
  border: 1px solid #EFF0F2; line-height: 44px; margin-bottom: 10px; background-color: #fff;}
.pt_list ul li img{width: 24px; height: 24px; float: left; margin-top: 10px; margin-right: 10px; margin-left: 30px;}
/*yl*/
.yqlj{background: rgba(255,255,255,0.5);padding: 10px; padding-bottom: 25px; margin-top: 15px; position: relative; height: 80px;}
.yqlj_title{overflow: hidden; position: absolute; }
.yqlj_title span{font-size: 20px;
  color: #D71516;
  font-weight: 500;
  margin-right: 30px; margin-left: 10px;}
  .yl_box ul {margin-left: 10px;}
.yl_box ul li{float: left; width: 12%; margin-top: 50px; font-size: 16px;}
.yl_box ul li img{margin-right: 5px;}

.di_bg{background: url('../image/di_bg.png') no-repeat; background-size: 100%; padding-bottom: 20px;}


/*foot*/
#footer {width:100%;height:206px;  background-color: #D71516; color:#333;  background-size: cover;}
#footer a{color:#fff;}
.foot{padding:66px 0;}
.foot1 {text-align: center;margin-left:300px;}
.foot2 {width:540px;color: #333;}
.footnav{padding:4px 0;text-align:center;color:#333;}
.footnav a{color:#333;margin: 0 5px;}
.footext{padding:4px 0;line-height:24px;font-size:12px;text-align:left;color: #fff;  margin-left: 20px; margin-top: 10px;}
.foot3 {width:200px;}
.foot3  .qrcode{width:86px;text-align:center;}

.with340{ width:340px;}
.with392{ width:392px;}
.with276{ width:276px;}
.width360{width:405px;padding: 3px;height: 288px;}
.margin_top10{ margin-top:10px}
.height140{ height:140px;}
.padding6{ padding: 6px 0px;}
.with13h46{ width:130px; height:46px}
.with582{ width:584px;}
.with546{ width:546px}
.with500{ width:516px;}
.with489{ width:489px;}
.zc{float: left; }
.bg_fff {background-color: #fff;}



/*list*/
.main_list{background-color: #fff; padding: 10px; padding-bottom: 25px; }
.current_location{color: #666666; font-size: 12px; padding-top: 10px;}
.h2{height: 2px;
  background: #BF0B06; width: 100%; margin-top: 10px;}
.h1{height: 1px;
  background: #BF0B06;width: 100%; margin-top: 2px;}

.list_view{overflow: hidden; margin-top: 20px;}
.list_left{width: 20%; float: left;}
.list_titile img{width: 100%;background: #BF0B06;}
.list_left ul {overflow: hidden; padding: 15px; background-color: #F8F5F5;}
.list_left ul li{width: 100%; text-align: center; color: #111; font-size: 16px; margin-bottom: 5px; height: 38px; line-height: 38px; }
.on{background: url('../image/sanjiao.png') no-repeat; background-position: 185px 12px; background-size: 13px;}
.list_right{padding: 15px; width: 76%; float: left;}
.list_right .index_list_ul ul li{font-size: 16px;}
.list_right .index_list_ul ul li span{float: right; font-size: 14px; color: #999;}
.list_xx{width: 100%;
  border-bottom: 2px dashed #C3C2C2; margin-top: 20px; margin-bottom: 20px;}

  .list_view .page {
    padding-top: 26px;
    padding-bottom: 32px;
    text-align: right;
    padding-left:10px;
    padding-right:25%;
  }
  .list_view .page .num {
    padding: 6px 16px;
    border:1px solid #e7e7e7;
    font-size: 15px;
    color:#686666;
    background:#fff;
    display: inline-block;
  }
  .list_view .page .num.current,.list_view .page .num:hover {
    background:#BF0B06;
    border-color:#BF0B06;
    color:#fff;
    cursor: pointer;
  }
  .navswiper  {
    margin-bottom: 10px;
  }
  .navswiper .swiper-slide {
    font-size: 14px;
    text-align: center;
    background:#fff;
    border:1px solid #e7e7e7;
    padding: 10px 0;
    overflow: hidden;
  }
  .navswiper .current {
    background:#BF0B06;
    color:#fff;
  }
  .m-left-phone {
      display: none;
      }


.list_titile{position: relative;}
.list_titile p{font-size:18px; color: #fff; text-align: center;  position: absolute; top: 25%; left: 15%; font-weight: bold;letter-spacing:5px;}


/*view*/
.view_top{overflow: hidden;}
.view_top_left{width: 20%; float: left;}
.view_top_left span{color: #D71516;
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;}
.view_title{float: right; width: 20%;}
.view_top_left img{float: left; margin-right: 10px;}
.list_view{padding: 10px; overflow: hidden;}
.list_view h1{margin-top: 30px; font-size:24px; text-align: center; line-height: 33px; font-weight: 500; margin-bottom: 30px;}
.fen{height:40px; background-color: #FEF0F1; margin-bottom: 30px; text-align: center; line-height: 40px;}
.is-zy{width: 100%; overflow: hidden; margin-top: 50px;}
.content{padding-bottom: 30px;}
.ahjypt{background-color: #fff; padding: 10px;border-radius: 10px;}
.ahjypt ul li{padding: 13px 0px; margin-bottom: 10px; margin-top: 10px;}
.weixin_box_top{overflow: hidden;}
.weixin_title{width: 100%; margin-top: 5px;}
.weixin_title img{width: 100%;}
.weixin_img{width: 100%; height: 234px; background-color: #fff; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;}
.weixin_img img{ display: block; margin: 0 auto; padding-top: 30px;}
.weixin_box_bottom{width: 100%; margin-top: 20px;}
.weixin_box_bottom img{width: 100%;}




/**清除必须在最后**/
.clear,li.clear,div.clear,p.clear,span.clear {background:none;border:none; clear:both; height:1px; margin-top:-1px;margin-bottom:0; overflow:hidden; font-size:0; float:none;display:block;line-height:0}

/* 特殊日子 全站灰色 */
.site-gray{
 filter: gray !important;
 filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
 filter: grayscale(100%);
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
}
/*12380*/
.list_box_right{ float: left;
  width: 75%; margin-left: 20px;
 }
 .jb_titile{width: 574px; margin-bottom: 20px;
  height: 51px;
  opacity: 1;
  background: url('../image/jb_title.png') no-repeat;
  text-align: center;
  margin: 0 auto;
  font-size:18px ;
  color: #fff;
  font-weight: 700;
  line-height: 50px;
  position: relative;
}
.jubao_list p{font-size: 14px;

  letter-spacing: 0px;
  line-height: 20px;
  color: rgba(0, 0, 0, 1);
  text-align: justify;
  vertical-align: top;
  margin-bottom: 10px;
  margin-top: 10px;
}
.yd_input{width: 10px;
  height: 10px;
  opacity: 1;
  
  border: 1px solid rgba(43, 43, 43, 1);}

.btn_box{width: 50%; margin: 0 auto; margin-top: 180px;}
.btn_box button{width: 105px;
  height: 39px;
  opacity: 1;
  border-radius: 5px;
  background: rgba(227, 29, 23, 1); color: #fff; border: none;}
.btn_box .no{background: rgba(245, 186, 37, 1);}
.thead{background: url('../image/table_header.png') no-repeat; background-size: cover; border: none; text-align: center; color: #fff; font-size: 18px; line-height: 40px; border-top-left-radius: 15px;border-top-right-radius: 15px;}
.table tr{height: 40px; text-align: center; font-size: 14px; background: rgba(245, 245, 245, 1);} 
.table{border-top-left-radius: 15px;border-top-right-radius: 15px; border: rgba(229, 109, 59, 1); }
.table tr input{width: 95%; background-color: #fff; height: 30px;border-radius: 3px;
  background: rgba(255, 255, 255, 1);
  
  border: 1px solid rgba(168, 168, 168, 1);  text-indent: 10px;}


.table tr select{width: 95%; height: 30px;border-radius: 3px;
  background: rgba(255, 255, 255, 1);
  
  border: 1px solid rgba(168, 168, 168, 1); }
.table tr textarea{width: 95%; height: 30px;border-radius: 3px;
  background: rgba(255, 255, 255, 1);
  
  border: 1px solid rgba(168, 168, 168, 1); height: 150px; }



.yzm{width: 300px !important; margin-right: 30px; float: left; margin-left: 5px; margin-top: 5px; margin-bottom: 5px;}
.table img{display: inline-block; height: 35px; float: left; margin-top: 3px;}
.kbq{float: left; margin-top: 10px; margin-left: 10px;}
.jb_titile span{ color: rgba(227, 29, 23, 1); font-size: 18px; position: absolute; top: 0px; right: -150px;}

.tabtitle {
float: left;
background: url('../image/xingxing.png') no-repeat right center;
padding: 0 85px 0 0px;

}
.tabtitle h2 {  background-color: #c9171d;font-size: 16px;}

.tabtitle h2 a {
color: #fff;

}
#dl-menu{display: none;}

.yl_index .swiper-slide img{width: 400px; height: 180px;}
.djly_index  .swiper-slide img{width: 100%; height: 146px;}


.jb12380{width: 160px; position: absolute; top: 90%; right: 4%;}
.jb12380 img{width: 100%;}


.function_box{overflow: hidden; margin-top: 60px;}
.function_li{width: 31%; float: left; margin-left: 43px;}
.function_li:first-child{margin-left: 0px;}
.transparent{background-color: transparent;}

.index_ul_list{min-height: 170px;}

/*烈山新加样式*/
.djgz_box{background: url('../image/sxBg.png') no-repeat; background-size: cover; overflow: hidden; margin-top: 20px;}
.ls_title{overflow: hidden; margin-top: 50px;}
.ls_left_title{float: left; width: 40%; margin-top: 10px;}
.ls_right_title{float: right; width: 40%;margin-top: 10px;}
.ls_center_title{float: left; width: 20%;}
.ls_text{width: 182px; margin: 0 auto; text-align: center;font-weight: 500;
  font-size: 28px;
  color: #333333;
  line-height: 40px;
  letter-spacing: 2px; font-size: 28px; background: url('../image/DANGJIAN.png') no-repeat; background-size: 100%;     background-position: 0px 12px;}
.top_list{overflow: hidden;}
.top_list ul li{float: left; margin-left: 15px; width: 367px;}
.top_list ul li img{width: 100%; height: 190px; margin-bottom: 10px;}
.top_list ul li h3{ font-size: 16px; margin-bottom: 15px;}
.top_list ul li a:hover p{color: #D71516;}

.top_list ul li p{font-size: 14px;
  color: #333333;
  line-height: 20px;
  text-align: left; margin-bottom: 15px;}
.time{font-size: 12px;}
.mag_top20{margin-top: 20px;}
.more{ width: 192px; height: 43px; border-radius: 20px; border: 1px solid #D71516; text-align: center; margin: 0 auto; margin-top: 50px;}
.more a{color: #D71516; text-align: center; line-height: 43px; font-size: 14px;}
/*选项卡3*/
#title3 {
  width: 36%;
  overflow: hidden;
  margin-bottom: 20px;

}
#title3 .titin {
 background: url('../image/di.png') no-repeat; background-size: 44%;
 background-position: 65px 57px;
 color: #BF0B06;
 
}
#title3 h3 {
  float: left;
  width: 48%;
  padding: 2px;
  color: #111;
 font-size: 20px;
 font-weight: 500;
 text-align: center;
 line-height: 44px;
position: relative;
z-index: 99999999;
height: 65px;
font-size: 28px;
}

#content3 {
  width: 100%;
  background-color: #F8F5F5;
}
#content3 .list_box {
  display: none;
  width: 91%;
  position: relative;

  overflow: hidden;
  padding: 58px;
}
#content3 .one {
  display: block;
  width: 91%;
}

.job_index{ margin-top: 60px; position: relative;}
.title_bg_gb{display: block; width: 100%; height: 40px; background: url(../image/ganbu.png) no-repeat;
  background-size: 100%;
  background-position: 0px 12px; position: absolute; top: 5px; left: 0px; z-index: 10; opacity: 0.7;}
.title_bg_rc{display: block; width: 100%; height: 40px; background: url(../image/rencai.png) no-repeat;
  background-size: 100%;
  background-position: 0px 12px; position: absolute; top: 5px; left: 0px; z-index: 10; opacity: 0.6;}
.title_hx{width: 64%; position: absolute; right: 0; top: 18px; }
.title_hx img{width: 100%;}
.djly_index .index_video_title{font-weight: 500;
  font-size: 16px;
  color: #333333;
  line-height: 22px;}
  .djly_index .index_video_p{font-weight: 400;
  font-size: 14px;
  color: #333333;
  line-height: 20px;
  text-align: left;}

.dyjy_box{
  background: url('../image/dyjy_bg.png') no-repeat; background-size: cover;  padding-bottom: 40px; padding-top: 20px; margin-top: 50px;
}
.dangyuanjiaoyu{background: url('../image/DANGYUAN.png') no-repeat;  background-size: 100%;     background-position: 0px 12px;}
.xianfengship{background: url('../image/XIANFENG.png') no-repeat;  background-size: 100%;     background-position: 0px 12px;}





/*手机端*/
@media only screen and (max-width: 414px) {
  #dl-menu {
    display: block;
  }
  .header{display: none;}
  .banner{width: 100%;}
  .nav{display: none;}
  .w1260{width: 100%;}
  .banner img{width: 100%;}
  .main{padding-top:0px;}
  .tt_img{display: none;}
  .index_news_lb{width: 100%;}
  .bannernews{height: auto;}
  .index_news_table{width: 100%;}
  #title .titin{background-size: cover;}
  .yl_index img{width: 100%; }
  .list_list_index{width: 100%; margin-left: 0px;}
  .list_title .title_hx{width: 58%;}
  .list_title a{margin-right: 5px;}
  .djly_title .zhong{width: 27%;}
  .v_left{width: 100%;}
  .v_right{width: 100%;}
  .v_right ul li{width: 48%; margin-top: 20px;}
  .yqlj_title img:last-child{width: 100%;}
  .yl_box ul li{width: 33%;}
  .yqlj{height: 150px;}
  #footer{height: auto;}
  .foot2{width: 100%;}
  .rap{width: 100%;}
  .foot3 .qrcode{margin-left: 72%;}
  .list_left{width: 100%;}
  .on {background-position: 270px 12px;}
  .list_right{width: 95%;}
  .view_top_left{width: 38%;}
  .view_title{width: 100%;}
  .yl_index .swiper-slide img{width: 100%; height: auto;}
  .djly_index  .swiper-slide img{width: 100%; height: auto;}
  .jb12380{display: none;}
  #title2{width: 100%;}
  #title2 h3{width: 48%;}
  .index_ul_box{width: 92%; padding: 10px;}
  .function_li{width: 100%; margin-left: 0px;}
  .function_box{margin-top: 10px;}
  .foot1{margin-left: 156px;}
  .list_view .page{padding-right: 18%;}
  .index_ul_tu_fl{float: none; width: 258px; height: 135px; margin: 0 auto;}
  .yl_box{overflow: hidden;}
  .yl_box ul li{margin-top: 15px;}

  .yqlj_title{position: inherit;}

  .bannernews .swiper-slide .title{padding-right: 0px; background: linear-gradient( 180deg, rgba(237,47,49,0) 0%, #B50607 100%);}

  .list_right .index_list_ul ul li span{display: none;}
  .index_list_ul ul li{overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

  .phone_css{width: 100%; margin-bottom: 10px; text-align: left;}

/*12308*/
.jb_titile{width: 100%;}
.table{width: 100%;}

.table tr td{width: 25% !important;}
.btn_box{ width: 75%;  margin-top: 30px;}
.regular_left ul li{margin: 10px auto;}
.regular_right{width: 100%;}
.regular_right ul li{width: 30%;}
.list_box_right{margin-left: 0px;}


/*烈山区*/
#content2 .one{width: 94%;}
#content2 .list_box{padding: 10px;}
#content3 .one{width: 94%;}
#content3 .list_box{padding: 10px;}
.top_list ul li{width: 100%; margin-left: 0px;}
.ls_left_title img{width: 100%;}
.ls_right_title img{width: 100%;}
.ls_left_title{width: 30%;}
.ls_center_title{width: 40%;}
.ls_right_title{width: 30%;}
.ls_text{width: 100%;}
#title2 h3{width: 32%;}
#content2 .list_box{width: 94%;}
#title3{width: 100%;}
.title_hx{display: none;}
.index_video_p{display: none;}
.foot{padding: 30px 0;}
.index_news_table{margin-top: 20px;}
.list_box ul li span{display: none;}

.list_box_right{width: 100%; margin-top: 20px;}
.phonetable{width: 100% !important;}


}


/*12380手机端表格可滑动*/
@media screen and (max-width: 768px) {
  /* 表格容器允许横向滚动 */
  .list_box_right {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; /* 流畅滚动 */
  }

  /* 表格宽度设为 100%，并保持原始列宽比例 */
  .list_box_right table.table {
      width: 100%;
      min-width: 600px; /* 保持原始表格最小宽度，可调    整 */
      border-collapse: collapse;
  }

  /* 输入框宽度自适应 */
  .cxm, .yzm {
      /* width: 100% !important; */
      box-sizing: border-box;
  }

  /* 验证码图片适当缩放 */
  .yzm + img {
      max-width: 100px;
      height: auto;
      vertical-align: middle;
  }

  /* 按钮区域改为垂直排列 */
  .btn_box {
      display: flex;
      flex-direction: column;
      gap: 10px;
  }
  .btn_box .fl,
  .btn_box .fr {
      float: none;
      width: 100%;
      margin: 0;
  }

 
}



/*新的12380*/
/* .report_box{padding-bottom: 50px;} */
.report_box .list_left ul{background-color: transparent;}
.report_box .list_left ul li{border: 1px solid #BF0B06; border-radius: 10px; margin-bottom: 30px; padding: 10px 0px;}
.report_box .list_left ul .on{background: #BF0B06;  }
.report_box .list_left ul .on a{color: #fff;}
.report_box .list_left ul li:hover{background: #BF0B06;}
.report_box .list_left ul li:hover a{color: #fff;}
.report_box .main_list{background: url('../image/contentBg.png') no-repeat; background-size: cover;}
.report_title{width: 50%; margin: 0 auto; margin-bottom: 40px; margin-top: 30px;}
.report_title img{width: 100%;}
.report_box .main_list{min-height: 680px;}
/* .report_box .list_box_right{width: 100%;} */
@media screen and (max-width: 768px) {
  .report_title{width: 95% !important; margin-top: 0px !important; padding-top: 20px;}
}

.body{background: url('../image/xbg.jpg') no-repeat; background-size: cover; }

/* 12380 responsive flex layout */
html,
body {
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-position: center top;
  overflow-y: auto;
}

.mian_box,
.main,
.main_list {
  width: 100%;
}

.main {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 25px 0 40px;
}

.w1260 {
  width: min(1260px, calc(100% - 32px));
  margin: 0 auto;
}

.main_list {
  max-width: 100%;
  overflow: hidden;
}

.list_view {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: nowrap;
  overflow: visible;
  padding: 10px;
}

.list_left {
  width: 240px;
  max-width: 240px;
  flex: 0 0 240px;
  float: none;
}

.list_left ul .on {
  background-position: calc(100% - 16px) 50%;
}

.list_right,
.list_view > .list_box_right {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  float: none;
  padding: 15px 0 0;
}

.list_box_right {
  float: none;
  width: 100%;
  max-width: 100%;
  margin-left: 0;
}

.jb_titile {
  width: min(574px, 100%);
  max-width: 100%;
  padding: 0 80px 0 24px;
  background-size: 100% 100%;
}

.jb_titile span {
  right: 20px;
}

.btn_box {
  width: min(420px, 100%);
  margin: clamp(32px, 4vw, 180px) auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.btn_box .fl,
.btn_box .fr {
  float: none;
}

.btn_box button {
  flex: 1 1 0;
  min-width: 120px;
}

.list_box_right table.table,
.table {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.table {
  table-layout: fixed;
}

.table th,
.table td {
  word-break: break-word;
  overflow-wrap: anywhere;
}

.table tr input,
.table tr select,
.table tr textarea {
  max-width: 100%;
}

.yzm {
  width: min(300px, 100%) !important;
  max-width: 100%;
  margin: 5px 16px 5px 5px;
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.table img {
  float: none;
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

.kbq {
  float: none;
  display: inline-block;
  max-width: 100%;
  margin: 10px 0 0 10px;
  vertical-align: middle;
}

.report_title {
  width: min(720px, calc(100% - 32px));
  margin: 30px auto 40px;
}

@media screen and (max-width: 960px) {
  .w1260 {
    width: calc(100% - 24px);
  }

  .main {
    padding: 10px 0 32px;
  }

  .list_view {
    flex-direction: column;
    gap: 20px;
    padding: 0;
  }

  .list_left,
  .list_right,
  .list_view > .list_box_right {
    width: 100%;
    max-width: none;
    flex-basis: auto;
  }

  .list_right,
  .list_view > .list_box_right {
    padding-top: 0;
  }
}

html.report-mobile .body {
  overflow-y: auto;
}

html.report-mobile .report_title {
  width: calc(100% - 24px);
  margin: 0 auto 24px;
  padding-top: 20px;
}

html.report-mobile .main_list {
  padding: 10px 10px 20px;
}

html.report-mobile .list_view {
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 16px;
}

html.report-mobile .list_left {
  width: 100%;
  max-width: none;
  flex: 1 1 auto;
  float: none;
}

html.report-mobile .list_right,
html.report-mobile .list_view > .list_box_right {
  width: 100%;
  max-width: none;
  min-width: 0;
  flex: 1 1 auto;
  float: none;
  padding-top: 0;
}

html.report-mobile .list_left ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px;
}

html.report-mobile .list_left ul li {
  margin-bottom: 0;
  height: auto;
  line-height: 1.4;
  padding: 8px 6px;
  font-size: 14px;
}

html.report-mobile .list_left ul li a {
  display: block;
  word-break: break-word;
}

html.report-mobile .jb_titile {
  width: 100%;
  height: auto;
  min-height: 44px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.5;
}

html.report-mobile .jb_titile span {
  position: static;
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
}

html.report-mobile .table,
html.report-mobile .table tbody,
html.report-mobile .table tr,
html.report-mobile .table td,
html.report-mobile .table th {
  display: block;
  width: 100% !important;
}

html.report-mobile .table {
  table-layout: auto;
}

html.report-mobile .table tr {
  margin-bottom: 12px;
}

html.report-mobile .table td,
html.report-mobile .table th {
  text-align: left;
  padding: 8px 10px;
}

html.report-mobile .table tr td:first-child,
html.report-mobile .table tr th:first-child {
  font-weight: 600;
  padding-bottom: 4px;
}

html.report-mobile .table tr td[colspan] {
  padding-top: 6px;
}

html.report-mobile .table tr input,
html.report-mobile .table tr select,
html.report-mobile .table tr textarea {
  width: 100% !important;
}

html.report-mobile .table tr textarea {
  min-height: 120px;
}

html.report-mobile .table tr {
  height: auto;
}

html.report-mobile .thead {
  border-radius: 12px 12px 0 0;
  font-size: 16px;
  line-height: 42px;
  text-align: center !important;
}

html.report-mobile .yzm {
  display: block;
  width: 100% !important;
  margin: 0 0 10px;
}

html.report-mobile .table img {
  display: block;
  margin: 0 0 10px;
  float: none;
}

html.report-mobile .btn_box {
  width: 100%;
  flex-direction: column;
  gap: 12px;
  margin-top: 24px;
}

html.report-mobile .btn_box button {
  width: 100%;
  min-width: 0;
  height: 42px;
}

html.report-mobile .kbq {
  display: block;
  margin-left: 0;
}

@media screen and (max-width: 480px) {
  html.report-mobile .list_view {
    gap: 10px;
  }

  html.report-mobile .list_left ul {
    padding: 6px;
  }

  html.report-mobile .list_left ul li {
    padding: 8px 8px;
    font-size: 13px;
  }

  html.report-mobile .jb_titile {
    padding: 8px 12px;
    font-size: 14px;
  }
}

html.report-desktop-scale .report-scale-viewport {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 0 12px 24px;
}

html.report-desktop-scale .report-scale-page {
  width: 1260px;
  transform-origin: top center;
  will-change: transform;
}

html.report-desktop-scale .report-scale-page .report_title {
  width: 50%;
  margin: 30px auto 40px;
}

html.report-desktop-scale .report-scale-page .w1260 {
  width: 1260px;
}

html.report-desktop-scale .report-scale-page .main {
  display: block;
  width: 100%;
  padding: 25px 0 40px;
}

html.report-desktop-scale .report-scale-page .main_list {
  overflow: visible;
}

html.report-desktop-scale .report-scale-page .list_view {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 20px;
  overflow: visible;
  padding: 10px;
}

html.report-desktop-scale .report-scale-page .list_left {
  width: 240px;
  max-width: none;
  min-width: 240px;
  flex: 0 0 240px;
  float: none;
}

html.report-desktop-scale .report-scale-page .list_right,
html.report-desktop-scale .report-scale-page .list_view > .list_box_right {
  width: auto;
  max-width: none;
  flex: 1 1 0;
  min-width: 0;
  float: none;
  padding: 15px 0 0;
}

html.report-desktop-scale .report-scale-page .list_box_right {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  float: none;
}

html.report-desktop-scale .report-scale-page .list_right .list_box_right {
  width: 100%;
}

html.report-desktop-scale .report-scale-page .jb_titile {
  width: 574px;
  max-width: 100%;
}

html.report-desktop-scale .report-scale-page .btn_box {
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 20px;
  margin: 80px auto 0;
}

html.report-desktop-scale .report-scale-page .btn_box .fl,
html.report-desktop-scale .report-scale-page .btn_box .fr {
  float: none;
}

html.report-desktop-scale .report-scale-page .btn_box button {
  width: 105px;
  min-width: 105px;
  flex: 0 0 auto;
}

html.report-desktop-scale .report-scale-page .table,
html.report-desktop-scale .report-scale-page .list_box_right table.table {
  display: table;
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

html.report-desktop-scale .report-scale-page .table tbody {
  display: table-row-group;
}

html.report-desktop-scale .report-scale-page .table tr {
  display: table-row;
}

html.report-desktop-scale .report-scale-page .table td,
html.report-desktop-scale .report-scale-page .table th {
  display: table-cell;
  width: auto !important;
}

html.report-desktop-scale .report-scale-page .yzm {
  width: 300px !important;
  max-width: 300px;
  float: left;
  display: inline-block;
}

html.report-desktop-scale .report-scale-page .table img,
html.report-desktop-scale .report-scale-page .kbq {
  float: left;
}

@media screen and (max-width: 960px) {
  html.report-desktop-scale .report-scale-page .list_view {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
  }

  html.report-desktop-scale .report-scale-page .list_left {
    width: 240px;
    max-width: none;
    min-width: 240px;
    flex: 0 0 240px;
  }

  html.report-desktop-scale .report-scale-page .list_right,
  html.report-desktop-scale .report-scale-page .list_view > .list_box_right {
    width: auto;
    max-width: none;
    min-width: 0;
    flex: 1 1 0;
    margin-top: 0;
  }
}




