@charset "utf-8";
ul{margin:0;padding:0;}
li{list-style:none;}

body {
  background: #fff;
  font-family:"Microsoft YaHei","微软雅黑","SimHei","黑体", sans-serif;
  font-weight: 400;
  color: #454545;
  font-size: 16px;
  line-height: 2;
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  body {
    font-size: 18px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  color: #272727;
}

h2 {
	color: #dc3787;
font-size: 25px;
line-height: 2;
text-align: center;
background: url(h2_bg.png) no-repeat center bottom;
position: relative;}
h3 {
	color: #1e87f6;
	font-size: 20px;
}
em{font-style: normal;}

.more {
  font-size: 12px;
  text-shadow: 2px 1px 2px rgba(0,0,0,0.7);
  color: #fff;
  position: absolute;
  line-height: 4;
  right: 0;
}

/*
*index
**/
header h1 {
  display: none;
}
header .banner img {
  width:100%;
}
.headline {
  padding: 1em 0;
}
.headline h2 {
  text-align: center;
  font-size: 20px;
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  .headline h2 {
    font-size: 30px;
  }
}
.headline p {
  text-indent: 2em;
}
.main {
    background: url(bg.jpg) no-repeat center;
    background-attachment: fixed;
}
.container {
    background: #fefefe;
	}
.news, .custom, .videorep, .observe {
	border-bottom: 1px solid #ddd;
}
h2 img {
	width: 100%;
}
/* Swiper */

.swiper-container {
	margin-bottom: 10px;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img {
  width: 100%;
  height: 15em;
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  .swiper-slide img {
    height: 18em;
  }
}
.swiper-slide p{
  position: absolute;
  bottom: 0;
  color: #fff;
  width: 100%;
  background: #000;
  background: rgba(0,0,0,0.6);
  margin: 0;
  padding: 0.5em;
  font-size: 15px;
}
.swiper-pagination {
  color: #fff;
  text-align: right;
  font-size: 12px;
  padding-right: 1em;
}



.swiper-container2 {
	margin-bottom: 10px;
	overflow: hidden;
	position:relative;
}
.swiper-container2 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide a{
	display: block;
width: 100%;}
.swiper-container2 .swiper-slide img {
  width: 100%;
  height: 15em;
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  .swiper-container2 .swiper-slide img {
    height: 36em;
  }
}
.swiper-container2 .swiper-slide p{
  position: absolute;
  bottom: 0;
  color: #fff;
  width: 100%;
  background: #000;
  background: rgba(0,0,0,0.6);
  margin: 0;
  padding: 0.5em;
  font-size: 15px;
}
.swiper-pagination2 {
	position: absolute;
  color: #fff;
  text-align: right;
  font-size: 12px;
  padding-right: 1em;
}
.swiper-button-next2,
.swiper-button-prev2 {
 position:absolute;
 top:50%;
 width:27px;
 height:44px;
 margin-top:-22px;
 z-index:10;
 cursor:pointer;
 background-size:27px 44px;
 background-position:center;
 background-repeat:no-repeat
}
.swiper-button-prev2{
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
 left:10px;
 right:auto
}
.swiper-button-next2{
 background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
 right:10px;
 left:auto
}
.news li {border-bottom: 1px dashed #ccc;line-height:3;}

.picture.col-md-6 {
  padding: 1em 0 0 0;
}
/* 中型设备（台式电脑，992px 起） */
@media (min-width: 992px) {
  .picture.col-md-6 {
    padding-top: 0;
  }
  .picture .col-xs-4{
    padding-bottom: 1em;
  }
}
.picture img {
  width: 100%;
  height: 5em;
}
@media (min-width: 768px) {
  .picture img {
    height: 7em;
  }
}
.picture p {
  height: 2em;
  overflow: hidden;
}

/**/
.list-group-item{
  border: 0 none;
  border-radius: 0;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
}
.list-group-item a {
  color: #333;
}
.picture img, .videorep img {
  width: 100%;
}

.videorep p {
  height: 3.5em;
  overflow: hidden;
}
.videoimg {
  position: relative;
  margin-bottom: 10px;
}
.videoimg img {
  height: 8em;
}
.videoimg i {
  background: url(../img/play_lg.png) no-repeat center;
  background-size: 100%;
  width: 3em;
  height: 3em;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  margin:-1.5em -1.5em;
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  .videoimg img {
    height: 12em;
  }
  .videoimg i {
    width: 5em;
    height: 5em;
    margin:-2.5em -2.5em;
  }
}
/* 大型设备（大台式电脑，1200px 起） */
@media (min-width: 1200px) {
  .videoimg img {
    height: 14em;
  }
}

.custom h3, .observe h3 {
  font-size: 16px;
  height: 1.1em;
  overflow: hidden;
}
.observe {
	font-size:12px;
	line-height:1.5;
}
@media (min-width: 768px) {
  .observe {
	font-size:16px;
	line-height:2;
}
}
.observe h3 {
  margin-top: 10px;
}
.observe .row img {
  width: 100%;
  height: 5em;
}
@media (min-width: 768px) {
  .observe .row img {
    height: 10em;
  }
}
.observe p {
  height: 4.8em;
  overflow: hidden;
}
@media (min-width: 768px) {
  .observe p {
	height: 4em;
}
}
.customitem {
  border-bottom: 1px dotted #ccc;
}
.itembox {
  display: flex;
  justify-content: space-between;
}
.itembox img {
  width: 125px;
  height: 90px;
  margin: 0 1em 1em 0;
  flex-shrink: 0;
}
.itembox p {
  height: 5em;
  overflow: hidden;
  color: #666;
}

.attention {
  text-align: center;
}
.attention .qrleft, .attention .qrright {
  width: 49%;
  display: inline-block;
}
/* 中型设备（台式电脑，大于等于 992px） */
@media (min-width: 992px) {
  .attention .qrleft, .attention .qrright {
    position: fixed;
    bottom: 100px;
    display: block;
    width: 140px;
  }
  .attention .qrleft {
    left: 0;
  }
  .attention .qrright {
    right: 0;
  }
  .attention p{
    text-shadow: 1px 1px 1px #fff;
  }
}
.attention h3 {
  font-size: 25px;
}
.attention p {
  margin: 0;
}
/* 中型设备（台式电脑，大于等于 992px） */
@media (min-width: 992px) {
  .attention p{
    text-shadow: 1px 1px 1px #fff;
  }
}
.attention img {
  width: 125px;
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  .observe .list-group {
    height: 18em;
    overflow: hidden;
  }
}
.tuji, .tuji2 {
	clear:both;
}

/*
*content
**/
.subject {
  border-bottom: 1px solid #dcdcdc;
  padding: 1em;
  margin-bottom: 1em;
}
.subject h1 {
  font-size: 20px;
}
.subject .source span {
  margin-right: 0.5em;
}
.content .video_con {
  text-align: center;
}
.content #video {
  width: 100%;
  max-width: 600px;
}
.content img {
  max-width: 100%;
}

/*
*articlelist
**/
.articlelist ul {
  margin: 0;
  padding: 0;
}
.articlelist li {
  border-bottom: 1px solid #eee;
}
.articlelist h2 {
  font-size: 18px;
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
  .articlelist h2 {
    font-size: 22px;
  }
}
.articlelist p {
  color: #333;
}
.articlelist .articledate {
  font-size: 12px;
}

/*
*footer
**/
footer {
  text-align: center;
    background-color: #523a8f;
    color: #fff;
    font-size: 12px;
}
footer p {
  padding: 0.5em;
    margin: 0;
}