@CHARSET "UTF-8";

body{background:#f2f4f5; font-size:14px; font-family: "Hei", "Microsoft YaHei", "Helvetica Neue", Arial, Helvetica, sans-serif; line-height:150%; margin:0px; padding:0; color:#404040;}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,img,p{margin:0; padding:0; border:none; list-style-type:none;}
.block{width:1200px; height:auto; background: #fff}
.flex {display: flex;}
.flex-wrap{flex-wrap: wrap;}
.flex-center {justify-content: center;}
.fl{float:left;}
.fr{float:right;}
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
.dis{display:block;}
.inline{display:inline;}
.none{display:none;}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
* *+html .clearfix{height:1%;}
a {text-decoration: none;    color: #333;}
.img {width: 100%; height: 100%;}
.mb5 {margin-bottom: 5px;}
.pd5 {padding: 5px;}

.breadcrumb {display: flex; flex-direction: row-reverse; border-bottom: 1px solid #efefef; padding: 5px;}
.breadcrumb li {padding: 3px; list-style: none;}

.header {width: 100%;   background-color: #fff;    background-position: top center;    background-repeat: no-repeat;    background-image: url(head.png);}
.header .logo {margin-top: 40px; float: left;}
.header .sysnav { float: right; line-height: 22px;}
.header .sysnav li {background: #fff; border-radius:5px; padding: 5px; margin-top: 20px;}
.nav {background: #db2d2f; width: 100%; font-size: 18px; margin-top: 40px;}
.nav_list {background-color: #db2d2f; display: flex}
.nav_list li {text-align:center; width:140px;  padding: 15px; background: url(nav_x1.png) left center no-repeat;}
.nav_list .nav-main-submenu li {width: 100%;}
.nav_list li:last-child {border: 0px;}
.nav_list a  {color: #fff; font-weight: bold; display: block;}
.nav_list .nav-main-submenu a {color: #ccc}
.nav_list .on {background: #c7000a}

.nav-main-item {position: relative;  display: inline-block;}
.nav-main-submenu {display: none;    position: absolute;    background-color: #db2d2f;    margin-top:15px;    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);    padding: 12px 16px;    z-index: 999;}
.nav-main-submenu  li {clear: both; margin: 0px; background: initial;}
.nav-main-item:hover .nav-main-submenu {display: block;}

/* 本例子css */
.slideBox{ width:625px; height:320px; overflow:hidden; position:relative; border:1px solid #ddd;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.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 img{ width:450px; height:320px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.swiper-container .swiper-pagination {position:absolute;right:5px; text-align:right; z-index:5;cursor:pointer;}
.swiper-wrapper {height: 320px;}
.swiper-wrapper  .title {display: block; position: absolute;  bottom: 0; left: 0; z-index: 4; width: 100%; padding-left: 10px; height: 32px; line-height: 32px; background: #000; opacity: 0.8; background: rgba(0,0,0,0.8)!important; font-size: 15px; color: #fff; text-align: left;}
.swiper-wrapper .swiper-slide img {width: 100%;}


.search-box {display: flex; padding: 10px;flex-direction: row;  justify-content: space-between;}
.search-box .today {flex:1; line-height: 35px;}
.search {width: 280px;    border: 1px solid #cccccc;    border-radius: 30px;    height: 32px;    font-size: 14px;    position: relative;}
.search #keyword {width: 135px;    border: none;    height: 20px;    margin: 7px 0 0 20px;    padding-left: 5px;}
.search .sbtn {margin-right: 15px;	margin-top: 5px;    cursor: pointer;}
.sbtn img {vertical-align: middle;}

.hotnews {margin-left: 15px;}
.hotnews li {}
.hotnews .hd {border-bottom: 1px solid #ccc;  overflow: hidden;}
.hotnews .hd h3 {float: left; font-size: 18px; padding: 0px 0px 5px 0px;}
.hotnews .hd i {float: right;    display: block;    font-style: normal;}
.hotnews .bd .title {float: left; width: 440px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-top: 5px; padding-bottom: 5px;  background: url(./stock18_index_dian44.jpg) no-repeat;   background-position: 5px;    text-indent: 15px;}
.hotnews .bd .date  {float: right; font-style: normal; padding: 5px;}


.area_block {border-top:2px solid red; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 8px; overflow: hidden; margin-top: 10px;}
.area_block .bd  {border-bottom: 1px solid #ccc; padding: 8px; overflow: hidden;}
.area_block .bd h3 {float: left; font-size: 18px;}
.area_block .bd i {float: right;    display: block;    font-style: normal;}
.area_block .hd li {padding:3px 0px 3px 0px; line-height: 25px;  text-overflow: ellipsis; background: url(./stock18_index_dian44.jpg) no-repeat;   background-position: 5px;    text-indent: 15px; overflow: hidden;}
.area_block .hd .title {display: block; float: left;}
.area_block .hd .date {display: block; float: right; font-style: normal;}

.picMarquee-left{ overflow:hidden; position:relative;  border:1px solid #ccc;   }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;	 cursor:pointer; background:url("arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }

.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  width: 140px;}
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.quickmenu {clear: both;}
.quickmenu dt {font-weight: 600;}
.quickmenu dt,.quickmenu dd {float: left; padding: 5px; width: 60px;}
.quickmenu .selected{color:#fe8f01; font-weight:bold;}
.quickmenu .selected a{color:#fe8f01;}
.quickmenu .selected a:hover{color:#fe8f01;}

.pmgg {width: 100%;}
.pmgg   th {height: 40px;    background: #f7f5f5; padding: 8px;}
.pmgg   td {text-align: center;  padding: 8px;}
.pmgg .infoName {text-align: left;}

.xmtj {width: 100%;}
.xmtj   th {height: 40px;    background: #f7f5f5; padding: 8px;}
.xmtj   td {text-align: center;  padding: 8px;}
.xmtj .infoName {text-align: left;}
.xmtj .btn {color: #FF8000;}


.left_sub_nav { margin-right: 15px; width: 20%;}
.left_sub_nav li {border-bottom: 1px solid #efefef ; padding: 10px; padding-bottom: 30px;}
.left_sub_nav li i{margin-top:6px; margin-right:3px; height:0;border-width:5px 0 5px 5px;border-style:solid;border-color:transparent transparent transparent #999;display:block; float: left;}
.page-content-left-title {width:100%;  text-align: center;font-size: 18px;font-weight: 600;line-height: 40px;height: 40px;margin-right: 30px; background: #db2d2f; color: #fff}
.left_sub_nav li a {display: block; float: left;}

.right_article {padding: 10px; width: 76%;}
.right_article .list li{display: flex; justify-content: space-between;  flex-direction: row;}
.right_article .list span {padding-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 28px; background: url(./stock18_index_dian44.jpg) no-repeat;  text-indent: 22px; font-size: 16px; background-position: 10px;}
.right_article .list i {font-style: normal;}
.article-content {line-height: 30px; }
.article-content .btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.article-content .content {padding: 20px;}
.article-content .title {text-align: center; overflow: hidden; border-bottom: 1px #ddd dotted; margin: 10px;}
.article-content .title h3 {font-size: 24px; font-weight: normal; margin: 20px 0px 20px 0px; line-height: 36px;}
.article-content .title .tips {color:#999}

.xmtj-info  {text-align: center; border-top: 1px #ddd dotted;}
.xmtj-info  ul {width: 600px; margin: 0 auto;}
.xmtj-info  ul li {padding: 10px; display: flex;}
.xmtj-info label {width: 100px; display: block;}
.xmtj-info .input-text {padding: 5px;}
.xmtj-info .btn {display: inline-block;    height: 38px;    line-height: 38px;    padding: 0 18px;    background-color: #009688;    color: #fff;    white-space: nowrap;    text-align: center;    font-size: 14px;    border: none;    border-radius: 2px;    cursor: pointer;}

.links {overflow: hidden; margin-top: 10px;}
.links .bd  {border-bottom: 1px solid #db2d2e;  overflow: hidden;}
.links .bd h3 {float: left; font-size: 18px; background: url(titlebg.png) top right no-repeat; line-height: 40px;    color: #fff;    padding: 0 30px 0 15px;}
.links .bd i {float: right;    display: block;    font-style: normal;}
.links li {float: left; padding: 10px; list-style: none;}

.pagination{height:40px;padding:20px 0px; text-align: center;}
.pagination li {display:inline-block; margin:10px}
.pagination a{display:block;  padding:2px 12px;   border:1px #cccccc solid;background:#fff;text-decoration:none;color:#808080;font-size:12px;}
.pagination a:hover{color:#077ee3;background: white;border:1px #077ee3 solid;}
.pagination a.cur{border:none;background:#077ee3;color:#fff;}

.footer {margin-top: 10px;}
.copyright {text-align: center; line-height: 25px; padding: 10px;}