.clear:after {
  content: '';
  display: table;
  clear: both;
}
body {
  margin: 0;
}
.panels {
  margin-top: 20px;
  overflow: hidden;
}
img {
  max-width: 100%;
}
a,
a:hover,
a:active,
a:link {
  text-decoration: none;
  color: inherit;
}
i {
  font-style: normal;
}
ul,
li {
  list-style: none;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-top: 0;
  margin-bottom: 0;
}
p {
  margin: 0;
}
ul,
ol {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
@font-face {
  font-family: "FZDBSJ";
  src: url(../font/FZDBSJ.TTF);
}
html {
  font-family: 'Microsoft YaHei';
}
.main {
  width: 70%;
  margin: 0 auto;
}
.main nav .logo {
  position: relative;
}
.main nav .logo .logo-img {
  position: absolute;
  top: 20px;
  left: 30px;
}
.main nav .logo .header-img {
  width: 100%;
}
.main nav .nav {
  position: relative;
}
.main nav .nav li {
  position: relative;
  float: left;
  color: #3a3838;
  font-size: 20px;
  font-family: 'Microsoft YaHei';
  width: 16.666666666666668%;
  text-align: center;
}
.main nav .nav li a {
  padding: 0!important;
}
.main nav .nav li a:hover {
  background: transparent;
}
.main nav .nav li a.active {
  color: #cb0d13;
}
.main nav .nav li .drop-mean {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 11;
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  border-top: 3px solid #cb0d13;
  box-shadow: 0px 4px 9px #777;
  border-radius: 10px;
  min-width: 16.666666666666668%;
}
.main nav .nav li .drop-mean div {
  padding: 0 10px;
  width: 100%;
  padding: 15px 0;
  border-bottom: 1px dashed #ccc;
  box-sizing: border-box;
  font-size: 17px;
  line-height: 20px;
  color: #424242;
}
.main nav .nav li .drop-mean div:after {
  content: '';
  display: block;
  background: url("../images/icons/trigle.png") center no-repeat;
  width: 12px;
  height: 12px;
  background-size: contain;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: -13px;
}
.main nav .nav li .drop-mean div:hover {
  color: #cb0d13;
}
.main nav .nav > li {
  height: 40px;
  line-height: 40px;
}
.index-banner img {
  width: 100%;
}
.index-banner .p {
  position: absolute;
  height: 40px;
  line-height: 40px;
  bottom: 0;
  width: 100%;
}
.index-banner .p .mask {
  position: absolute;
  bottom: 0;
  background: #333;
  opacity: .5;
  width: 100%;
  height: inherit;
}
.index-banner .p p {
  color: #fff;
  font-size: 20px;
  position: absolute;
  z-index: 111;
  padding-left: 10px;
  top: 0;
  left: 0;
}
.index-banner .swiper-container {
  height: 100%;
}
.index-banner .swiper-con {
  height: 490px;
}
.banner img {
  width: 100%;
  display: block;
}
.triplet .triplet-left {
  width: 20%;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #d5d5d5;
  padding-top: 1%;
  padding-right: 1%;
  padding-bottom: 1%;
  padding-left: 1%;
  box-sizing: border-box;
  font-size: 17px;
}
.triplet .triplet-left li {
  color: #3a3838;
  width: 100%;
  line-height: 25px;
  text-indent: 10px;
  box-sizing: border-box;
  border-width: 0 0 1px 0;
  border-style: dashed;
  border-color: #d5d5d5;
}
.triplet .triplet-left li.triplet-title {
  border: none;
  color: #fff;
  text-indent: 30px;
  background: url("../images/icons/icon_08.png") center no-repeat;
  background-size: 100% 100%;
  height: 45px;
  line-height: 45px;
  font-size: 18px;
  font-weight: bold;
}
.triplet .triplet-center {
  width: 80%;
  padding: 0 2%;
}
.triplet .triplet-center .news {
  padding-bottom: 12px;
}
.triplet .triplet-center .triplet-title {
  width: 100%;
}
.triplet .triplet-center .padding-top {
  padding-top: 15px!important;
}
.triplet .triplet-common {
  float: left;
}
.title-logo {
  float: left;
  height: 70px;
  line-height: 70px;
  background: url("../images/icons/icon_03.png") center left no-repeat;
  background-size: contain;
}
.title-logo .h1 {
  font-size: 34px;
  line-height: 70px;
  color: #c80e11;
  padding-left: 17px;
  font-family: 'FZDBSJ';
  letter-spacing: 5px;
  font-weight: 400;
}
.title-logo p {
  float: left;
}
.title-logo p span {
  display: table-cell;
  vertical-align: middle;
}
.title-logo p span i {
  display: block;
  text-align: center;
}
.title-logo p span i.p-top {
  text-align: left;
}
.title-logo p span i.p-top {
  font-size: 25px;
  color: #424242;
  line-height: 25px;
}
.title-logo p span i.p-bottom {
  color: #fff;
  background: #6c6c6c;
  line-height: 15px;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}
.title-logo p.p {
  display: table;
  height: 65px;
}
.title-back {
  float: left;
  height: 70px;
  line-height: 70px;
}
.title-back p {
  background: url("../images/icons/icon_13.png") center repeat-x;
  background-size: contain;
  height: 5px;
  display: inline-block;
  width: 100%;
}
.a-part .triplet-title {
  margin-bottom: 15px;
}
.a-part .more {
  float: left;
  width: 60px;
  text-align: center;
  line-height: 70px;
  color: #c80e11;
}
.marquee .more {
  float: left;
  width: 60px;
  text-align: center;
  line-height: 30px;
  color: #c80e11;
}

.a-part .more a,.marquee .more  a{
  color: inherit;
  border: 1px solid #c80e11;
  border-radius: 15px;
  display: inline-block;
  width: 100% ;
  line-height: 20px;
  font-size: 12px;
}
.a-part .a-part-article .img {
  width: 100%;
  height: 150px;
}
.a-part .a-part-article .img img {
  width: 100%;
  height: 100%;
}
.a-part .a-part-article .WLeft {
  padding-right: 3%;
}
.a-part .a-part-article .WLeft .bold-black {
  margin-top: 10px;
}
.a-part .news-list .padding-top {
  padding-top: 20px;
}
.a-part .news-list .dir {
  float: right;
}
.a-part .list li {
  margin-right: 1%;
  float: left;
  background: #f5f5f5;
  text-align: center;
  border-width: 0 0 3px 0;
  border-style: solid;
  border-color: #d4d4d4;
}
.a-part .list li .picture {
  width: 100%;
  height: 235px;
}
.a-part .list.tri li .picture {
  width: 100%;
  height: 285px;
}
.a-part .list li .picture img {
  width: 100%;
  height: 100%;
}
.a-part .list li .description {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  box-sizing: border-box;
  display: table;
  height: 90px;
  overflow: hidden;
  width: 100%;
}
.a-part .list li .description p {
  text-align: center;
  margin-bottom: 0;
  display: table-cell;
  vertical-align: middle;
}
.a-part .list.quartered li {
  width: 24.25%!important;
}
.a-part .list.tri li{
  width: 31.333333333333332%!important;
}
.a-part .list.tri li{
  margin-right: 3%;
}
.a-part .list.five li {
  width: 19.2%!important;
  border: none!important;
}
.a-part .list.five li .pic{
  width: 100%;
  height: 200px;
}
.a-part .list.five li {
  width: 19.2%;
}
.double-part .more {
  width: 60px;
}
.double-part .heiSmall {
  padding-left: 5%;
}
.double-part .w70 {
  padding-right: 2%;
}
.box-list {
  margin-bottom: 15px;
  overflow: hidden;
}
.itemList {
  padding-top: 0;
  padding-right: 5%;
  padding-bottom: 0;
  padding-left: 5%;
}
.item {
  display: block;
  width: 100%;
  line-height: 36px;
  overflow: hidden;
  text-align: justify;
  font-size: 17px;

}
.item p,
.item span {
  float: left;
}
.item p {
  width: 80%;
  color: #333;
}
.item span {
  width: 20%;
  text-align: right;
  color: #626262;
}
.resource {
  background: #dc1c2b;
  color: #fff;
}
.resource .triplet-title {
  border-width: 0 0 2px 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.5);
}
.resource .more {
  float: right;
  color: #fff;
  width: 20px!important;
}
.resource .more a {
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #ffffff;
  border-radius: 50%;
  float: none;
}
.resource .h1 {
  color: #fff;
}
.resource i.p-top {
  color: #fff!important;
}
.resource i.p-bottom {
  background: #ff5e5e!important;
}
.resource ul {
  padding-left: 5%;
  padding-right: 5%;
}
.resource ul li {
  margin-bottom: 15px;
}
.resource ul li a {
  float: none!important;
}
.resource ul li p.time {
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  background: #cb0d13;
  float: left;
  margin-right: 20px;
}
.resource ul li p.file {
  font-size: 17px;
  padding-left: 10px;
}
.resource ul li p span {
  display: block;
  text-align: left;
}
.resource ul li p span.day-month {
  font-size: 20px;
}
.resource ul li p span.year {
  font-size: 12px;
}
.fl-right .title-logo {
  background: inherit;
}
.fl-right .triplet-title {
  padding-left: 5%;
  padding-right: 5%;
}
.message {
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #d5d5d5;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 18px;
  padding-left: 0;
}
.message .h1 {
  padding-left: 0;
}
.message form {
  padding-left: 5%;
  padding-right: 5%;
  font-size: 17px;
}
.message .input {
  display: table;
  width: 100%;
  margin-bottom: 12px;
}
.message label {
  width: 58px;
  text-align: justify;
  color: #626262;
  font-weight: normal;
}
.message label font{
	color: red;
}
.liuyan .input{
	font-size: 14px;
	color: #848282;
}
.message textarea {
  resize: none;
}
.message input,
.message textarea {
  width: 80%;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #d5d5d5;
  padding-left: 5px;
}
.message textarea {
  border-radius: 10px;
}
.message input,
.message .button {
  height: 30px;
  line-height: 30px;
  border-radius: 18px;
}
.message .button {
  background: #c80e11;
  color: #fff;
  width: 138px;
  border: none;
  font-size: 18px;
  border-radius: 30px;
}
.message input,
.message textarea,
.message label {
  display: table-cell;
  vertical-align: middle;
}
.scroll {
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 50px;
  padding: 0 5%;
  position: relative;
}
.scroll li {
  float: left;
  display: table;
  height: 100%;
  width: 30%;
  margin-right: 10px;
}
.scroll li a {
  display: table-cell;
  vertical-align: middle;
}
.scroll .s-con {
  max-height: 100px;
}
.scroll .s-con .swiper-slide {
  text-align: center;
  display: table;
}
.scroll .s-con .swiper-slide a {
  display: table-cell;
  vertical-align: middle;
}
.scroll .s-con img {
  height: auto;
  width: auto;
}
.scroll .swiper-container {
  position: static;
}
.link-ch {
  color: #292929;
  font-size: 20px;
}
.link-en {
  color: #292929;
  font-size: 12px;
  text-transform: capitalize;
}
.icons {
  position: absolute;
  z-index: 1;
  font-weight: normal;
  font-size: 20px;
  color: #d5d5d5;
  top: 50%;
  margin-top: -25px;
}
.arrow-left {
  left: 0;
}
.arrow-right {
  right: 0;
}
.swiper-text {
  height: 257px;
  margin-bottom: 15px;
}
.swiper-text .swiper-slide {
  padding-right: 10px;
}
.swiper-text .swiper-slide img {
  height: 100%;
}
.swiper-video {
  height: 253px;
}
.swiper-activity {
  margin: 20px auto;
  height: 240px;
}
.swiper-activity .swiper-slide {
  margin-right: 20px;
}
.swiper-activity img {
  height: 85%;
}
.swiper-activity p {
  height: 15%;
  text-align: center;
  font-size: 18px;
  line-height: 36px;
}
.picScroll-left {
  margin: 50px auto;
  overflow: hidden;
  position: relative;
}
.picScroll-left .li {
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  width: 24.5%;
  float: left;
  _display: inline;
  overflow: hidden;
  text-align: left;
  height: 220px;
}
.picScroll-left .li .pic img {
  height: 100%;
  display: block;
}
.picScroll-left .li span.mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #000;
  opacity: 0;
  transition: opacity .5s ease;
  -moz-transition: opacity .5s ease;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  -ms-transition: opacity .5s ease;
  text-align: left;
}
.picScroll-left .li:hover span.mask {
  opacity: .6;
}
.picScroll-left .li:hover div.text {
  color: #fff;
}
.picScroll-left .li div.text {
  position: absolute;
  left: 0;
  bottom: 10px;
  color: #eee;
  padding-left: 10px;
  z-index: 2;
  transition: opacity .5s ease;
  -moz-transition: opacity .5s ease;
  -webkit-transition: opacity .5s ease;
  -o-transition: opacity .5s ease;
  -ms-transition: opacity .5s ease;
}
.picScroll-left img {
  height: 100%;
}
.picScroll .li {
  height: 275px;
}
.picScroll img {
  height: 80%;
}
.picScroll p {
  text-align: center;
  font-size: 20px;
  line-height: 2.5;
}
.pdf-box {
  padding-bottom: 50px;
}
.pdf-box .book-title h1 {
  font-size: 20px;
  color: #333;
}
.pdf-box .book-title .pdf-btn {
  cursor: pointer;
  font-size: 16px;
  line-height: 45px;
  text-decoration: underline;
  color: #cb0d13;
  text-align: center;
}
.pdf-box .book-picture {
  width: 50%;
  height: 400px;
  margin: 40px auto 20px auto;
}
.pdf-box .book-content {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -350px;
  z-index: 2;
  display: none;
}
.pdf-box .book-content .remove {
  text-align: right;
  padding-right: 10px;
  font-size: 28px;
  color: #fff;
  font-weight: normal;
  position: absolute;
  top: -30px;
  right: -40px;
}
.pdf-box .book-content .remove .icon-remove-circle {
  cursor: pointer;
}
.pdf-box .mask {
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: .7;
  width: 100%;
  height: 100%;
  z-index: 1;
  cursor: pointer;
  display: none;
}
.pdf-box a.media {
  margin-top: 0;
}
.pic-fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1000;
  display: none;
}
.pic-fixed .icon-remove-circle {
  position: absolute;
  right: 23%;
  top: 7%;
  color: #fff;
  font-size: 26px;
  cursor: pointer;
  z-index: 1;
}
.pdf-pic {
  width: 100%;
  position: relative;
}
.pdf-pic .pic-list:after {
  content: '';
  display: table;
  clear: both;
}
.pdf-pic .pic-list li {
  float: left;
}
.pdf-pic .pic-list li img {
  display: none;
}
.pdf-pic .pic-list li.active img {
  display: block;
  margin: 0 auto;
}
.pdf-pic span.mask {
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  opacity: .8;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.pdf-pic .icon-angle-left {
  font-size: 100px;
  color: #ccc;
  position: absolute;
  left: 20%;
  top: 30%;
  margin-top: -50px;
  z-index: 1;
  cursor: pointer;
}
.pdf-pic .icon-angle-right {
  font-size: 100px;
  color: #fff;
  position: absolute;
  right: 20%;
  top: 30%;
  margin-top: -50px;
  z-index: 1;
  cursor: pointer;
}
.pdf-pic .pic {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  /*overflow: hidden;*/
  text-align: center;
}
.pdf-pic .pic img {
  max-width: 100%;
  max-height: 100%;
}
.pdf-pic div.p {
  color: #fff;
  overflow: hidden;
  padding: 0 20px;
  text-align: justify;
  /*margin-top: 5%;*/
}
.pdf-pic div.p h1 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 15px;
}
.pdf-pic div.p h1 p {
  font-size: 18px;
  text-indent: 30px;
}
.festivalText ul li {
  height: 257px;
  cursor: pointer;
}
.project-hidden {
  display: none;
}
.video-play {
  height: 253px;
  margin-bottom: 15px;
}
.video-play .play-button {
  width: 48px;
  height: 48px;
  left: 50%;
  top: 50%;
  margin-top: -24px;
  margin-left: -24px;
  border-radius: 100%;
  border-width: 4px 4px 4px 4px;
  border-style: solid;
  border-color: #bdc2c1;
  line-height: 48px;
  position: absolute;
  text-align: center;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.video-play .swiper-slide {
  padding-right: 10px;
  position: relative;
}
.video-play .swiper-slide img {
  height: 100%;
}
.video-play .swiper-slide .icon-play {
  color: #bdc2c1;
  font-size: 28px;
  margin-left: 4px;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}
.video-play .swiper-slide:hover .play-button {
  border-color: #fff;
}
.video-play .swiper-slide:hover .icon-play {
  color: #fff;
}
.book-face {
  padding-top: 100px;
}
.book-face .book-face-img {
  text-align: center;
}
.book-face .book-face-img p {
  font-size: 20px;
  color: #424242;
  font-family: 'Microsoft YaHei';

}
.floadAd{
  position: fixed;
  width: 450px;
  padding: 20px;
  left: 0;
  top:10%;
  background: #ccc;
  z-index: 100;
  border-radius: 10px;


}
.floadAd H1{
  font-size: 22px;
  color: #333;
  text-align: center;
  /*margin-bottom: 20px;*/
  line-height: 90px;


}
.floadAd p{
  text-indent: 10px;
  font-size: 16px;
  text-align: justify;
  padding-bottom: 10px;
}
.float-slides .icon-remove{
  position: absolute;
  right: 0;
  top:-10px;
  cursor: pointer;
  font-size: 22px;

}
.floadAd { position: absolute;z-index: 999900; width: 450px;
  padding: 20px;
  left: 0;
  top:10%;  }
.floadAd .close{
  color: #cb0d13;
  opacity: 1;
  position: absolute;
  right: -16px;
  top:-16px;
  z-index: 111111;
}
footer {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #313131;
  text-align: center;
}
footer .ver-mar{
  position: relative;
  display: inline-block;
}

footer #_ideConac{
  position: absolute;
  top:50%;
  left: -20%;
  margin-top: -40px;
  margin-right: -40px;
}

