@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-block {flex:1}
.align-center {align-items: center;}
.flex-between {justify-content: space-between;}
.flex-right {justify-content: right;}

.bg-white {background: #fff}
.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;}
.ofhide {overflow: hidden;}
.img {width:100%}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
*html .clearfix{height:1%;}
* *+html .clearfix{height:1%;}
a {text-decoration: none;    color: #666;}
.mb5 {margin-bottom: 5px;}
.pd5 {padding: 5px;}
.pl10 {padding-left: 10px;}
.pr10 {padding-right: 10px;}
.pt10 {padding-top: 10px;}
.pb10 {padding-bottom: 10px;}
.wr50 {width:50%}
.wr100 {width:100%}

.ml10 {margin-left: 10px;}
.mr10 {margin-right: 10px;}
.mt10 {margin-top: 10px;}
.mb10 {margin-bottom: 10px;}

.breadcrumb {display: flex;  border-bottom: 1px solid #efefef; padding: 5px;}
.breadcrumb .nav {font-size: 12px;  color: #666;}

.form {}
.form .row {padding: 8px}
.form .label {width: 120px;}
.form .input-text,.form .input-textarea {border-color: #eee; padding:5px; line-height: 1.3;    line-height: 38px\9;    border-width: 1px;    border-style: solid;    background-color: #fff;    color: rgba(0,0,0,.85);    border-radius: 2px;}
.form .input-text:hover, .form .input-textarea:hover {border-color: #eee!important;}
.form .btn {height: 38px;    line-height: 38px;    border: 1px solid transparent;    padding: 0 18px;    background-color: #009688;    color: #fff;    white-space: nowrap;    text-align: center;    font-size: 14px;    border-radius: 2px;    cursor: pointer;}
input[type="text"]:focus,textarea:focus {border: 1px solid #eee;  /* 设置文本框点击时的边框样式 */outline: none; /* 去除文本框点击时的虚线 */}

.header {padding: 15px 15px 0px 15px;}
.header .logo {width: 320px;}
.nav {font-size: 18px; margin-left: 40px;}
.nav_list {display: flex}
.nav_list .nav-main-item  {text-align:center;  padding: 15px;}
.nav_list li:last-child {border: 0px;}
.nav_list a  {color:#666; display: block;}
.nav_list .nav-main-submenu a {color: #fff; padding: 15px;}
.nav_list .nav-main-submenu a:hover {background: #7ac8ea}
.nav_list .on {font-weight: bold; }

.nav-main-item {position: relative;  display: inline-block;}
.nav-main-submenu {display: none;    position: absolute;    background-color: #aeaeae;    margin-top:15px;    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); left:0; right:0;   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:349px; 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:550px; 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%; height: 100%;}

.slide-banner {overflow:hidden;position:relative;}
.slide-banner .mask{height:65px; line-height:65px; background-color:#000; width:100%; text-align:center; position:absolute;left:0;bottom:-32px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;overflow:hidden;}
.slide-banner .mask img{vertical-align:middle; margin-left:2px; cursor:pointer; border:3px solid #b2b2b2;}
.slide-banner .mask img.show{margin-bottom:3px; border:3px solid #ffffff;}


.search-box {display: flex; padding: 10px 15px 15px 15px; flex-direction: row;  justify-content: space-between;}
.search-box .today {flex:1; line-height: 35px; color: #666}
.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:FIRST-CHILD {margin-left: 15px;}
.hotnews {margin-right: 15px; width: 403px;}
.hotnews li {display: flex;   justify-content: space-between;}
.hotnews .hd {border-bottom: 1px solid #dfdfdf;  overflow: hidden;}
.hotnews .hd h3 {font-size: 18px; padding: 0px 0px 5px 0px;}
.hotnews .hd i {display: block;    font-style: normal;}
.hotnews .hd i a {color: #666;}
.hotnews .bd .title {flex:1; 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  {width:100px; text-align: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; padding: 10px 20px; width: 15%; background: #eeeeee;  border-radius: 10px; overflow: hidden;}
.left_sub_nav ul {background: #fff; border-radius: 15px; border: 1px solid #dfdfdf;}
.left_sub_nav li {border-bottom: 1px dotted #dfdfdf; padding: 15px; display: flex;}
.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 {font-size: 16px;font-weight: 600;line-height: 40px;height: 40px;margin-right: 30px; color: #aaaaaa}
.left_sub_nav li a {display: block;}
.left_sub_nav li .cur {color: #017edb;}

.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 img {max-width: 100%;}
.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; background-color: #3d7bc1; color: #fdfdfd}
.footer a {color: #fdfdfd}
.copyright {text-align: center; line-height: 25px; padding: 10px; font-size: 14px;}