@charset "utf-8";

body {
}

.pb_sys_common {

    line-height: 32px!important;

}

.top{width: 100%; height:755px; margin: 0px auto; }
.logo{ width:1200px; margin: 0px auto; margin-top:50px}
.bg{width: 100%; height:auto; margin: 0px auto; background: url(../images/bg.jpg) top center no-repeat; }
.xw1{width:320px; height:150px; background:#fff; float:left; display:block; margin:20px; padding:20px;}

.xw1 a{display:block; margin-top:10px}
.xw1 span.time{ width:60px; height:30px; text-align:center; line-height:30px; font-size:16px; color:#fff; background:#d24134; border-radius:4px;display:block; }
.xw1 span.js{ line-height:24px; font-size:16px; color:#999;display:block; font-size:14px}

#i_nav {height:75px;background: url(../images/nav.jpg) top center repeat-x;/* width:100%;margin-bottom: 25px; */}



#i_nav>ul {
width:1200px;
margin: 0 auto;
}
#i_nav>ul>li {float:left;
   width: 10%;
text-align: center;
position: relative;}
#i_nav>ul>li>a {
color:#ffffff;
     font-size: 20px;
   font-weight: bold; 
 line-height: 75px;
}
#i_nav>ul>li>ul{
    display: none;
   position: absolute;
    left: 0px;
    top: 74px;
    width: 100%;
     background:rgba(210, 65, 52, 0.85);
z-index: 10;
}
#i_nav>ul>li:hover>ul{
  display: block;
}
#i_nav>ul>li>ul>li{
  float:left;
 width:100%;
    text-align: center;
}
#i_nav>ul>li>ul>li>a{
  color:#ffffff;
     font-size: 16px;
  padding:8px;
  display:block;
}
#i_nav>ul>li>ul>li:hover{
  background:#d24134;
}
#i_nav>ul>li>ul>li:hover>a{
  font-weight: bold; 
}


.i_list {margin:10px auto;width: 100%;}
.i_list span {
font-size: 14px;
float: right;
color: #999;
}
* {
margin: 0;
padding: 0;
border: 0;
}
ul,li {
list-style-type: none;
}
select,input,img,select {
vertical-align:middle;
}
a {
text-decoration: none;
color: #000;
}
body {
font-family:"Microsoft YaHei","微软雅黑","SimHei","黑体","宋体","Arial Narrow";
color: #000;
}
.column {height: 70px;line-height: 70px;position: relative;display: flex;align-items: flex-end;justify-content: space-between;}
.column span {
background-position: 0 0;
background-repeat: no-repeat;
font-size: 0;
}
.column::after {
display: block;
content: '';
}
section ul {



}
section ul li {
display: block;
align-items: center;
overflow: hidden;
}
section ul li::before {
display: block;
content: '';
background:#000
}
section ul li a {
overflow: hidden;
}

#zxbd dl {
border-bottom:1px dashed #a3aeaa;
}

#jdtp .swiper-slide {
position: relative;
overflow:hidden;
}
#jdtp .swiper-slide h2 {
overflow:hidden;
position: absolute;
left: 0;
bottom: 0;
background: rgba(0,0,0,.6);
font-weight: normal;
box-sizing: border-box;
padding-left: 2%;
display: flex;
}
#jdtp .swiper-slide h2 a {
color: #fff;
max-width: 80%;
}
#jdtp .swiper-slide img {
display: block;
width: 100%;
}
#jdtp .swiper-pagination {
width: auto;
left: auto;
}
#jdtp .swiper-pagination-bullet {
background: #ffffff;
opacity: 1;
}
#jdtp .swiper-pagination-bullet-active {background: #ff9109;}
header {
width: 100%;
}
header img {
width: 100%;
}
.footer {
width: 1200px;
margin:0 auto;
}
section ul {
height: auto }
section ul li,section ul li a {height: 50px;line-height: 50px;position: relative;}
section ul li::before {width: 4px;height: 4px;margin-right: 8px;display: inline-block;margin: 0 6px 3px 0;position: absolute;top: 22px;left: 0;}
section ul li a {width: 335px;font-size: 16px;margin: 0 0 0 10px;}
.column::after {width: 440px;height: 3px;box-sizing: border-box;/* background:#0E7BD8; */}
.column a {position: absolute;right: 0;top: 24px;font-size: 14px;color: #666;}
article {
width: 1200px;
margin:0 auto 0;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
align-self: center;
}
article section:nth-of-type(1) {width: 1200px;margin: 0 auto 30px auto;/* display: flex; */justify-content: space-between;}
article section:nth-of-type(2) {
width: 1200px;
margin: 0 auto 30px auto;
display: flex;
justify-content: space-between;
}
article section:nth-of-type(3) {width: 1200px;margin: 0 auto 30px auto;display: flex;justify-content: space-between;margin-top: 32px;}
article section:nth-of-type(4) {width: 1200px;height: 380px;margin: 0 auto 30px auto;display: flex;justify-content: space-between;}

article section:nth-of-type(5) {
width: 1200px;
margin: 0 auto 30px auto;
display: flex;
justify-content: space-between;
;margin-top: 40px;
}

.column span {width: 160px;height: 55px;font-size: 28px;color: #d24134;font-weight: bold;}

#jdtp {width: 615px;float:left;height: 507px;margin:0;}
#jdtp .swiper-slide {height: 441px;}
#jdtp .swiper-slide h2 {
width: 100%;
height: 40px;
}
#jdtp .swiper-slide h2 a {
font-size: 16px;
line-height: 40px;
}
#jdtp .swiper-slide img {
min-height: 100%;
}
#jdtp .swiper-pagination {width: auto;left: auto;bottom: 74px;right: 8px;}
#jdtp .swiper-pagination-bullet {margin: 0 6px;width: 12px;height: 12px;}