footer ul {
  display: inline-block;
  color: #fff;
  font-size: 17px;
}
footer ul .horiaztion-middle a {
  border-width: 0 1px 0 1px;
  border-style: solid;
  border-color: #ffffff;
}
footer ul li {
  float: left;
}
footer ul li a {
  padding: 0 10px;
}
footer p {
  font-size: 12px;
  color: #929292;
}
.unit {
  margin-top: 10px;
}
.unit .sw {
  height: 339px;
}
.unit .sw img {
  height: 100%;
  width: 100%;
}
.unit .main-left {
  float: left;
  border-width: 1px 1px 3px 1px;
  border-style: solid;
  border-color: #d5d5d5;
  border-bottom-color: #cb0d13;
}
.unit .main-left .triplet-title {
  background: url(../images/pictures/bj_03.png) center no-repeat;
  background-size: cover;
  padding-top: 10px;
  padding-bottom: 10px;
}
.unit .main-left .triplet-title .title-logo {
  margin-left: 20px;
}
.unit .main-left ul {
  padding: 0 5px;
}
.unit .main-left ul li {
  color: #656565;
  line-height: 50px;
  border-width: 0 0 1px 0;
  border-style: dashed;
  border-color: #d5d5d5;
  padding-left: 20px;
  padding-right: 20px;
}
.unit .main-left ul li a {
  display: table;
  width: 100%;
}
.unit .main-left ul li span {
  display: table-cell;
  font-size: 18px;
  text-align: right;
}
.unit .main-left ul li .bSpan {
  width: 90%;
  text-align: left;
}
.unit .main-left ul li i {
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 17px;
  text-align: center;
  border-radius: 100%;
  border: 1px solid #656565;
}
.unit .main-left ul li:hover {
  color: #cb0d13;
}
.unit .main-left ul li:hover i {
  border-color: #cb0d13;
}
.unit .main-right {
  float: left;
}
.unit .content {
  padding-top: 30px;
  padding-right: 35px;
  padding-bottom: 60px;
  padding-left: 35px;
}
.unit .content .head {
  text-align: center;
  margin-bottom: 30px;
}
.unit .content .head i {
  display: inline-block;
  width: 85px;
  height: 1px;
  background: #d5d5d5;
}
.unit .content h1 {
  font-size: 30px;
  color: #3a3838;
  font-family: 'Microsoft YaHei';
}
.unit .content h1.base-name {
  margin-bottom: 15px;
}
.unit .paragraph p {
  font-size: 18px;
  font-family: 'Microsoft YaHei';
  color: #686868;
  /*margin-bottom: 30px;*/
  line-height: 1.8;
}
.unit .paragraph .pic {
  margin-bottom: 30px;
}
.unit .paragraph .pic img {
  width: 100%;
}
.unit .paragraph h1 {
  text-align: center;
}
.unit .paragraph .type {
  float: left;
  box-sizing: border-box;
  text-align: center;
  padding-right: 0!important;
}
.unit .paragraph .type img {
  width: 100%;
}
.unit .paragraph .trible {
  width: 32%;
}
.unit .paragraph .forth {
  width: 17.5%;
  /*23.5*/
}
.unit .paragraph .type {
  margin-right: 2%;
}
.unit .paragraph .type-end {
  margin-right: 0;
}
.unit .paragraph .fore {
  height: 185px;
  border: 1px solid #cb0d13;
  border-radius: 100%;
}
@media only screen and (max-width: 1600px) {
  .unit .paragraph .fore {
    height: 145px;
  }
}
.unit .paragraph .fore .middle {
  display: table-cell;
  vertical-align: middle;
}
.unit .paragraph .fore.active {
  background: #cb0d13;
  border: none;
}
.unit .paragraph .fore.active .middle .base-name h1,
.unit .paragraph .fore.active .middle .base-name p {
  color: #fff!important;
}
.unit .paragraph .fore.active .middle .icon {
  position: relative;
  color: #fff;
  text-align: center;
  margin-top: 25px;
  font-size: 25px;
}
.unit .paragraph .circle-img .circle img {
  border-radius: 100%;
  height: 254px;
}
@media only screen and (max-width: 1600px) {
  .unit .paragraph .circle-img .circle img {
    height: 200px;
  }
}
.unit .paragraph .rect-img {
  padding-bottom: 15px;
  border-bottom: 1px solid #d5d5d5;
}
.unit .paragraph .rect-img .rect {
  cursor: pointer;
  position: relative;
}
.unit .paragraph .rect-img .rect .i {
  position: absolute;
  bottom: -25px;
  background: #fff;
  border: 1px solid #d5d5d5;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
}
.unit .paragraph .rect-img .rect .i .icon-angle-down {
  display: none;
  width: 100%;
  height: 100%;
  line-height: 20px;
}
.unit .paragraph .rect-img .rect .line-box {
  border: 1px solid #d5d5d5;
  padding: 10px;
  background: #f8f8f8;
}
.unit .paragraph .rect-img .rect .line-box h1 {
  font-size: 18px;
  font-family: 'Microsoft YaHei';
  color: #626262;
  line-height: 2.5;
  overflow-x: hidden;
}
.unit .paragraph .rect-img .rect.active .line-box {
  background: #cb0d13;
  border: none;
}
.unit .paragraph .rect-img .rect.active .line-box h1 {
  color: #fff;
}
.unit .paragraph .rect-img .rect.active .i {
  background: #cb0d13;
  border: none;
}
.unit .paragraph .rect-img .rect.active .i .icon-angle-down {
  display: block;
  color: #fff;
}
.unit .research-map {
  text-align: center;
  margin-bottom: 50px;
}
.unit .research-map img {
  width: 50%;
}
.marb {
  margin-bottom: 30px;
}
.label {
  padding: 0!important;
}
.base-name,
.base-name h1,
.base-name p {
  font-size: 25px!important;
  color: #cb0d13 !important;
}
.base-name h1 {
  font-weight: bold;
}
.base-name {
  line-height: 4 !important;
}
.base-name p {
  text-indent: 0!important;
  margin-bottom: 0!important;
  font-weight: normal;
}
.w50 {
  width: 50%;
  float: left;
}
.w70 {
  width: 70%;
}
.w30 {
  width: 30%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w55 {
  width: 55%;
}
.w60 {
  width: 60%;
}
.w80 {
  width: 80%;
}
.w20 {
  width: 20%;
}
.w90 {
  width: 90%;
}
.w15 {
  width: 15%;
}
.w85 {
  width: 85%;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.marR-none {
  margin-right: 0 !important;
}
.marT-none {
  margin-top: 0!important;
}
.marB-none {
  margin-bottom: 0!important;
}
.w {
  float: left;
}
.w100 {
  width: 100%;
}
.fl {
  float: left;
}
.ri {
  float: right;
}
.common-fontactive {
  color: #cb0d13 !important;
}
.common-bordertactive {
  border-color: #cb0d13 !important;
}
.heiSmall .img {
  height: 190px!important;
}
.trible {
  padding-right: 5% !important;
}
.trible .bold-black {
  line-height: 1!important;
  margin-bottom: 30px!important;
}
.trible .dir-p {
  margin-top: 10px;
}
.dir {
  width: 25px;
  background: #c80e11;
  color: #fff;
  text-align: center;
  font-size: 12px;
  display: block;
}
.dir .line {
  display: inline-block;
  width: 8px;
  height: 2px;
  background: #fff;
  vertical-align: middle;
  margin-top: -7px;
  margin-right: -3px;
}
.dir .icon-angle-right {
  font-size: 20px;
  color: #fff;
}
/*视频相关样式*/
.video-js {
  width: 100%;
}
.video-js {
  height: 253px;
}
.video-js .vjs-big-play-button {
  width: 48px;
  height: 48px;
  top: 50%;
  left: 50%;
  margin-left: -24px;
  margin-top: -24px;
  border-radius: 100%;
  border-width: 4px 4px 4px 4px;
  border-style: solid;
  border-color: #bdc2c1;
}
.vjs-big-play-button {
  background-color: transparent!important;
}
.video-js .vjs-big-play-button:before,
.video-js .vjs-control:before {
  position: static;
}
.vjs-icon-play:before,
.video-js .vjs-big-play-button:before,
.video-js .vjs-play-control:before {
  color: #bdc2c1;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus,
.vjs-icon-play:hover:before,
.video-js:hover .vjs-big-play-button:before,
.video-js:hover .vjs-play-control:before {
  border-color: #fff;
  color: #fff;
}
.contas {
  height: 292px;
}
.contas p.p {
  width: 100%;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #626262;
  font-size: 15px;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #d5d5d5;
  margin-top: 10px;
}
.border-none {
  border: none!important;
}
.switt {
  padding: 0 50px;
  position: relative;
}
.switt .swit {
  position: static;
}
.switt .img {
  height: 260px!important;
}
.switt .icons {
  top: 35%;
}
.padding-l .news-list {
  padding-left: 10px;
}
.swi .w40 {
  width: 45%;
}
.swi .w60 {
  width: 55%;
}
.news {
  cursor: pointer;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #d5d5d5;
  padding-bottom: 15px;
}
.news span {
  color: inherit;
  font-weight: normal;
  float: left;
  width: 92%;
  padding-right: 2px;
  font-size: 17px;
}
.news span,
.news a {
  display: block;
}
.bold-black {
  font-family: 'Microsoft YaHei';
  text-align: justify;
  margin-bottom: 10px;
  font-size: 17px;
  color: #000000;
}
.normal {
  color: #626262;
  font-size: 15px;
  text-align: justify;
  font-family: 'Microsoft YaHei';
  font-weight: normal;
}
.articles .item {
  height: auto;
  line-height: 1.6;
  padding: 20px 0;
}
.articles .item p {
  width: 100%;
}
.pages {
  text-align: right;
  margin-bottom: 40px;
  padding-right: 4%;
}
.pages .page {
  display: inline-block;
}
.pages .page li {
  cursor: pointer;
  float: left;
  width: 50px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #000000;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #d5d5d5;
  border-radius: 2px;
  margin-right: 3px;
}
.pages .page li.active {
  background: #616161;
  color: #fff;
  border: none;
}
.pages .page li:hover {
  background: #616161;
  color: #fff;
  border: none;
}
.pages .page li a {
  display: block;
}
.pages-center {
  text-align: center;
}
.articles {
  font-family: 'Microsoft YaHei';
}
.selects {
  text-align: right;
}
.selects a.btns {
  display: inline-block;
}
.article-view {
  line-height: 2.5;
  border-top: 1px dashed #d5d5d5;
  margin-bottom: 20px;
}
.article-view .bold-black,
.article-view .normal {
  font-size: 17px;
}
.article-view a:hover {
  text-decoration: underline;
}
.atricle-info {
  color: #858585;
  font-size: 15px;
  margin-top: 10px;
}
.bsse-color {
  color: #cb0d13;
  font-weight: bold;
}
.crumbs {
  text-align: right;
  font-size: 17px;
}
.crumbs.shadow-line {
  border-bottom: 1px solid #d5d5d5;
  border-top: 3px solid #d9d9d9;
  line-height: 50px;
  box-sizing: border-box;
  padding-top: 10px;
}
.crumbs li {
  display: inline-block;
  color: #888888  ;
}
.crumbs li .icon-pos {
  position: relative;
}
.crumbs li .icon-pos .glyphicon {
  position: static;
  color: inherit!important;
  margin-right: 5px;
}
.crumbs li .icon-pos .glyphicon-home:before {
  font-size: 12px;
}
.crumbs .exchange {
  font-size: 20px;
  font-family: 'Microsoft YaHei';
  font-weight: normal;
  text-transform: uppercase;
  cursor: pointer;
  text-align: left;
}
.crumbs .exchange.grey {
  color: #626262;
}
.crumbs .exchange.labelList .label {
  color: #444;
}
.crumbs .exchange li {
  display: inline-block;
  height: inherit;
  line-height: inherit;
}
.crumbs .exchange li.active {
  border-bottom: 2px solid #cb0d13;
  color: #cb0d13;
}
.crumbs .label {
  border-radius: 0;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: right;
  bottom: 5px;
  width: 100%;
  display: block;
  padding-left: 0;
  margin: 0;
  border-radius: 0;
  padding-right: 10px;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 10px;
  background: #fff;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #cb0d13;
}
.communication-show {
  overflow: hidden;
  padding: 20px 0;
}
.communication-show .swiper-pagination-switch {
  background: none;
  border-radius: 0;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #ffffff;
}
.communication-show .swiper-active-switch {
  background: none;
  border-width: 4px 4px 4px 4px;
  border-style: solid;
  border-color: #ffffff;
}
.communication-show .w60 {
  padding-left: 30px;
}
.communication-show .base-name {
  line-height: 1.5!important;
  margin-bottom: 30px;
  font-size: 18px!important;
  font-weight: bold;
}
.communication-show .base-name span {
  display: block;
}
.communication-show .paragraph p {
  font-size: 17px;
}
.boxs .box-title {
  height: 40px;
  line-height: 40px;
  background: url(../images/pictures/img_12_02.png) center no-repeat;
  background-size: cover;
  padding: 0 5px;
  border: 1px solid #dec16d;
}
.boxs .box-title span {
  display: inline-block;
  background: #cb0d13;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  margin: 4px 0;
  border-radius: 15px;
  font-size: 20px;
  font-family: 'Microsoft YaHei';
}
.boxs .box-title a.ri {
  color: #353535;
  font-size: 17px;
}
.boxs .boxs-content {
  padding: 30px 0;
}
.boxs .boxs-content .base-name {
  font-size: 20px!important;
  font-family: 'Microsoft YaHei';
  text-align: left;
  line-height: 1!important;
  margin-bottom: 30px;
}
.boxs .communication-trible li {
  float: left;
  margin-right: 3%;
  width: 31.333333333333332%;
  height: 240px;
}
.boxs .communication-trible li img {
  width: 100%;
  height: 100%;
}
figure {
  text-align: center;
  margin-bottom: 30px;
}
figure .normal {
  font-size: 18px;
  font-family: 'Microsoft YaHei';
  text-align: center;
  margin-top: 15px;
}
.unbalance {
  margin: 0 auto;
}
.unbalance .w {
  width: 35%;
}
.unbalance .marR {
  width: 60%;
  margin-right: 5%;
}
.unbalance img {
  height: 363px;
  width: 100%;
}
.balance {
  margin: 0 auto;
}
.balance .marR {
  margin-right: 2%;
}
.balance .w {
  width: 49%;
}
.balance img {
  width: 100%;
  height: 295px;
}
.boxs.project {
  margin-top: 20px;
}
.boxs.project .box-title {
  background: #cb0d13;
  color: #fff;
  border: none;
}
.boxs.project .box-title a.ri {
  color: #fff;
}
.boxs.project .itemList {
  padding-left: 0;
  padding-right: 0;
}
.boxs.project .a-part-article {
  padding-top: 20px;
  padding-bottom: 25px;
}
.boxs.project .news {
  border-style: dashed;
}
.boxs.project .list {
  margin-top: 10px;
}
.boxs.project .list li {
  width: 15.833333333333334%;
  margin-bottom: 20px;
  box-sizing: border-box;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #d5d5d5;
}

.boxs.project .list li img {
  height: 257px;
}
.boxs.project .video-js .vjs-big-play-button {
  right: 20px;
  left: auto;
  top: auto;
  bottom: 20px;
}
.boxs.project .pages {
  text-align: center;
  padding-right: 0;
  margin-bottom: 20px;
}
.boxs.festivalText .pages {
  margin-top: 30px;
}
.boxs.padd .a-part-article {
  padding-top: 0;
  padding-bottom: 0;
}
.project-item > a {
  display: table;
  width: 100%;
}
.project-item > a .box {
  display: table-cell;
  vertical-align: middle;
}
.project-item > a .trible {
  padding-right: 0!important;
}
.project-item > a .trible .time {
  font-size: 13px;
  color: #757575;
  font-family: 'Microsoft YaHei';
  margin-top: 30px;
}
.project-item > a .trible .bold-black {
  margin-top: 0!important;
  margin-bottom: 15px!important;
}
.project-item .img {
  height: 184px!important;
}
.swiper-container a.icons {
  font-size: 50px;
  color: #dddddd;
  font-weight: lighter;
}
.small-title .box-title {
  padding: 0 5px;
  background: #e2e2e2!important;
  border-left: 8px solid #cb0d13 !important;
  height: 30px;
  line-height: 30px;
}
.small-title .box-title span {
  background: transparent;
  color: #cb0d13;
  height: 20px ;
  line-height: 20px;
  padding: 0;
}
.small-title .box-title a.ri {
  color: #353535!important;
}
.a-float-none {
  float: none!important;
}
.table {
  display: table;
  width: 100%;
  height: 100%;
}
.carousel-cell {
  text-align: center;
  width: 100%;
}
.flickity-enabled button {
  background: none;
}
.flickity-prev-next-button .arrow {
  fill: #fff;
  opacity: 0;
  transition: opacity 2s;
  -moz-transition: opacity 2s;
  /* Firefox 4 */
  -webkit-transition: opacity 2s;
  /* Safari 和 Chrome */
  -o-transition: opacity 2s;
  /* Opera */
}
.carousel:hover .arrow {
  opacity: 1!important;
}
.contact-map {
  position: relative;
}
.contact-map #baidu_map {
  height: 628px;
  width: 100%;
  margin-bottom: 30px;
}
.contact-info {
  padding: 0 20px;
}
.contact-info span,
.contact-info div.rl {
  float: left;
  font-size: 18px;
  display: block;
  line-height: 1.8;
}
.contact-info span {
  color: #cb0d13;
}
.webMap span {
  font-size: 20px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: -15px;
  background: #cb0d13;
  color: #fff;
  border-radius: 20px;
  line-height: 30px;
  padding: 0 10px;
}
.webMap a {
  font-size: 18px;
}
.webMap .webMap-box li {
  position: relative;
  border-top: 1px solid #cb0d13;
  padding-top: 45px;
  padding-bottom: 50px;
  padding-left: 15px;
}
.webMap .webMap-box li a {
  display: block;
  text-align: left;
  float: left;
  padding-right: 22px;
}
.major-item .box-list {
  margin-bottom: 40px;
}
.major-item .box-title {
  padding: 0 5px;
  background: #eee!important;
  border-left: 8px solid #cb0d13 !important;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  margin-bottom: 15px;
}
.major-item h1 {
  font-size: 20px;
  color: #424242;
  font-family: 'Microsoft YaHei';
}
.major-item p.p {
  font-size: 17px;
  font-family: 'Microsoft YaHei';
  color: #686868;
  margin-top: 15px;
  text-indent: 30px;
  line-height: 1.8;
}
.major-item article {
  padding: 25px 20px;
}
.major-item .art-more {
  font-size: 17px;
  color: #cb0d13;
  display: inline-block;
  text-align: right;
  position: absolute;
  bottom: 25px;
  right: 20px;
}
.major-item .actor img {
  width: 100%;
  height: 100%;
}
.major-item .actor p.name {
  width: 100%;
  text-align: center;
  color: #727272;
  font-size: 13px;
  margin-top: 10px;
}
.major-item .actor p.p {
  padding-left: 20px;
}
.maj-mar {
  padding-bottom: 30px;
}
@media only screen and (max-width: 1600px) {
  .five .picture {
    height: 190px!important;
  }
}
@media only screen and (max-width: 1024px) {
  .main {
    width: 95%;
  }
  .font_style {
    font-size: 28px;
  }
  .unit .paragraph .circle-img .circle img {
    height: 138px;
  }
  .unit .paragraph .rect-img .rect img {
    height: 150px;
  }
  .unit .paragraph .fore {
    height: 102px;
  }
  .unit .paragraph .fore .base-name h1,
  .unit .paragraph .fore .base-name p {
    font-size: 15px!important;
  }
  .unit .paragraph .fore .base-name p {
    line-height: 1.5;
  }
  .unit .paragraph .fore.active .middle .icon {
    margin-top: 5px;
  }
  .unit .boxs.project .list li img {
    height: 130px;
  }
  .unit .sw {
    height: 276px;
  }
  .video-js {
    height: 190px;
  }
  .boxs .communication-trible li {
    height: 190px;
  }
  .unbalance img {
    height: 230px;
  }
  .balance img {
    height: 205px;
  }
  .pages .page li {
    width: 50px;
  }
  .a-part .list li .picture {
    height: 130px;
  }
  .swiper-con {
    height: 300px!important;
  }
}
.jp-audio {
  width: 201px;
  padding: 20px;
}
.jp-audio-stream {
  width: 101px;
  padding: 20px 20px 10px 20px;
}
.jp-video-270p {
  width: 480px;
}
.jp-video-360p {
  width: 100%;
}
.jp-video .jp-controls-holder {
  width: 100%;
}
.jp-controls {
  width: 100%;
}
.flickity-page-dots {
  display: none;
}
.erwei {
  position: fixed;
  right: 50px;
  bottom: 120px;
  text-align: center;
  z-index: 1;
  width: 130px;
}
.erwei .content {
  position: relative;
}
.erwei .content span {
  position: absolute;
  top: -20px;
  right: 0;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  cursor: pointer;
}
.erweiT {
  bottom: 300px;
}
.dang-logo {
  top: 25px;
  right: 10px;
  position: fixed;
  right: 5px;
  text-align: center;
  z-index: 1;
  width: 14%;

}
.dang-logo img{



}
.dang-logo p {
  color: #cb0d13;
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 10px;
}
.search-box {
  height: 80px;
  position: absolute;
  right: 30px;
  top: 20px;
}
.search {
  margin-top: 5px;
  text-align: right;
  border-radius: 20px;
  border: 1px solid #ccc;
  background: #fff;
}
.search .icon-search {
  color: #616161;
  cursor: pointer;
}
.search form {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px;
}
.search form input[type='text'] {
  background: transparent;
  padding-left: 5px;
  height: 28px;
  line-height: 28px;
  border: none;
  width: 220px;
  transition: width .5s;
  -moz-transition: width .5s;
  /* Firefox 4 */
  -webkit-transition: width .5s;
  /* Safari 和 Chrome */
  -o-transition: width .5s;
  /* Opera */
}
.search form input[type='submit'] {
  background: #cb0d13;
  color: #fff;
  border: none;
  margin: 0;
  height: 29px;
  line-height: 29px;
}
.search form .form-group {
  display: inherit;
  margin-bottom: 0;
}
.search form .form-group label {
  display: none;
}
.search form .form-group div {
  display: none;
}
.swi {
  margin-top: 30px;
}
.flickity-prev-next-button {
  top: 43%;
}
a[href]:after {
  content: "" !important;
}
.art-martop {
  margin-bottom: 20px;
}
.marquee {
  padding-left: 5px;
  border-width: 0 0 0 6px;
  border-style: solid;
  border-color: #cb0d13;
  overflow: hidden;
  margin-top: 20px;
  line-height: 30px;
}
.marquee .marquee-title,
.marquee .a-news {
  float: left;
}
.marquee .marquee-title {
  width: 9%;
  font-size: 17px;
}
.marquee .a-news {
  width:85%;
  overflow: hidden;
  margin-right: 10px;
}
.marquee .a-news a {
  font-size: 15px;
}
.form-group {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  color: inherit;
}
.mess {
  margin-top: 20px;
}
.mess .tit {
  position: relative;
}
.mess .tit .more {
  position: absolute;
  top: 0;
  right: 10px;
  line-height: 35px;
}
.mess h1 {
  font-size: 20px;
  margin-bottom: 8px;
  background: #e2e2e2;
  border-left: 8px solid #cb0d13;
  line-height: 35px;
  padding-left: 5px;
}
.mess ul li {
  border-bottom: 1px solid #ccc;
  padding: 10px 0;
  font-size: 17px;
}
.mess ul li .w30 {
  text-align: right;
}
.mess ul li .mess-ask div {
  margin-top: 4px;
}
.boxs.project .list li div.video-js{
  width: 100%;
  height:302px;
}
@media print {
  .main {
    width: 100%;
  }
  .w20 {
    width: 30%;
  }
  .w80 {
    width: 70%;
  }
  body {
    background: red;
  }
}
@media only print and (max-width: 148mm) {
  .main {
    width: 100%;
  }
  header .nav li {
    font-size: 12px!important;
  }
  .w20 {
    width: 40%;
  }
  .w80 {
    width: 60%;
  }
}