html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

html,
body {
	width: 100%;
	background-color: #fff;
	color: #000;
}

img {
	display: block;
	width: 100%;
}

body{color: #333333;box-sizing: border-box;font-size: 16px;}
a:link , a:visited , a:hover , a:active{text-decoration: none;color: #333333;}
a { color:#333333; text-decoration:none;display: block;}

.clearfloat:after {
    content: ".";
    clear: both;
    display: block;
    width: 0;
    height: 0;
    visibility: hidden;
}

.mod{margin-top: 50px;}

.maxWidth { width:1200px; margin:auto;}

.imgInsetShadow{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-shadow: inset 0 0 50px #000;
    box-shadow: inset 0 0 50px #000;
    opacity: .25;
}

.loading{
	font-size: 20px;
	font-weight: bold;
	color: #000;
	width: 100%;
	padding: 50px 0;
	text-align: center;
}

.app {
	width: 100%;
	position: relative
}

.header-con {
	padding: 20px 0;
	border-bottom: 1px solid #484CCA;
	overflow: hidden;
}

.header-con .logo {
	float: left;
	height: 60px;
}

.header-con .logo img {
	height: 100%;
}

.header-con .lang {
	float: right;
}

.header-con .lang .chooseLanguage {
	display: inline-block;
	width: 170px;
	position: relative;
	vertical-align: middle;
	padding: 0;
	overflow: hidden;
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
	text-shadow: none;
	transition: box-shadow 0.25s ease;
	z-index: 2;
	height: 28px;
	line-height: 25px;
	border-radius: 5px;
	margin-top: 11px;
	box-sizing: border-box;
}

.header-con .lang .chooseLanguage:hover {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

.header-con .lang .chooseLanguage::before {
	content: "";
	position: absolute;
	width: 7px;
	height: 11px;
	top: 8px;
	right: 8px;
	cursor: pointer;
	z-index: -2;
	background: url('../img/langSelect.png') no-repeat center center;
	background-size: 100%;
}

.header-con .lang .chooseLanguage select {
	cursor: pointer;
	padding-left: 8px;
	width: 100%;
	border: none;
	background: transparent;
	background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	color: #000;
	font-size: 16px;
}

.header-con .lang .chooseLanguage select:focus {
	outline: none;
}

.footer {
  background-color: #000;
  width: 100%;
}

.footer .footer-con {
  padding: 40px 0;
  text-align: center;
  line-height: 2em;
  font-size: 14px;
}

.footer .footer-con p {
  color: #999;
}

.footer .footer-con p a {
  color: red;
  display: inline-block;
}

.header-breadnav{display: flex;align-items: center;margin-top: 20px;margin-bottom: 20px;}
.header-breadnav span{margin: 0 8px;    color: #C0C4CC; width: 16px; height: 16px;background: url(../img/leftArrow.png) no-repeat; background-size: 100%;}
.header-breadnav .breadnav-item{color: #333;font-size: 16px;font-weight: bold;}
.header-breadnav .breadnav-item:hover{color: #409eff;}
.header-breadnav .breadnav-item.active{color: #606266;font-weight: 400;}

.newsList-con {
  /* overflow: hidden; */
}

.newsList-con .news-item {
  width: 580px;
  float: left;
  margin: 0 40px 30px 0;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0 0 4px rgba(0, 0, 0, .2);
  border-radius: 10px;
}

.newsList-con .news-item:nth-of-type(2n) {
  margin-right: 0;
}

.newsList-con .news-item i {
  margin-left: 5px;
}

.newsList-con .news-item-photo {
  width: 170px;
  height: 95px;
  overflow: hidden;
  float: left;
  position: relative;
}

.newsList-con .news-item-photo img {
  width: 100%;
}

.newsList-con .news-item-photo em {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 30px;
  background: url("../img/opacity-50.png");
  font-style: normal;
  overflow: hidden;
}

.newsList-con .news-item-photo span {
  display: inline-block;
  color: #fff;
  padding-left: 5px;
  font-size: 14px;
}

.newsList-con .news-item-text {
  margin: 0 0 0 190px;
  padding: 0;
}

.newsList-con .news-item-text h3 {
  height: 95px;
  overflow: hidden;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
}

.newsList-con .news-item-text h3 a {
  display: block;
}

.newsList-con .news-item-summary {
  font: 16px/22px Arial;
  color: #aaaaaa;
  padding: 0;
  height: 66px;
  overflow: hidden;
  margin-top: 12px;
}

.newsList-con .news-item.no-photo .news-item-photo {
  display: none;
}

.newsList-con .news-item.no-photo .news-item-text {
  margin: 0;
}

.listContent{    margin-top: 20px;margin-bottom: 20px;}
.listContent .article-head h1{ line-height: 1.2;    font-size: 24px;padding-bottom: 15px;}
.listContent .article-head .about-type{display: flex;border-bottom: 1px solid #d9d9d9;line-height: 2; padding-bottom: 10px;align-items: center;}
.listContent .article-head .about-type .article-type-time{color: #999;    margin-right: 20px;}
.listContent .article-head .about-type .article-type-OriginalLink{color: #999;margin-right: 20px;}
.listContent .article-head .about-type .article-type-OriginalLink:hover{color: #00479d;}
.listContent .article-head .about-type .article-type-source{color: #999;    margin-right: 20px;display: flex;}
.listContent .article-head .about-type .article-type-source span{font-weight: bold;}
.listContent .article-head .about-type .article-type-source a{color: #999;  }
.listContent .article-head .about-type .article-type-source a:hover{color: #00479d;  }
.listContent .article-head .about-type  .article-type-label{flex: 1;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #999;}
.listContent .article-head .about-type  .article-type-label span{font-weight: bold;color: #999; }
.listContent  .article-con { font-size: 16px;line-height: 1.8em;padding: 0 100px;}
.listContent  .article-con img{max-width: 100%;}
.listContent  .article-con p{    margin-top: 16px;word-wrap: break-word;}

.topicList-con .mainContent{display: flex;    margin-top: 20px;background: #000;}
.topicList-con .mainContent .photo { width: 720px;    line-height: 0;} 
.topicList-con .mainContent .photo img{width: 100%;} 
.topicList-con .mainContent .text{    flex: 1;height: 380px;overflow: hidden;    margin-left: 20px;    padding-right: 15px;}
.topicList-con .mainContent .text p{    font-size: 16px;    line-height: 1.65;    color: #999;    padding: 12px 0 0;}
.topicList-con .listTree{display: flex;flex-wrap: wrap;margin: 20px auto 30px;}
.topicList-con .listTree .item{  display: flex; flex-direction: column;  background: #fff; width: 380px; box-sizing: border-box; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;box-shadow: 0 0 4px rgba(0, 0, 0, .2); margin: 50px 30px 0 0;}
.topicList-con .listTree .item:nth-child(3n){margin-right: 0;}
.topicList-con .listTree .item .photo{width: 380px;    height: 213px;    line-height: 0;    overflow: hidden;}
.topicList-con .listTree .item .photo img{width: 100%;}
.topicList-con .listTree .item .text{ margin: 23px 0; height: 68px;  overflow: hidden;  padding: 0 12px;}
.topicList-con .listTree .item .text a{font: normal 20px / 34px Arial;}
.topicList-con .listTree .item .text a:hover{color: #003399;}

@media screen and (max-width: 900px){
    .maxWidth{
        width: 100%;
    }
	.header-breadnav{padding: 0 .3rem;box-sizing: border-box;}
	.newsList-con {
	  width: 100%;
	  padding: 0 .3rem;
	  box-sizing: border-box;
	  margin-top: 0;
	}
	
	.newsList-con .news-item{
		width: 100%;
		margin-right: 0;
	}
	
	.newsList-con section {
	  width: 100%;
	  margin: .3rem 0 0 0;
	  padding: .2rem 0rem;
	  border-radius: 5px;
	}
	
	.newsList-con .news-item-photo {
	  width: 2.25rem;
	  height: 1.26rem;
	  overflow: hidden;
	  margin-right: .3rem;
	}
	
	.newsList-con .icon-audio,
	.newsList-con .icon-video {
	  width: .48rem;
	  height: .48rem;
	  background-size: .3rem .3rem;
	}
	
	.newsList-con .news-item-photo em {
	  line-height: .48rem;
	}
	
	.newsList-con .news-item-photo span {
	  font-size: .2rem;
	  float: left;
	}
	
	.newsList-con .news-item-text {
	  margin: 0;
	  padding: 0;
	  padding-right: .2rem;
	}
	
	.newsList-con .news-item-text h3 {
	  font: normal .28rem/.4rem Georgia;
	  height: auto;
	  overflow: initial;
	}
	
	.newsList-con .news-item-summary {
	  display: none;
	}
	
	.newsList-con .news-item.no-photo .news-item-text {
	  padding: 0 .3rem;
	}
	
	.listContent .article-head{padding: 0 .2rem;}
	.listContent .article-head h1 {font-size: 24px; line-height: 28.8px;  margin-top: 15px;padding-bottom: 15px; }
	.listContent  .article-con{padding: 0 .2rem;}
	.listContent .article-head .about-type{flex-wrap: wrap;}
	.listContent .article-head .about-type .article-type-time{font-size: 14px;  line-height: 28px; margin-right: .2rem;   }
	.listContent .article-head .about-type .article-type-source {margin-right: .2rem;font-size: 24px; line-height: 28px; }
	.listContent .article-head .about-type .article-type-OriginalLink{font-size: 14px; line-height: 28px; margin-right: .2rem;}
	.listContent .article-head .about-type .article-type-source span{font-size: 14px; line-height: 28px;}
	.listContent .article-head .about-type .article-type-source a{font-size: 14px;line-height: 28px; margin-right: .2rem;}
	.listContent .article-head .about-type .article-type-label{width: 100%;}
	.listContent .article-head .about-type .article-type-label {font-size: 14px;line-height: 28px; margin-right: .2rem;flex: unset;}
	.listContent .article-con{padding: 0 .2rem;    font-size: 16px; line-height: 1.8em;}
	
	.topicList-con .mainContent .photo{width: 100%;}
	.topicList-con .mainContent .text{display: none;}
	.topicList-con .listTree{width: 6.8rem;}
	.topicList-con .listTree .item{  width: 100%;display: flex;  padding: .2rem 0;  margin: .3rem 0 0;  flex-direction: row-reverse;}
	.topicList-con .listTree .item .photo{  width: 2.25rem;height: 1.26rem;overflow: hidden;        flex: 1;}
	.topicList-con .listTree .item .text{width: 50%;height: auto;padding: 0 .14rem;        margin: 0;}
	.topicList-con .listTree .item .text a{  display: inline-block;     font: normal .32rem / .4rem Georgia;}
	.topicList-con .listTree .item .text a:before{  content: "";width: .18rem;height: .18rem;  background-color: #e61051; display: inline-block;  border-radius: 50%; margin-bottom: .03rem; margin-right: .12rem;}

}