#zxbd {width: 555px;/* height: 355px; */overflow: hidden;float:right;}
#zxbd dl {

}
#zxbd dl dt {

font-size:0;
margin-bottom: 5px;
margin-top: 20px;
}
#zxbd dl dt a {
font-size: 18px;
line-height: 25px;
font-weight: bold;
}
#zxbd dl dd {
height: 48px;
overflow: hidden;
font-size: 12px;
line-height: 2;
}
#zxbd ul {/* height: 240px; */overflow: hidden;}

#yqfk {width: 580px;display: flex;flex-direction: column;justify-content: space-between;height:auto;margin-bottom:20px;float: left;}
#yqfk .column span {background-position: 0 -100px;width: 194px;}
#yqfk .column::after {
width: 500px;
}


#zxbd2 {
    width: 1200px;
    /* height: 355px; */
    overflow: hidden;
  }

#yqfk dl {
height: 75px;
padding: 20px 0;
border-bottom:1px dotted #ececec;
position: relative;
padding-left:0px;
}
#yqfk dl:last-child {
border-bottom:none;
}
#yqfk dl dt {
height: 25px;
line-height: 25px;
overflow: hidden;
margin-bottom: 5px;
}
#yqfk dl dt a {
font-size: 18px;
font-weight: bold;
color: #333333;
}
#yqfk dl dd:nth-of-type(1) {
color: #666;
font-size: 12px;
line-height: 2;
height: 72px;
overflow: hidden;
}
#yqfk dl dd:nth-of-type(1) a {
color: #666;
}
#yqfk dl dd:nth-of-type(2) {
position: absolute;
left: 0;
top: 20px;
width: 160px;
height: 110px;
}
#yqfk dl dd:nth-of-type(2) img {
display: block;
width: 100%;
min-height: 100%;
}

#spbb {
height:auto;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#spbb .column span {
background-position: 0 -50px;
}
#spbb figure {
height: 215px;
position: relative;
}
#spbb figure img {
display: block;
width: 100%;
height: 100%;
}
#spbb figure h2 {
position: absolute;
left: 0;
bottom: 0;
height: 30px;
line-height: 30px;
width: 100%;
overflow: hidden;
text-align: center;
background:rgba(0,0,0,.65);
font-size: 0;
padding:0 5px;
box-sizing: border-box;
}
#spbb figure h2 a {
font-size: 14px;
line-height: 30px;
color: #fff;
}

