@charset "utf-8";
/* CSS Main */

html{color:#4d4d4d; height:100%; min-height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,button,input,select,textarea,span{font:13px/1.5em "microsoft yahei";}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit}
fieldset,img,a img{border:0}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
ins,a{text-decoration:none}
input,button { border:none; background:none;}

a {color:#0066cc;}
.a-hide {display: block; height: 100%; text-indent: -999px; overflow: hidden;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align:center;}
.tj{text-align:justify;*text-justify:distribute;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.b { font-weight:bold;}
.n { font-weight:normal;}
.i { font-style:italic;}

.fn:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
.fn{*zoom:1}
.l{float:left}
.r{float:right}
.cl{clear: both;}
.rel{ position:relative;}
.abs{ position:absolute;}
.oh{overflow:hidden}
.db { display:block;}
.di { display:inline;}
.dn { display:none;}
.dib{display:inline-block;*display:inline;*zoom:1}
/* =0 Reset
--------------------------------------------------------------*/

/* Global
--------------------------------------------------------------*/
body{ height:100%; min-height:100%; text-align:center;}
#wrapper { height:auto; margin:0 auto; max-width:7.50rem;background:#f4f5f7;}
#container {width:100%;margin:0 auto;}
#container {height:auto!important; height:100%; min-height:100%;}
#header { height:auto; overflow:hidden;z-index:1; position:relative;text-align:center;}
#main { height:auto!important; height:100%; position:relative;}
#footer { padding:5px 0; background:#000; color:#fff;}
/*----------------------------------  Global����  ------------------------------------*/
input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ccc;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: #ccc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc;
}
input,select{-webkit-appearance: none;margin-left: 20px;padding: 10px 0;height: 100%;border: none;box-sizing: border-box;font-size: 16px;line-height: 30px;color: #333;}
.mt20{margin-top: 20px !important;}
.mt10{margin-top: 10px !important;}
.ml18{margin-left: 18px !important;}
.mt0{margin-top: 0px !important;}
.pt20{padding-top: 20px !important;}
.pt5{padding-top: 5px !important;}
.pt0{padding-top: 0px !important;}
.c06A243{color: #06A243 !important;}
.ed3f41{color: #ed3f41 !important;}
.eba900{color: #eba900 !important;}
.fff{background: #fff !important;}
.mt25{margin-top: .25rem;}

/*------------------------------------------第一屏*/

.banner {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
}

.slider {
  width: 100%;
  height: 100%;
  display: inline-block;
  transition: transform 0.5s ease;
}

.slider img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  float: left;
}

.controls {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 5px;
  cursor: pointer;
}

.dot.active {
  background-color: #2166de;
}

/*------------------------------------------第二屏*/

.news-feed {
  padding: 24px;
}

.news-feed-header {
  width: 100%;
  padding: 30px 0;
  overflow: hidden;
  line-height: 16px;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.news-feed-header > li {
  padding: 10px 20px;
  min-width: 60px;
  border-radius: 20px;
  border: 1px solid #e5e5e5;
}

.news-feed-header > li > a {
  font-weight: 400;
  color: #333;
  text-decoration: none;
  text-align: center;
}

.news-feed-header li.on {
  background-color: #105feb;
  border: 1px solid #105feb;
}

.news-feed-header .on > a {
  font-weight: 600;
  color: #fff;
}

.news-feed-breadcrumbs {
  width: 100%;
  padding: 0;
  overflow: hidden;
  text-emphasis: none;
  line-height: 16px;
  font-size: 15px;
  display: flex;
  gap: 7px;
}

.news-feed-breadcrumbs a {
  display: flex;
  gap: 5px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}

.news-feed-breadcrumbs a::after {
  content: ">";
}

.news-feed-breadcrumbs li:last-child a::after {
  content: "";
}

.news-feed-container {
  display: flex;
  gap: 25px;
}

.news-feed-article {
  margin-top: 20px;
  padding: 30px 20px;
  box-sizing: border-box;
  max-width: 100%;
  overflow: scroll;
}

.news-feed-article-title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
}

.news-feed-article-meta {
  display: flex;
  padding: 20px 0;
  color: #878787;
  font-size: 14px;
  line-height: 14px;
  gap: 20px;
}

.news-feed-article-content img{
  max-width: 100%;
}

.news-feed-article-footer {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
}

a.news-feed-article-link {
  text-decoration: none;
  color: #333;
  font-weight: 400;
  font-size: 14px;
  line-height: 36px;
}

.news-feed-content {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
  text-align: left;
  max-width: 100%;
  overflow: scroll;
}

.news-feed-card {
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  border: 1px solid #fff;
  background: #fff;
  border-radius: 5px;
  transition: border 0.5s;
}

.news-feed-content > li > a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  padding: 34px 28px;
  color: #333;
}

.news-feed-content-title {
  font-weight: 500;
  line-height: 20px;
  font-size: 18px;
}

.news-feed-content-abstract {
  padding: 20px 0;
}

.news-feed-content-footer {
  display: flex;
  gap: 10px;
  align-items: center;
  font-size: 12px;
  font-weight: 400;
  color: #666;
  padding-bottom: 20px;
}

.news-feed-content-tag {
  background: #f4f6f9;
  border-radius: 3px;
  line-height: 25px;
  padding: 0 6px;
}

.news-feed-content-img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.news-feed-card-title {
  font-weight: 500;
  line-height: 20px;
  font-size: 18px;
}

.news-feed-hot {
  padding: 24px 20px;
}

.news-feed-hot-terms-tags-container {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

a.news-feed-hot-terms-tag {
  background: #f4f6f9;
  border-radius: 14px;
  line-height: 28px;
  font-size: 14px;
  padding: 0 12px;
  color: #333;
  text-decoration: none;
}

a.news-feed-hot-article::before {
  line-height: 30px;
  font-size: 20px;
  content: "\2022";
  color: #2166de;
  margin-right: 0.3em;
  align-self: flex-start;
}

a.news-feed-hot-article {
  display: flex;
  align-items: flex-start;
  text-decoration: none;
  line-height: 30px;
  font-size: 14px;
  color: #333;
}

.pagination {
  width: 100%;
  height: 20px;
  color: red;
  text-align: center;
}

/* 分页
--------------------------------------------------------------*/
.page { padding-top:0;}
.page { font-size:12px; line-height:20px; text-align:center; margin:10px auto;display: flex;flex-direction: row;align-items: center;}
.page a{ width:30px; height:30px; line-height:30px; border-radius:2px; border:1px #e8e8e8 solid; margin-right:3px; font-size:14px; text-align:center; display:inline-block; vertical-align: middle;color:#1a62e1;}
.page a:hover{ width:30px; height:30px; border-radius:2px; border:1px #1a62e1 solid; margin-right:3px; display:inline-block; text-decoration:none}
.page span.current{ vertical-align: middle;background:#1a62e1; border:1px #1a62e1 solid;font-size:14px; color:#FFF; width:30px; height:30px; line-height:30px; display:inline-block; text-align:center; border-radius:2px; margin-right:3px;}
.page a.current{ background:#1a62e1; border:1px #1a62e1 solid; color:#FFF; width:30px; height:30px; line-height:30px; display:inline-block; text-align:center; border-radius:2px; margin-right:3px;}
.page a.next,.page  a.prev{ width:30px; height:30px; vertical-align: middle; border:1px #dddddd solid; border-radius:2px;overflow:hidden;}
.page a.prev{ background-position:6px 4px;}
.page a.next{border-right:1px #e8e8e8 solid; background-position:-12px 4px;}
.page a.next:hover{border:1px #1a62e1 solid;}
.page a.next5,.page  a.prev5{ width:30px; border:0;border-left:0px #e8e8e8 solid;}
.page a.first{ width:30px;}
.page a.last{ width:30px;}
.page a.end{ position: unset; margin:0;display: none;}
.page .gogo{ display:inline-block;}
.page .topage{ padding-left:15px;}
.page .topage input{ margin:0 8px; height:24px; width:40px; padding:0 6px;}
.page .topage a.gobtns{ width:45px; margin:0 5px; height:24px; line-height:24px; background-color: #fff; border-color: #d6d6d6; background-image: linear-gradient(to bottom,#fff 0,#f3f3f3 100%);color: #666; border-radius:2px; vertical-align:top;}
.page .topage a.gobtns:hover{background: #fff;  border-color: #d1d1d1;  color: #666666;}
.page .topage a.gobtns:active{background: #e3e3e3;  border-color: #d1d1d1;  color: #666666;}
/*------------------------- 分页结束  -----------------------*/