@charset "UTF-8";
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #F5F5F5;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  background-color: #F5F5F5;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #555;
}

/**********live link at the top of the home page*********/
.index-live-wapper {
  background: #ccc url(../images/index-live-top-bg.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: none;
}

.index-live-wapper .container {
  background: #141414;
  margin: auto;
  position: relative;
  padding: 0;
}

.index-live-wapper .live {
  width: 710px;
  margin: auto;
}

.index-live-wapper .live > div {
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.index-live-wapper .live h4 {
  line-height: 20px;
  margin: 0;
  padding: 8px 0;
  color: #fff;
}

.index-live-wapper .link {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fdc502;
  text-decoration: none;
  font-size: 36px;
  text-align: center;
  background: rgba(0, 0, 0, 0.39);
  align-items: center;
  justify-content: center;
}

.index-live-wapper .live img {
  width: 100%;
  height: auto;
}

/****** header.navbar *******/
header.navbar {
  background: #0d6fb8;
}

header.navbar .brand {
  display: inline-block;
  width: 180px;
}

header.navbar .brand img {
  width: 100%;
}

header.navbar .navbar-logo {
  float: left;
  padding-top: 20px;
  padding-bottom: 8px;
}

header.navbar .btn {
  background: transparent url(../images/icon-more.png) no-repeat;
  background-size: cover;
  display: block;
  width: 25px;
  height: 25px;
  margin-top: 10px;
}

header.navbar .navbar-logo .btn,
header.navbar .navbar-logo .dingyue {
  float: right;
  display: none;
}

header.navbar .oprbox {
  padding-bottom: 10px;
  padding-top: 30px;
}

header.navbar .searchbox {
  display: block;
  text-align: right;
  padding-right: 50px;
}

header.navbar .icon-search {
  display: inline-block;
  width: 20px;
  height: 18px;
  background: transparent url("../images/icon-search.png") no-repeat;
  cursor: pointer;
  position: absolute;
  display: block;
  right: 8px;
  top: 4px;
}

header.navbar .searchbox input {
  border-radius: 12px;
  border: solid 1px #5db8c4;
  display: block;
  height: 25px;
  padding: 0 25px 0 12px;
  font-size: 12px;
  outline: none;
  background: #f2f2f2;
  visibility: hidden;
  width: 25px;
  transition: width 0.5s;
  -moz-transition: width 0.5s;
  -webkit-transition: width 0.5s;
  -o-transition: width 0.5s;
}

header.navbar .searchbox > div:hover input {
  display: block;
  width: 200px;
  visibility: visible;
}

header.navbar .searchbox input:focus {
  background: #fff;
}

header.navbar .searchbox > div {
  display: inline-block;
  position: relative;
}

header.navbar .dingyue {
  background: transparent;
  border: solid 1px #5db8c4;
  border-radius: 12px;
  color: #4ea8c1;
  padding: 0px 18px;
  line-height: 25px;
  height: 25px;
  margin-left: 70px;
}

header.navbar .dingyue:hover {
  color: #000;
  border: solid 1px #000;
}

header.navbar .nav-items {
  float: right;
  margin-top: 18px;
}

header.navbar .nav-items ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

header.navbar .nav-items > ul > li {
  display: block;
  float: left;
  padding: 0 45px;
  position: relative;
}

header.navbar .nav-items a {
  padding: 2px 12px;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  padding: 3px 13px;
}

header.navbar .nav-items a:hover, header.navbar .nav-items a.active {
  color: #fff;
  text-decoration: none;
  background: #4590c8;
}

.allow {
  display: inline-block;
  background: transparent url(../images/icon-arrow.png) no-repeat;
  width: 11px;
  height: 5px;
  margin-left: 5px;
  vertical-align: middle;
}

header.navbar .navbar-logo .dingyue {
  line-height: 20px;
  height: 20px;
  padding: 0px 15px;
  margin: 12px 35px 0 0;
  color: #baeaf8;
  border-color: #baeaf8;
}

header.navbar nav {
  height: auto;
}

header.navbar .nav-items ul ul {
  display: none;
  position: absolute;
  z-index: 2;
  left: 0;
  background: #fff;
  min-width: 100%;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: .25rem;
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
  width: 210px;
}

header.navbar .nav-items ul > li:hover ul {
  display: block;
  transition: all 2s;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
}

header.navbar .nav-items ul ul > li {
  display: block;
}

header.navbar .nav-items ul ul > li > a {
  color: #000;
  display: block;
  text-align: center;
  padding: 8px;
}

header.navbar .nav-items ul ul > li > a:hover {
  background-color: #eeeeee;
  color: #000;
}

@media screen and (max-width: 992px) {
  header.navbar .nav-items > ul > li {
    padding: 0 18px;
  }
}

@media screen and (max-width: 720px) {
  .index-live-wapper .live h4 {
    font-size: 14px;
  }
  .index-live-wapper .link {
    font-size: 24px;
  }
  header.navbar .navbar-logo {
    padding-top: 5px;
    padding-bottom: 5px;
    float: none;
  }
  header.navbar .brand {
    width: 100px;
  }
  header.navbar .navbar-logo .dingyue,
  header.navbar .navbar-logo .btn {
    display: block;
  }
  header.navbar nav {
    height: 0px;
    max-height: 0;
    transition: all 0.7s;
    -moz-transition: all 0.7s;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    overflow: hidden;
    margin-left: -15px;
    margin-right: -15px;
    visibility: hidden;
  }
  header.navbar nav .oprbox {
    display: none;
  }
  header.navbar nav .nav-items {
    float: none;
    margin-top: 0;
    border-top: solid 1px #5498ac;
  }
  header.navbar nav .nav-items li {
    float: none;
    padding: 0;
  }
  header.navbar nav .nav-items a {
    display: block;
    padding: 8px 15px;
  }
  header.navbar nav.open {
    height: auto;
    max-height: 1000px;
    visibility: visible;
  }
  header.navbar .nav-items ul ul {
    display: block;
    position: relative;
    background: transparent;
    box-shadow: none;
    border-width: 0;
  }
  header.navbar .nav-items ul ul > li > a {
    color: #fff;
    text-align: left;
    padding-left: 20px;
  }
}

.banner .swiper-slide a {
  display: block;
  width: 100%;
}

.banner .swiper-slide a img {
  width: 100%;
  height: auto;
}

.img-news {
  background: #eeeeee;
  padding: 12px 0;
}

.img-news .col-sm-4 {
  padding: 0;
}

.img-news .item {
  margin-left: 6px;
  margin-right: 6px;
  background: #fff;
  padding: 15px;
  padding-bottom: 25px;
  box-sizing: border-box;
  margin-bottom: 12px;
  overflow: hidden;
  position: relative;
}

.img-news .item a {
  display: block;
  text-decoration: none;
  color: #000;
}

.img-news .item a .img {
  height: calc(100% * 3 / 4);
}

.img-news .item a img {
  width: 100%;
}

.img-news .item a .tit {
  font-weight: 600;
  font-size: 15px;
  padding: 3px 0;
  padding-top: 5px;
}

.img-news .item a .des {
  padding: 3px 0;
  color: #666;
}

.img-news .item .date {
  color: #0d6fb6;
  font-size: 12px;
  position: absolute;
  bottom: 8px;
  left: 15px;
}

.img-news .item:first-child {
  margin-right: 12px;
}

.img-news .item:last-child {
  margin-left: 12px;
}

.row.btns {
  padding: 12px;
  text-align: center;
}

.row.btns a {
  display: inline-block;
  margin: auto;
  border: solid 1px #6990bf;
  color: #6990bf;
  text-decoration: none;
  padding: 5px 25px;
  line-height: 18px;
  font-size: 14px;
}

.mod-box {
  border-top: solid 12px #0d6fb8;
}

.mod-box .header {
  padding: 5px 0;
}

.mod-box .header h4 {
  font-size: 18px;
  margin-top: 8px;
  margin-bottom: 8px;
  color: #0d6fb8;
}

.mod-box .main.wordlist a {
  display: block;
  color: #000;
  text-decoration: none;
  margin-bottom: 15px;
}

.mod-box .main.wordlist a div {
  font-size: 18px;
  font-weight: 600;
}

.mod-box .main.wordlist a p {
  margin: 0;
  padding: 4px 0;
  font-size: 12px;
  color: #666;
}

.mod-box .main.wordlist a i {
  font-style: normal;
  color: #0d6fb8;
  font-size: 12px;
}

.mod-box .imgmewslist a {
  display: block;
  color: #000;
  text-decoration: none;
  margin-bottom: 15px;
}

.mod-box .imgmewslist a .pull-left {
  margin-right: 12px;
  height: 80px;
  width: 108px;
  overflow: hidden;
}

.mod-box .imgmewslist a .pull-left img {
  width: 100%;
}

.mod-box .imgmewslist a div.c div {
  font-size: 15px;
}

.mod-box .imgmewslist a p {
  margin: 0;
  padding: 4px 0;
  font-size: 12px;
  color: #666;
}

.redian .btns, .nownews .btns {
  padding-bottom: 25px;
}

.zjlist a {
  display: block;
  width: 33.33%;
  float: left;
  box-sizing: border-box;
  padding: 5px;
  color: #000;
  text-align: center;
  text-decoration: none;
}

.zjlist a div {
  width: 90px;
  height: 90px;
  border-radius: 45px;
  margin: auto;
  overflow: hidden;
}

.zjlist a div img {
  width: 100%;
  display: block;
  margin: auto;
}

.zjlist a span, .zjlist a p {
  display: block;
}

.zjlist a p {
  color: #555;
  font-size: 12px;
  height: 50px;
  overflow: hidden;
}

.win-dingyue {
  background: #fff url(../images/dy-01.png) no-repeat center;
  background-size: cover;
  width: 280px;
  height: 212px;
  position: relative;
}

.win-dingyue .inputs {
  padding-top: 148px;
  margin-left: 30px;
}

.win-dingyue .inputs input {
  width: 222px;
  height: 28px;
  border: solid 1px #ccc;
  outline: none;
}

.win-dingyue .btns {
  margin-top: 4px;
  text-align: center;
}

.win-dingyue .btns button {
  color: #fff;
  background: #f59839;
  border: 0;
  line-height: 30px;
  width: 100%;
  font-size: 18px;
}

.win-dingyue .close {
  position: absolute;
  top: 0px;
  display: block;
  right: 0px;
  width: 45px;
  height: 39px;
  text-decoration: none;
}

.win-dingyue.error {
  background-image: url(../images/dy-03.png);
}

.win-dingyue.error form {
  display: none;
}

.win-dingyue.success {
  background-image: url(../images/dy-02.png);
}

.win-dingyue.success form {
  display: none;
}

@media screen and (max-width: 720px) {
  .img-news .item {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.copyright .info {
  color: #595959;
  background: #282828;
  padding: 12px 0;
  font-size: 12px;
}

.copyright .info div {
  width: 49.99;
  line-height: 20px;
}

.copyright .info .pull-right {
  text-align: right;
}

.copyright .info a {
  color: #595959;
  text-decoration: none;
}

.copyright .map {
  background: #0d6fb8;
  padding: 28px 0;
  font-size: 12px;
}

.copyright .map .brand {
  width: 180px;
}

.copyright .map .brand img {
  max-width: 100%;
}

.copyright .map .container {
  display: flex;
}

.copyright .map .links {
  display: flex;
  flex: 1;
}

.copyright .map .links, .copyright .map .links a {
  color: #fff;
}

.copyright .map .links div {
  width: 100%;
  text-align: center;
}

.copyright .map .links .h {
  padding: 8px 0;
  height: auto;
}

.copyright .map .links .as a {
  color: #fff;
  text-decoration: none;
  margin-bottom: 8px;
  display: inline-block;
}

.copyright .map .links .as i {
  font-style: normal;
  padding: 0 12px;
}

header.ny {
  background: #0d426c url(../images/nav-bg.jpg) no-repeat;
  background-size: 100% 100%;
  padding-top: calc(100vw * 196/1920 * 0.32);
}

header.ny .wapper {
  background: rgba(255, 255, 255, 0.6);
  border-bottom: #0d426c solid 8px;
}

header.ny .nav-items {
  margin-top: 10px;
}

header.ny .nav-items a {
  color: #000;
}

header.ny .nav-items a:hover .allow, header.ny .nav-items a.active .allow {
  background-image: url(../images/icon-arrow.png);
}

header.ny .dingyue {
  border: #095998 solid 1px;
  color: #095998;
  line-height: 21px;
  height: 25px;
}

header.ny .searchbox input {
  border: #095998 solid 1px;
}

header.ny .icon-search {
  background-image: url("../images/icon-search-2.png");
}

header.ny .allow {
  background-image: url(../images/icon-arrow-2.png);
}

header.ny .navbar-logo .dingyue {
  border: #095998 solid 1px;
  color: #095998;
}

header.ny .btn {
  background-image: url(../images/icon-more-2.png);
}

.bread-crumb {
  margin: 10px auto;
}

.bread-crumb .container {
  background: #efefef;
  padding: 3px 15px;
  border-radius: 3px;
}

.bread-crumb a {
  color: #898989;
  text-decoration: none;
}

.bread-crumb a::after {
  content: '>';
  display: inline-block;
  padding-left: 8px;
  padding-right: 8px;
  color: #a3a3a3;
}

.bread-crumb a:hover {
  color: #0d426c;
}

.bread-crumb span {
  color: #797979;
}

.ny.copyright .info {
  color: #888;
  background: #fff;
}

.ny.copyright .map {
  background: #e7f2f8;
  padding: 0;
}

.ny.copyright .map .container {
  background: #e7f2f8;
  padding-top: 28px;
  padding-bottom: 28px;
}

.ny.copyright .map .links,
.ny.copyright .map .links a {
  color: #436990;
}

@media screen and (max-width: 720px) {
  header.ny {
    background-size: 100% 60px;
    padding-top: 0;
  }
  header.ny .wapper {
    border-bottom-width: 0;
  }
  header.ny .nav-items {
    background: #0d6fb8;
    border-top-width: 0;
  }
  header.ny .nav-items a {
    color: #fff;
  }
  header.ny .nav-items .allow {
    background-image: url(../images/icon-arrow.png);
  }
  .copyright .links {
    display: none !important;
  }
  .copyright .erweima {
    float: right;
  }
  .copyright .map .container {
    //display: block;
  }
  .copyright .info .pull-left, .copyright .info span {
    display: none;
  }
  .copyright .info .pull-right {
    float: none !important;
    text-align: center;
  }
}

.p0 {
  padding: 0;
}

.m0 {
  margin: 0 !important;
}

.about {
  margin-top: 15px;
  margin-bottom: 15px;
}

.about .container {
  padding: 0;
}

.about .sidebar {
  width: 160px;
  float: left;
}

.about .sidebar ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.about .sidebar li {
  display: block;
}

.about .sidebar li > dl {
  display: none;
  margin: 0;
  padding: 0;
}

.about .sidebar li > dl a {
  display: block;
  text-align: center;
  padding: 8px 12px;
  line-height: 20px;
  font-size: 14px;
  text-decoration: none;
  color: #000;
  background: #f5f5f5;
  border-bottom: solid 1px #ded8d8;
}

.about .sidebar li > dl a.active, .about .sidebar li > dl a.active:hover {
  color: #0d6fb8;
}

.about .sidebar li.active i {
  display: none;
  position: absolute;
  width: 18px;
  height: 18px;
  background: url(../images/icon-arrow-up.png) no-repeat center;
  top: 10px;
  right: 10px;
}

.about .sidebar li.active > a, .about .sidebar li.active > a:hover {
  background: #0d6fb8;
  border-bottom: solid 1px #0d6fb8;
  color: #fff;
}

.about .sidebar li.active > a i {
  display: block;
}

.about .sidebar li.active > dl {
  display: block;
}

.about .sidebar li > a {
  display: block;
  padding: 8px 12px;
  line-height: 20px;
  font-size: 15px;
  text-decoration: none;
  background: #eeeeee;
  border-bottom: solid 1px #dcd8d5;
  color: #000;
  text-align: center;
  position: relative;
}

.about .sidebar li > a:hover {
  background: #e2e2e2;
}

.about .sidebar li > a.active, .about .sidebar li > a.active:hover {
  background: #0d6fb8;
  border-bottom: solid 1px #0d6fb8;
  color: #fff;
}

.about .sidebar li > a.active i {
  display: block;
}

.about .main {
  width: calc(100% - 180px);
  float: right;
}

.about .main .head h4 {
  display: block;
  text-align: center;
  font-size: 20px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.detail {
  font-size: 15px;
  line-height: 150%;
}

.detail hr {
  border-top-color: #ddd;
}

.detail img {
  max-width: 100%;
}

.tuandui {
  padding-left: 5px;
  padding-right: 5px;
}

.tuandui .head {
  line-height: 180%;
  font-size: 14px;
  padding-bottom: 6px;
  border-bottom: solid 1px #ddd;
  margin-bottom: 12px;
}

.tuandui .items .item {
  width: 176px;
  margin: 20px;
  text-align: center;
  float: left;
}

.tuandui .items .item img {
  width: 100%;
}

.tuandui .items .item a {
  display: block;
  text-decoration: none;
  color: #000;
}

.tuandui .items .item div.img {
  width: 150px;
  height: 150px;
  border-radius: 100%;
  overflow: hidden;
  margin: auto;
}

.tuandui .items .item p {
  margin-bottom: 0px;
  padding-top: 10px;
  font-size: 16px;
  line-height: 28px;
}

.tuandui .items .item span {
  font-size: 13px;
  color: #555;
  display: block;
  height: 40px;
  overflow: hidden;
}

.zjdetail {
  padding-top: 28px;
}

.zjdetail .container {
  padding: 0;
}

.zjdetail .sidebar {
  width: 280px;
  float: left;
}

.zjdetail .main {
  width: calc(100% - 300px);
  float: right;
}

.zjdetail .zjbase {
  text-align: center;
  margin-bottom: 40px;
}

.zjdetail .zjbase .photo {
  width: 180px;
  height: 180px;
  margin: auto;
  overflow: hidden;
  border-radius: 100%;
}

.zjdetail .zjbase .photo img {
  width: 100%;
}

.zjdetail .zjbase h4 {
  font-size: 28px;
  font-weight: 600;
  padding-top: 25px;
  text-align: center;
}

.zjdetail .zjbase .poster {
  font-size: 14px;
  color: #555;
}

.zjdetail .zjbase .lingyu {
  font-size: 16px;
  color: #614486;
  padding: 18px  0px;
}

.zjdetail .zjbase p {
  color: #666;
  line-height: 18px;
  margin-bottom: 5px;
}

.zjdetail .mod .head {
  background: #f69302;
}

.zjdetail .mod .head h4 {
  font-size: 16px;
  font-weight: bold;
  padding-left: 12px;
  padding: 12px;
  color: #fff;
}

.zjdetail .mod .head.zise {
  background: #614486;
}

.zjdetail .mod .cnts ul {
  list-style: none;
  padding: 0;
}

.zjdetail .mod .cnts ul li {
  padding: 5px 0;
}

.zjdetail .mod .cnts ul li a {
  color: #444;
  text-decoration: none;
  line-height: 18px;
  display: block;
}

.zjdetail .mod .cnts ul li a:hover {
  background-color: #e6e6e6;
}

.zjdetail .mod .cnts ul li a span {
  display: block;
  color: #777;
  font-size: 12px;
  padding-top: 3px;
}

.zjdetail .mod .cnts ul li a div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.jigou .container {
  padding: 0;
}

.jigou .head h4 {
  display: block;
  font-size: 22px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.jigou .jgzj {
  padding-top: 25px;
  padding-bottom: 4px;
  border-bottom: solid 1px #e3dfde;
  color: #0d6fb8;
  font-size: 17px;
  font-weight: 600;
}

.jigou .tuandui {
  padding: 0;
}

.jigou .tuandui .items .item {
  margin: 0;
  margin-top: 20px;
  margin-right: 40px;
}

.searchmod {
  display: block;
  text-align: right;
  padding: 12px 0;
}

.searchmod select {
  padding: 3px 15px;
  line-height: 16px;
  border: solid 1px #ccc;
  margin-left: 6px;
  border-radius: 2px;
}

.searchmod div {
  display: inline-block;
  position: relative;
  margin-left: 6px;
}

.searchmod div input {
  padding: 4px 26px 4px 12px;
  line-height: 16px;
  border: solid 1px #ccc;
  outline: none;
  width: 180px;
  border-radius: 2px;
}

.searchmod div i {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: transparent url("../images/search.png") no-repeat;
  cursor: pointer;
  background-size: cover;
  position: absolute;
  display: block;
  right: 6px;
  top: 5px;
}

.empty {
  font-size: 20px;
  color: #888;
  text-align: center;
  padding: 15px;
}

.yanjiu .bx {
  padding-top: 15px;
}

.yanjiu .items {
  width: calc(100% - 280px);
  float: left;
}

.yanjiu .items .headt {
  background: #0d6fb8;
  padding: 6px 8px;
}

.yanjiu .items .headt h4 {
  margin: 0px;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
}

.yanjiu .items .item {
  border-bottom: solid 1px #e9e9e9;
}

.yanjiu .items .item:last-child {
  border-bottom-width: 0;
}

.yanjiu .items .item a {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none;
  color: #000;
}

.yanjiu .items .item a:hover {
  color: #0e5486;
}

.yanjiu .items .item a p {
  height: 70px;
  margin-bottom: 0;
  padding-bottom: 5px;
  color: #666;
  font-size: 13px;
  overflow: hidden;
}

.yanjiu .items .item a .date span, .yanjiu .items .item a .date em {
  font-style: normal;
  font-size: 13px;
  color: #777;
}

.yanjiu .items .item a .date em {
  float: right;
}

.yanjiu .items .item .img {
  width: 210px;
  height: 120px;
  float: left;
  overflow: hidden;
}

.yanjiu .items .item .img img {
  width: 100%;
}

.yanjiu .items .item .info {
  padding-left: 220px;
}

.yanjiu .items .item .info .tit {
  font-size: 16px;
  font-weight: 600;
  height: 30px;
  padding-top: 2px;
  padding-bottom: 8px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.yanjiu .items .mtxc.item {
  width: 50%;
  float: left;
  border-bottom: solid 0px #e9e9e9;
}

.yanjiu .items .mtxc.item a {
  margin-right: 25px;
  border-bottom: solid 1px #e9e9e9;
}

.yanjiu .items .mtxc.item a .tit {
  font-size: 14px;
  height: auto;
  padding-bottom: 5px;
}

.yanjiu .items .mtxc.item a p {
  height: auto;
}

.yanjiu .items .mtxc.item a .zuozhe {
  color: #666;
  font-size: 12px;
}

.yanjiu .mod {
  width: 260px;
  float: right;
  border: solid 1px #eeeeee;
  border-top-width: 0;
}

.yanjiu .mod .head {
  background: #f69302;
  padding: 6px 8px;
}

.yanjiu .mod .head h4 {
  margin: 0px;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
}

.yanjiu .mod .cnts {
  padding: 12px;
}

.yanjiu .mod .cnts a {
  margin-top: 20px;
  display: block;
  text-decoration: none;
  color: #000;
}

.yanjiu .mod .cnts a:first-child {
  margin-top: 8px;
}

.yanjiu .mod .cnts a:hover {
  color: #0e5486;
}

.yanjiu .mod .cnts .img {
  width: 90px;
  height: 120px;
  float: left;
  overflow: hidden;
  background: #f2f2f2;
}

.yanjiu .mod .cnts .img img {
  width: 100%;
}

.yanjiu .mod .cnts .info {
  padding-left: 100px;
  height: 120px;
  position: relative;
}

.yanjiu .mod .cnts .info p {
  height: 77px;
  font-size: 15px;
  margin-bottom: 6px;
}

.yanjiu .mod .cnts .info .date span, .yanjiu .mod .cnts .info .date em {
  display: block;
  font-style: normal;
  color: #666;
  font-size: 13px;
  line-height: 20px;
}

.imglist {
  padding: 12px 0;
  margin-left: -13px;
  margin-right: -13px;
}

.imglist .iitem {
  width: 33.3333%;
  box-sizing: border-box;
  float: left;
  margin-bottom: 20px;
}

.imglist .iitem a {
  display: block;
  margin-left: 12px;
  margin-right: 12px;
  border-radius: 2px;
  text-decoration: none;
  color: #000;
  border: solid 1px #eee;
  padding-bottom: 12px;
}

.imglist .iitem a p {
  padding-top: 5px;
  padding: 5px;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 0;
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.imglist .iitem a em {
  font-style: normal;
  color: #666;
  padding-left: 8px;
}

.imglist .iitem .img {
  overflow: hidden;
}

.imglist .iitem .img img {
  display: block;
  width: 100%;
}

.user-items ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.user-items ul li {
  display: block;
  float: left;
  width: 20%;
  text-align: center;
  box-sizing: border-box;
  padding: 8px 0;
}

.user-items ul li a {
  text-decoration: none;
  color: #666;
}

.user-items ul li div {
  width: 75%;
  margin: auto;
  overflow: hidden;
  border-radius: 50%;
}

.user-items ul li div img {
  width: 100%;
}

.user-items ul li p {
  margin-bottom: 0px;
  padding-top: 10px;
  font-size: 16px;
  line-height: 28px;
  width: 85%;
  margin: auto;
}

.user-items ul li span {
  font-size: 13px;
  color: #555;
  display: block;
  height: 40px;
  overflow: hidden;
  width: 85%;
  margin: auto;
}

.user-items :after {
  content: '';
  display: block;
  clear: both;
}

.bigimglist .items .item .img {
  width: 300px;
  height: 170px;
}

.bigimglist .items .item .info {
  padding-left: 310px;
}

.bigimglist .items .item a .info p {
  height: auto;
}

@media screen and (max-width: 1000px) {
  .user-items ul li {
    width: 25%;
  }
  .user-items ul li div {
    width: 80%;
  }
  .user-items ul li p, .user-items ul li span {
    width: 80%;
  }
}

@media screen and (max-width: 720px) {
  .about .sidebar, .about .main, .zjdetail .sidebar, .zjdetail .main {
    float: none;
    width: auto;
  }
  .about .detail {
    padding: 5px;
  }
  .tuandui .items .item {
    width: 150px;
    margin: 10px;
  }
  .tuandui .items .item div.img {
    width: 120px;
    height: 120px;
  }
  .tuandui .items .item span {
    font-size: 12px;
  }
  .yanjiu .items {
    width: auto;
    float: none;
  }
  .yanjiu .items .item {
    margin-left: 12px;
    margin-right: 12px;
  }
  .yanjiu .items .item a {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .yanjiu .items .item .img {
    width: 120px;
    height: 68px;
  }
  .yanjiu .items .item .info {
    padding-left: 130px;
  }
  .yanjiu .items .item .info .tit {
    height: 25px;
  }
  .yanjiu .items .item .info p {
    height: 40px;
    line-height: 18px;
  }
  .yanjiu .items .item .info .date {
    display: none;
  }
  .yanjiu .items .mtxc.item {
    width: auto;
    float: none;
  }
  .yanjiu .items .mtxc.item a {
    margin-right: 0px;
  }
  .yanjiu .mod {
    width: auto;
    float: none;
  }
  .yanjiu .searchmod {
    text-align: center;
  }
  .yanjiu .searchmod select {
    padding: 3px 8px;
  }
  .imglist {
    margin-left: 0px;
    margin-right: 0px;
  }
  .imglist .iitem {
    width: 33.333%;
  }
  .user-items ul li {
    width: 33.3333%;
  }
  .user-items ul li div {
    width: 80%;
  }
  .user-items ul li p, .user-items ul li span {
    width: 80%;
  }
  .searchmod {
    padding-right: 5px;
  }
  .bigimglist .items .item .img {
    width: 120px;
    height: 68px;
  }
  .bigimglist .items .item .info {
    padding-left: 130px;
  }
  .zjdetail .mod .cnts ul {
    padding-left: 5px;
    padding-right: 5px;
  }
}

.live-wapper {
  background: #333333;
  padding-top: 8px;
}

.live-wapper .bread-crumb {
  margin: 0;
}

.live-wapper .bread-crumb .container {
  background: transparent;
  padding: 3px 15px;
  border-radius: 0px;
}

.live-wapper .bread-crumb .container a {
  color: #dfdfdf;
}

.live-wapper .bread-crumb .container span {
  color: #fff;
}

.video-wapper h4 {
  font-size: 24px;
  color: #fff;
  padding-top: 5px;
  padding-bottom: 15px;
  padding-left: 8px;
}

.video-wapper .video {
  background: #000 url() no-repeat center;
  background-size: cover;
  position: relative;
  height: 600px;
}

.video-wapper .video .play-center-icon {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 9;
  line-height: 486px;
  background-color: rgba(0, 0, 0, 0.3);
}

.video-wapper .video .play-center-icon img {
  width: 80px;
  opacity: .65;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0px 0px -40px;
}

.video-wapper .info {
  background: #505050;
  padding: 12px 5px;
  color: #e7e7e7;
  font-size: 13px;
}

.hudong {
  background: #f5f5f5;
  padding-top: 15px;
}

.hudong .container {
  padding-bottom: 15px;
}

.hudong .cebian {
  width: 300px;
  float: right;
  background-color: #fff;
}

.hudong .cebian .head {
  background: #f69302;
  padding: 6px 8px;
}

.hudong .cebian .head h4 {
  margin: 0px;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
}

.hudong .cebian .cnts {
  padding: 8px;
}

.hudong .cebian .cnts a {
  margin-top: 15px;
  display: block;
  text-decoration: none;
  color: #000;
}

.hudong .cebian .cnts a:first-child {
  margin-top: 8px;
}

.hudong .cebian .cnts a:hover {
  color: #0e5486;
}

.hudong .cebian .cnts .img {
  width: 90px;
  height: 51px;
  float: left;
  overflow: hidden;
}

.hudong .cebian .cnts .img img {
  width: 100%;
}

.hudong .cebian .cnts .info {
  padding-left: 95px;
  position: relative;
}

.hudong .cebian .cnts .info .type, .hudong .cebian .cnts .info .date {
  font-size: 12px;
  line-height: 14px;
  color: #666;
}

.hudong .cebian .cnts .info .tit {
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-bottom: 2px;
}

.hudong .cebian .cnts .info .date {
  color: #3084c4;
}

.hudong .comment {
  width: calc(100% - 320px);
  float: left;
  background-color: #fff;
  padding: 20px;
}

.hudong .comment.tab {
  padding: 20px;
}

.hudong .comment.tab .head ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

.hudong .comment.tab .head ul li {
  display: inline-block;
}

.hudong .comment.tab .head ul li a {
  cursor: pointer;
  display: inline-block;
  padding: 4px 18px;
  text-align: center;
  width: 100px;
  background-color: #c6c4c5;
  color: #fff;
  text-decoration: none;
  line-height: 18px;
  margin-right: 2px;
}

.hudong .comment.tab .head ul li.active a {
  background-color: #f69302;
}

.hudong .comment.tab .tbox {
  padding-top: 15px;
  display: none;
}

.hudong .comment.tab .tbox.active {
  display: block;
}

.hudong .pllist .item {
  width: 80%;
  border-bottom: solid 1px #eee;
  font-size: 14px;
  padding: 12px 0;
  line-height: 120%;
}

.hudong .pllist .item span {
  display: inline-block;
  width: 60px;
  text-align: left;
  color: #555;
}

.hudong .plfrom {
  margin-top: 20px;
  display: flex;
  width: 80%;
}

.hudong .plfrom div {
  display: flex;
  flex: 1;
}

.hudong .plfrom div input {
  width: 100%;
  box-sizing: border-box;
  border: 1px #4b94cb solid;
  border-radius: 20px;
  padding: 3px 25px;
  background: #e7f2f8;
  outline: none;
}

.hudong .plfrom button {
  background: transparent;
  border: 0;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 720px) {
  .hudong .cebian, .hudong .comment.tab {
    padding: 10px;
    float: none;
    width: auto;
  }
}

.video_box.show-error {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.video_box.show-error .waiting {
  background: rgba(0, 0, 0, 0.34) url(/assets/image/loading.svg) no-repeat;
  height: 60px;
  background-position: -25px center;
  line-height: 60px;
  font-size: 20px;
  padding: 0 25px;
  border-radius: 12px;
  padding-left: 70px;
}

.video_box.show-error .end {
  background-image: url();
  padding-left: 25px;
}

.video_box video {
  outline: none;
  object-fit: cover;
}

.video_box .video-js .vjs-control {
  outline: none;
}

.video_box .video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  line-height: 80px;
  height: 80px;
  width: 80px;
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
  background-color: #73859f;
  background-color: rgba(0, 0, 0, 0.4);
  border-width: 6px;
  outline: none;
}

.video_box .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-size: 45px;
  line-height: 70px;
}

.video_box .video-js.vjs-paused .vjs-big-play-button {
  display: block;
}

.video_box .video-js.vjs-paused .vjs-poster {
  display: block;
}

.video_box .tongji {
  position: absolute;
  padding: 0 12px;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 25px;
  right: 45px;
  top: 30px;
  color: #fff;
  font-size: 16px;
  border: solid 1px rgba(255, 255, 255, 0.4);
}

.event-muted {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}

.play-center-icon {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 9;
  line-height: 486px;
}

.play-center-icon img {
  width: 80px;
  opacity: .85;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -40px 0px 0px -40px;
}

.fenlan .main {
  float: left;
  width: calc(100% - 300px);
}

.fenlan .mods {
  float: right;
  width: 280px;
}

.fenlan .mods .mod {
  margin-top: 8px;
}

.fenlan .mods .mod .head {
  background: #f69302;
  padding: 6px 8px;
}

.fenlan .mods .mod .head h4 {
  margin: 0px;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
}

.fenlan .mods .mod .head.zise {
  background: #614486;
}

.fenlan .mods .mod .lt {
  padding: 8px;
}

.fenlan .mods .mod .lt a {
  display: block;
  color: #444;
  padding: 8px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fenlan .bzdsdx label, .fenlan .bzdsdx .label {
  display: inline-block;
  background: #614486;
  padding: 4px 15px;
  border-radius: 15px;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  line-height: 1;
}

.news-detail .head {
  border-bottom: solid 1px #b2bbc4;
  padding: 5px 0;
  margin-bottom: 15px;
}

.news-detail .head h4 {
  font-size: 22px;
}

.news-detail .head .more i {
  display: inline-block;
  font-size: 13px;
  color: #095a99;
  line-height: 1;
  padding-right: 30px;
  font-style: normal;
}

.news-detail .keys {
  border-top: solid 1px #b2bbc4;
  margin: 25px 0;
  padding-top: 10px;
}

.news-detail .keys .group {
  height: 60px;
  margin-top: 20px;
}

.news-detail .keys .group .icon {
  background: transparent url(/assets/images/icon-keys.png) no-repeat;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  float: left;
}

.news-detail .keys .group.link .icon {
  background-image: url(/assets/images/icon-link.png);
}

.news-detail .keys .group .c {
  padding-left: 60px;
}

.news-detail .keys .group .c span {
  color: #0d6fb8;
  font-weight: 600;
}

.news-detail .keys .group .c p {
  padding-top: 3px;
}

.news-detail .keys .group .c a {
  line-height: 28px;
  display: inline-block;
  margin-right: 18px;
}

.news-detail .keys .group.link .c p {
  color: #666;
}

.fileinfo {
  background: transparent url(/assets/images/filebg.png) no-repeat;
  background-size: 100% 100%;
  padding-top: 15px;
}

.fileinfo .img {
  width: 180px;
  overflow: hidden;
  margin: auto;
}

.fileinfo .img img {
  width: 100%;
}

.fileinfo .tit {
  color: #fff;
  padding: 12px;
  text-align: center;
  font-size: 15px;
  border-bottom: solid 1px #e6e6e6;
}

.fileinfo .tit span {
  display: block;
  color: #eee;
  font-size: 13px;
  padding-top: 5px;
}

.fileinfo .icon {
  text-align: center;
  padding: 12px;
}

.fileinfo .icon i {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: transparent url(/assets/images/file/pdf.png) no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}

.fileinfo .icon a {
  display: inline-block;
  margin-left: 12px;
  padding: 1px 14px 0px 14px;
  line-height: 18px;
  background: #fefefe;
  border-radius: 10px;
  text-decoration: none;
  color: #000;
  font-size: 13px;
}

@media screen and (max-width: 720px) {
  .fenlan {
    padding: 4px 8px;
  }
  .fenlan .main, .fenlan .mods {
    float: none;
    width: auto;
  }
  .jigou, .zjdetail .detail {
    padding: 4px 8px;
  }
}

.pageing {
  text-align: center;
  padding: 20px 12px;
}

.pageing ul {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0;
}

.pageing ul li {
  display: inline-block;
  border: solid 1px #dddddd;
  border-left-width: 0;
}

.pageing ul li a {
  display: inline-block;
  padding: 3px 12px;
  color: #3379b7;
  text-decoration: none;
}

.pageing ul li.disabled a {
  color: #777;
}

.pageing ul li.active {
  background-color: #3379b7;
  border-color: #3379b7;
}

.pageing ul li.active a {
  color: #fff;
  font-weight: 600;
}

.pageing ul :first-child {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pageing ul :last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

@media screen and (max-width: 720px) {
  .pageing .nums {
    display: none !important;
  }
}

@font-face {
  font-family: "socialshare";
  src: url("../fonts/iconfont.eot");
  /* IE9*/
  src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg");
  /* iOS 4.1- */
}

.social-share {
  font-family: "socialshare" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.social-share * {
  font-family: "socialshare" !important;
}

.social-share .icon-tencent:before {
  content: "\f07a";
}

.social-share .icon-qq:before {
  content: "\f11a";
}

.social-share .icon-weibo:before {
  content: "\f12a";
}

.social-share .icon-wechat:before {
  content: "\f09a";
}

.social-share .icon-douban:before {
  content: "\f10a";
}

.social-share .icon-heart:before {
  content: "\f20a";
}

.social-share .icon-like:before {
  content: "\f00a";
}

.social-share .icon-qzone:before {
  content: "\f08a";
}

.social-share .icon-linkedin:before {
  content: "\f01a";
}

.social-share .icon-diandian:before {
  content: "\f05a";
}

.social-share .icon-facebook:before {
  content: "\f03a";
}

.social-share .icon-google:before {
  content: "\f04a";
}

.social-share .icon-twitter:before {
  content: "\f06a";
}

.social-share a {
  position: relative;
  text-decoration: none;
  margin: 4px;
  display: inline-block;
  outline: none;
}

.social-share .social-share-icon {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  font-size: 20px;
  border-radius: 50%;
  line-height: 32px;
  border: 1px solid #666;
  color: #666;
  text-align: center;
  vertical-align: middle;
  transition: background 0.6s ease-out 0s;
}

.social-share .social-share-icon:hover {
  background: #666;
  color: #fff;
}

.social-share .icon-weibo {
  color: #ff763b;
  border-color: #ff763b;
}

.social-share .icon-weibo:hover {
  background: #ff763b;
}

.social-share .icon-tencent {
  color: #56b6e7;
  border-color: #56b6e7;
}

.social-share .icon-tencent:hover {
  background: #56b6e7;
}

.social-share .icon-qq {
  color: #56b6e7;
  border-color: #56b6e7;
}

.social-share .icon-qq:hover {
  background: #56b6e7;
}

.social-share .icon-qzone {
  color: #FDBE3D;
  border-color: #FDBE3D;
}

.social-share .icon-qzone:hover {
  background: #FDBE3D;
}

.social-share .icon-douban {
  color: #33b045;
  border-color: #33b045;
}

.social-share .icon-douban:hover {
  background: #33b045;
}

.social-share .icon-linkedin {
  color: #0077B5;
  border-color: #0077B5;
}

.social-share .icon-linkedin:hover {
  background: #0077B5;
}

.social-share .icon-facebook {
  color: #44619D;
  border-color: #44619D;
}

.social-share .icon-facebook:hover {
  background: #44619D;
}

.social-share .icon-google {
  color: #db4437;
  border-color: #db4437;
}

.social-share .icon-google:hover {
  background: #db4437;
}

.social-share .icon-twitter {
  color: #55acee;
  border-color: #55acee;
}

.social-share .icon-twitter:hover {
  background: #55acee;
}

.social-share .icon-diandian {
  color: #307DCA;
  border-color: #307DCA;
}

.social-share .icon-diandian:hover {
  background: #307DCA;
}

.social-share .icon-wechat {
  position: relative;
  color: #7bc549;
  border-color: #7bc549;
}

.social-share .icon-wechat:hover {
  background: #7bc549;
}

.social-share .icon-wechat .wechat-qrcode {
  display: none;
  border: 1px solid #eee;
  position: absolute;
  z-index: 9;
  top: -205px;
  left: -84px;
  width: 200px;
  height: 192px;
  color: #666;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 10px #aaa;
  transition: all 200ms;
  -webkit-tansition: all 350ms;
  -moz-transition: all 350ms;
}

.social-share .icon-wechat .wechat-qrcode.bottom {
  top: 40px;
  left: -84px;
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
  display: none;
}

.social-share .icon-wechat .wechat-qrcode h4 {
  font-weight: normal;
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  background-color: #f3f3f3;
  margin: 0;
  padding: 0;
  color: #777;
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
  width: 105px;
  margin: 10px auto;
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
  margin: 0 !important;
}

.social-share .icon-wechat .wechat-qrcode .help p {
  font-weight: normal;
  line-height: 16px;
  padding: 0;
  margin: 0;
}

.social-share .icon-wechat .wechat-qrcode:after {
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -6px;
  bottom: -13px;
  width: 0;
  height: 0;
  border-width: 8px 6px 6px 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

.social-share .icon-wechat:hover .wechat-qrcode {
  display: block;
}