#kpxzs {height:auto;display: flex;width: 580px;float: left;flex-direction: column;/* justify-content: space-between; */}
#kpxzs .column span {width: 185px;background-position: 0 -150px;}
#kpxzs .column::after {
width: 485px;
}
html #hm_t_undefined .hm-t-go-top {
position:fixed;
right:2px;
bottom:2px;
z-index:99998;
cursor:pointer;
width:40px;
height:37px!important;
text-align:center;
white-space:normal;
font-size:14px;
line-height:17px;
padding-top:3px;
color:#fff;
background:#404040;
}
#fzxwwCP {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#fzxwwCP div.txt {
text-align: center;
}
#fzxwwCP ul {
display: flex;
}
.ifooter {background: #983333;clear:both;color:#116eaf;width:100%;padding:20px 0;}
.ifooter p {
margin:0;
padding:0;
line-height:34px;
font-size:14px;
text-align:center;
color:#ffffff
}

#twfylist {
width:100%;
display: flex;
flex-direction: column;
justify-content: space-between;
height:auto;
margin-bottom:20px }
#twfylist .column {/* padding:20px 0; */position: relative;margin-bottom: 20px;border-bottom: 2px #ded5d1 solid;}
#twfylist .column span {
background-position: 0 -100px;
}
#twfylist .column::after {
width:1190px;
}
#twfylist dl {
height: 110px;
padding: 24px 0;
border-bottom:1px dotted #ececec;
position: relative;
padding-left: 180px;
}
#twfylist dl:last-child {
border-bottom:none;
}
#twfylist dl dt {
height: 25px;
line-height: 25px;
overflow: hidden;
margin-bottom: 5px;
}
#twfylist dl dt a {
font-size: 18px;
font-weight: bold;
color: #333333;
}
#twfylist dl dd:nth-of-type(1) {
color: #666;
font-size: 12px;
line-height: 2;
height: 72px;
overflow: hidden;
}
#twfylist dl dd:nth-of-type(1) a {
color: #666;
}
#twfylist dl dd:nth-of-type(2) {
position: absolute;
left: 0;
top: 20px;
width: 160px;
height: 110px;
}
#twfylist dl dd:nth-of-type(2) img {
display: block;
width: 100%;
min-height: 100%;
}
.lm_list {
width:100%
}
.lm_list li {width:100%;line-height: 48px;height: 48px;position: relative;}
.lm_list a {float: left;display: block;width: 80%;line-height: 48px;height: 48px;margin: 0 0 0 10px;}
.lm_list span {float:right;display:block;width:17%;text-align:right;line-height: 48px;height: 48px;font-size: 14px;}


#icontent {
padding: 0 40px;
background: #fcfcfc;
overflow: hidden;
margin: 15px auto
}
.c-content {
height: auto;
overflow: hidden;
position: relative;
margin: 30px auto 40px auto;
padding: 0 20px;
}
.c-content .c-title {
font-size: 30px;
color: #cc3333;
line-height: 50px;
text-align: center
}
.c-content .other-s {
font-size: 14px;
line-height: 35px;
text-align: center;
color: #666666;
background: #f5f5f5;
margin: 15px auto 0 auto;
position: relative;
}
.c-content .other-s .sjfx {
position: absolute;
right: 10px;
top: 10px;
}
.c-content .nr-info {
height: auto;
overflow: hidden;
position: relative;
text-align: left
}
.c-content .nr-info p {
font-size: 16px;
color: #333333;
line-height: 30px;
margin: 15px 0;
text-indent: 2em;
text-align: left
}
.c-content .nr-info img,.c-content .nr-info table{max-width:100%;margin:0 auto}
.c-content .nr-info img,.c-content .nr-info table p{text-indent: 0em!important;}



.wz_fj {
}
.wz_fj p {
line-height: 36px;
color: #0d8100;
font-size: 16px;
padding: 0 0 0 20px
}
.wz_fj a {
line-height: 36px;
font-size: 16px;
}
.wzclose-relative {
text-align: center;
margin-top: 30px;
}
.wzclose-relative span {
margin: 0 15px;
}
.i-sxt {
border-top: #d9d9d9 1px solid;
margin: 20px auto;
padding: 20px 0;
position: relative;
}
.i-sxt p {
display: block;
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.i-sxt a {
color: #555555;
font-size: 14px;
line-height: 30px;
}
.i-sxt a:hover {
color: #cc0010;
}

@media only screen and (max-width: 767px) {
.column span {font-size:20px}


#vsb_content TABLE{
width: 100%!important;
    border-right: #222 1px solid;
    border-collapse: collapse!important;
    display: flex;
    overflow: scroll hidden;
    white-space: nowrap;
    word-break: keep-all;
}

}














 .toubu_div{ position: fixed;top: 0;width: 100%;left: 0;z-index: 999;transition: 0.5s;
}


/*é¡¶éƒ¨æœç´¢*/
.tc_search {margin: 50px auto;width: calc(100% - 60px);position: relative;}
.tc_search form {height: 40px;border-radius: 0;background: rgba(255,255,255,.1);position: relative;width: 100%;margin-bottom: 1rem;}
.tc_search .keyword {font-size:16px;color: #fff;height: 40px;line-height: 40px;box-shadow: none;-webkit-appearance: none;border-right: 0;background: none;width: 100%;outline: none;
    border: 1px solid rgba(255,255,255,0.5);padding: 0 10px;}
