﻿/* 最大显示一行，溢出省略号 */
.txt-line-one {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 最大显示两行，溢出省略号 */
.txt-line-two {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}
.clearfix::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
hr {
  margin: 10px 0 15px;
  border: 0;
  border-top: 1px solid #eee;
}
.arrow-t {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 2px 2px 0 0;
  border-color: #c8c8cd;
  border-style: solid;
  transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 2px;
}
.arrow-b {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 2px 2px 0 0;
  border-color: #c8c8cd;
  border-style: solid;
  transform: matrix(-0.71, 0.71, -0.71, -0.71, 0, 0);
  position: relative;
  top: -3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 2px;
}
.arrow-l {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 2px 2px 0 0;
  border-color: #c8c8cd;
  border-style: solid;
  transform: matrix(-0.71, -0.71, 0.71, -0.71, 0, 0);
  position: relative;
  top: -2px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 2px;
}
.arrow-r {
  content: " ";
  display: inline-block;
  height: 6px;
  width: 6px;
  border-width: 2px 2px 0 0;
  border-color: #c8c8cd;
  border-style: solid;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  position: relative;
  top: -2px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 2px;
}
/*媒体查询*/
body {
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 1080px) {
  .banner .carousel .carousel-inner .item {
    background-size: 100% 100%;
  }
}
@media screen and (max-width: 828px) {
  body .title {
    font-size: 28px;
    text-align: center;
    font-weight: normal;
    margin: 30px 0 20px 0;
  }
  body .contentC {
    padding-top: 0;
  }
  body .contentC .content {
    padding-top: 15px;
  }
  body .contentC .content .relation .relationDetails .map iframe {
    margin-left: 0;
  }
  body .contentC .content .content-menus {
    margin-top: 15px;
  }
  .content .contetn-exhibition .contetn-exhibition-content .contentTitle h1 {
    font-size: 24px;
    padding: 20px 10px 0 10px;
    margin-top: 15px;
  }
  .content .contetn-exhibition .contetn-exhibition-content .contentText {
    padding-top: 15px;
  }
  .header {
    background-size: cover;
  }
  .header .navpadding {
    min-height: 80px;
  }
  .header .container .navbar .container-fluid .navbar-header {
    position: relative;
  }
  .header .container .navbar .container-fluid .navbar-header .navbar-brand {
    padding: 20px 15px 10px 0;
    margin-right: 44px;
    float: none;
  }
  .header .container .navbar .container-fluid .navbar-header .navbar-brand .logo {
    width: 100%;
    height: auto;
    margin-right: 5px;
  }
  .header .container .navbar .container-fluid .navbar-header .navbar-brand .logo-title {
    width: 230px;
  }
  .header .container .navbar .container-fluid .navbar-header .navbar-brand h1 {
    font-size: 16px;
    float: none;
    line-height: 1.2;
  }
  .header .navbar-toggle {
    margin-right: 0;
    margin-top: 20px;
  }
  .header .nav-title {
    margin-top: 10px;
  }
  .header .nav-title > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
  }
  .header .nav-title > li > a:hover {
    border-bottom-width: 3px;
  }
  .header .nav-title > li.active > a {
    border-bottom-width: 3px;
  }
  .home .works .banner {
    margin-bottom: 20px;
  }
  .home .works .banner .swiper-pagination-bullets {
    left: 60%;
  }
  .home .works .banner .swiper-wrapper .swiperBg {
    height: 200px;
  }
  .home .tab-news .tab-content .content-list .content-item .item-box .date {
    float: right;
  }
  .home .friendshipLink .link-box .link-item {
    margin-bottom: 10px;
  }
  .footer {
    padding-top: 20px;
  }
  .footer .footer-top .relation {
    text-align: center;
  }
  .footer .footer-top .relation .telephone {
    font-size: 18px;
  }
  .footer .footer-top .relation p {
    margin-bottom: 5px;
  }
  .footer .footer-top .relation h4 {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 992px) {
  .content .contetn-exhibition .newsList .itemEssay {
    padding: 20px 0 20px 0;
  }
  .content .contetn-exhibition .newsList .itemEssay .essayDate {
    border: none;
  }
  .content .contetn-exhibition .newsList .itemEssay .essayDate .dateYear {
    font-size: 12px;
  }
  .content .contetn-exhibition .newsList .itemEssay .essayContent .entry-desc {
    color: #666;
  }
  .entry-content img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .navbar > .container-fluid .navbar-brand {
    margin: 0;
  }
  .header h1 {
    font-size: 18px;
  }
  .navbar-right {
    float: left !important;
  }
  .header .navbar-brand .logo {
    width: 100%;
    height: auto;
  }
  .header .nav-title {
    margin-top: 0;
  }
}
@media (min-width: 1400px){
	.container {
    width: 1350px;
}
}