.tc_search .btn_blue { position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 38px; border: 0; background: url(../images/search_white.svg) center center no-repeat; background-size: 55%; }
.tc_search .btn_blue.fr { background: #e9edef; color: #4e4f53; }
.tc_search input::-webkit-input-placeholder {
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
 color:#fff;
color: rgba(255,255,255,.7);
}
.tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#fff;
color: rgba(255,255,255,.7);
}/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {
color: transparent;/* transparentæ˜¯å…¨é€æ˜Žé»‘è‰²(black)çš„é€Ÿè®°æ³•ï¼Œå³ä¸€ä¸ªç±»ä¼¼rgba(0,0,0,0)è¿™æ ·çš„å€¼ */
}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */
 .tc_search input:focus::-moz-placeholder {
color: transparent;
}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {
color: transparent;
}/* ç‚¹å‡»æœç´¢æ¡†èŽ·å–ç„¦ç‚¹ placeholderæ¶ˆå¤±-ç»“æŸ */
/*å¯¼èˆªæŒ‰é’®å¼€å§‹*/
#nav_btn_box {height: 100%;z-index: 999999;float: right;margin-left: 0;}
#nav_btn_box.on { background: none; }
#nav_btn { }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before { background: #fff; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point {display: inline-block;width: 39px;height: 22px;position: relative;outline: none;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 25px; }
#nav_btn .navbtn {position: absolute;top: 12px;left: 0;display: inline-block;width: 14px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #d24134;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 25px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #d24134;}
#nav_btn .navbtn::after { top: -8px; }
#nav_btn .navbtn::before { top: 8px; }
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }
/*å¯¼èˆªæŒ‰é’®ç»“æŸ*/
.m_nav_list {flex-direction: column;justify-content: flex-start;width: 100%;margin: 10px 0 0;}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: calc(100vh - 100px);right: -105%;top: 0;display: none;padding: 50px 0 50px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;background: #d24134;}
#m_nav .close{position:absolute;top: 6px;right:15px;font-size: 28px;color:#fff;z-index: 10000;}







#m_nav.act { pointer-events: auto; right: 0;overflow: auto; }
#m_nav>ul>li {width: calc(100% - 30px);overflow: hidden;padding: 0 0 0 30px;position: relative;}
#m_nav>ul>li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a { display: inline-block; width: calc(100% - 50px) }
#m_nav li .a {line-height: 50px;height: 50px;color: #fff;padding: 0;font-size: 16px;float: left;}
#m_nav li .a span { display: block; position: absolute; top: 0; right: 10px; width: 20px; height: 50px; text-align: center; }
#m_nav li .a span i { font-size: 0; }
#m_nav li i {opacity: 1;filter: alpha(opacity=100);display: inline-block;width: 50px;height: 50px;display: inline-block;background: url(../images/arrow_down.svg) center center no-repeat;background-size: 13px 13px !important;position: absolute;display: block;right: 0;}

#m_nav li.on i {background: url(../images/arrow_down_on.svg) center center no-repeat;}
#m_nav .on.title .a i { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); }
#m_nav li { display: block; width: 100%; }
.slide_nav { position: absolute; left: 0; height: 70px; z-index: 998; padding: 15px; top: 0; width: 100%; }
#m_nav .title .list { display: none; position: relative; width: 100%; z-index: 9; left: 0; margin-left: 0; background: none; border: 0; clear: both; padding-bottom: 10px; }
#m_nav .title .list span { background: none; }
#m_nav .title .list span a:hover { color: #c21d1b; }
#m_nav .title .list a {display: block;font-size: 18px;color: rgba(255,255,255,.6);text-align: left;line-height: 30px;height: 30px;border: 0;font-weight: 300;}
/*ä¸‰çº§å¯¼èˆª å¼€å§‹*/
#m_nav .title .list .void>a { background-size: 10px; position: relative; }
#m_nav .title .list .void>a:before { content: "Â·"; position: absolute; left: -1em; font-size: 12px; font-weight: bold; }
#m_nav .title .list span { position: relative; display: block; }
#m_nav .title .list span .sub { position: static; width: 100%; display: block !important; overflow: hidden; }
#m_nav .title .sub a { background: none; font-size: 20px;
opacity: .8; min-width: 50%; float: left; display: inline-block; color: #999; }
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }
.m_header_box {transition: .6s;display: none; height: 60px;width: 50px;position: absolute;right: 0;top: 0;}
#m_header #logo .box_table{width: auto; float: left;    display: table; height: 100%;}
#nav_btn_box .box_table { width: auto; float: left;    display: table; height: 100%; height: 100%;}
 #nav_btn_box .box_table .box_table_cell{   vertical-align: middle;
	display: table-cell;  }
#m_header #logo .box_table .box_table_cell{ vertical-align: middle;display: table-cell;      margin: 0 auto;}

#m_header #logo .box_table .box_table_cell a{    display: block;
			}
.m_header_box header{padding:0 5%;top: 0;height: 41px;box-shadow: 0 8px 8px rgba(0,55,59,0.25);/* position: absolute; */top: 0;left: 0;right: 0;z-index: 100;background: #fff;background-size: cover;     border-radius: 5px;}
#m_header #logo{float: left;height: 100%;}
#m_header #logo img{max-height: 43px;width: auto;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}



@media screen and (max-width: 850px) {
#i_nav{display:none;}
.m_header_box {display:block; }
}