@font-face {
  font-family: 'ag';
  src: url("fonts/AGLettericaCondensed.eot");
  src: url("fonts/AGLettericaCondensed.eot") format("embedded-opentype"), url("fonts/AGLettericaCondensed.woff") format("woff"), url("fonts/AGLettericaCondensed.ttf") format("truetype"), url("fonts/AGLettericaCondensed.svg#AGLettericaCondensed") format("svg");
}
@font-face {
  font-family: 'georgia';
  src: url("fonts/icon/georgia.eot");
  src: url("fonts/icon/georgia.eot") format("embedded-opentype"), url("fonts/icon/georgia.woff") format("woff"), url("fonts/icon/georgia.ttf") format("truetype"), url("fonts/icon/georgia.svg#georgia") format("svg");
}
@font-face {
  font-family: 'georgiab';
  src: url("fonts/icon/georgiab.eot");
  src: url("fonts/icon/georgiab.eot") format("embedded-opentype"), url("fonts/icon/georgiab.woff") format("woff"), url("fonts/icon/georgiab.ttf") format("truetype"), url("fonts/icon/georgiab.svg#georgiab") format("svg");
}
@font-face {
  font-family: 'georgiai';
  src: url("fonts/icon/georgiai.eot");
  src: url("fonts/icon/georgiai.eot") format("embedded-opentype"), url("fonts/icon/georgiai.woff") format("woff"), url("fonts/icon/georgiai.ttf") format("truetype"), url("fonts/icon/georgiai.svg#georgiai") format("svg");
}
@font-face {
  font-family: 'georgiaz';
  src: url("fonts/icon/georgiaz.eot");
  src: url("fonts/icon/georgiaz.eot") format("embedded-opentype"), url("fonts/icon/georgiaz.woff") format("woff"), url("fonts/icon/georgiaz.ttf") format("truetype"), url("fonts/icon/georgiaz.svg#georgiaz") format("svg");
}
@font-face {
  font-family: 'time';
  src: url("fonts/icon/Times New Roman.eot");
  src: url("fonts/icon/Times New Roman.eot") format("embedded-opentype"), url("fonts/icon/Times New Roman.woff") format("woff"), url("fonts/icon/Times New Roman.ttf") format("truetype"), url("fonts/icon/Times New Roman.svg#Times New Roman") format("svg");
}
@font-face {
  font-family: 'beba';
  src: url("fonts/BEBAS.eot");
  src: url("fonts/BEBAS.eot") format("embedded-opentype"), url("fonts/BEBAS.woff") format("woff"), url("fonts/BEBAS.ttf") format("truetype"), url("fonts/BEBAS.svg#BEBAS") format("svg");
}
.abouts-bot .list .top .img img{
  width: 100%;
}
.pd-txt{
  padding-bottom: 1.25rem;
}
  #yboxlist .swiper-container .swiper-slide{
    width: auto;
    min-width: 25%;
    max-width: 30%;
  }
.overseas-box .twords{
  border:1px solid #42331e;
  margin-top: 1.25rem;
  margin-bottom: 3.125rem;
}
.library-details-top .details-right .swiper-slide-active{
  display: none;
}
.section5-bot .mCSB_scrollTools.mCSB_scrollTools_horizontal{
  height: 25px!important;
}
.section5-bot .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{
  height: 4px;
  margin:10px 20px;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 150px);
    height: 3px;
    left: auto;
    right: 0;
}

.ewmbox{
  position: relative;
}
.ewmbox  .ewm{
  position: absolute;
  display: none;
  padding-top: 10px;
  left: 50%;
  transform:translateX(-50%);
  top:16px;
  width: 100px;
  max-width: none;
  opacity: 1;
}

.section5-bot .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight,
.section5-bot .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{
    float: left;
    display: inline-block;
    font-size: 12px;
    line-height: 1.2;
    vertical-align: middle;
    background: transparent;
    color: #ffffff;
    opacity: 1;
    width: auto;
    margin: 0;
    top: auto;
    height: 25px;
    line-height: 25px;
    width: 60px;
    left: auto;
    right: auto;
    transition: .5s ease-in-out;
    text-align: center;
}

.section5-bot .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:before,
.section5-bot .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:before{
    position: absolute;
    content: "";
    width: 5px;
    height: 6px;
    transition: .5s ease-in-out;
    top: 0;
    bottom: 0;
    margin: auto;
}
.section5-bot .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
  left: 60px;
}
.section5-bot .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:before{
    right: 6px;
    background: url(../img/n21.png) no-repeat center;
    background-size: 100%
}
.section5-bot .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:before{
    left: 6px;
    background: url(../img/n19.png) no-repeat center;
    background-size: 100%;
}
.swiper-wrapper-i{
  white-space: nowrap;
    width: 100%;
    height: 100%;
    padding-bottom: 2.25rem;
    font-size: 0;
}
.section6-swiper .swiper-slide{
  width: 7.5rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}
.welcome-body {
  opacity: 0;
}
.welcome-body.activecur{
  opacity: 1;
}
  .bocweb-header .nav-sousuo .iconfont.bds_sqq,
  footer .footer-top .guanzhu a.bds_sqq{
    background:url(../img/dy.png) no-repeat center;
    background-size: 100%;
  }
  footer .footer-top .guanzhu a.xhs:before,
   .bocweb-header .nav-sousuo .iconfont.xhs:before,
  .bocweb-header .nav-sousuo .iconfont.bds_sqq:before,
  footer .footer-top .guanzhu a.bds_sqq:before{
    opacity: 0;
  }
  footer .footer-top .guanzhu a.xhs,
  .bocweb-header .nav-sousuo .iconfont.xhs{
    width: 1rem;
    background:url(../img/xhs.png) no-repeat center;
    background-size:100%;
  }



.section1 .downs{
  width: 1rem;
  height: 1rem;
  position: absolute;
  bottom: 1rem;
  left: 0;
  right: 0;
  margin:auto;
  background:url(../img/downs.png) #c9a063 no-repeat center;
  background-size: 50%;
  border-radius: 50%;
  cursor: pointer;
}
/*.bocweb-header.fixed .nav-li a{
  color:#222;
}
.bocweb-header.fixed .nav-sousuo .iconfont{
  color:#222!important;
}
.bocweb-header.fixed  .nav-li .nav-top.active .span:after{
  background:#222;

}*/
.bocweb-header{
  transition:.5s ease-in-out;
}

.bocweb-header.fixed{
  background:#1e170c;
  transition:.5s ease-in-out;
}

.fixed-videos{


}
.fixed-videos,
.fixed-videos video{
  position: fixed;
  width: 100%;
  height: 100%;
  /*left: 0;*/
  /*top: 0;*/
  /*right: 0;*/
  /*bottom: 0;*/
  /*margin: auto;*/
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 300;

}
.beba {
  font-family: 'beba';
}
.library-details-top .details-left .li.curs{
  opacity: 0;
}
.section4-box .list .items .img{
  position: relative;
  font-size: 14px;
}

.section4-box .list .items .img .spans{
  position: absolute;
  padding: .3rem  .5rem;
  left: 0;
  bottom: 0;
  line-height: 1;
  font-size: .5rem;
}
    .library-details-top .details-left .anniu .svgbox{
        width: 1.25rem;
        height: 1.25rem;
        position: relative;
    }
.geo {
  font-family: "georgia";
}
.section4-box .list .words2 .tit{
  font-size: .5rem;
  line-height: .75rem;
  height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  overflow: hidden;


}
.news-listbox{
  font-family: "思源宋体";
}
.itimes {
  font-family: 'time';
}

.sy {
  /*font-family: "SourceHanSerifCN Bold","Source Han Sans CN";*/
}

.w1420 {
  width: 1420px;
  margin: 0 auto;
  max-width: 85%;
}

.w1480 {
  width: 1480px;
  margin: 0 auto;
  max-width: 90%;
}

.w1630 {
  width: 1630px;
  margin: 0 auto;
  max-width: 90%;
}

input, select {
  border: none;
  outline: none;
  background: none;
}
.bocweb-header .nav-li .nav-bot .li{
  padding:0 .5rem;
}

.bocweb-header {
  /*background: url(../img/header.jpg) center no-repeat;*/
  /*background-position: -1000%;*/
}

.bocweb-header.fixed {
  background-position: left top;
  background-size: cover;
}

.library-right-list .items ::-webkit-scrollbar-thumb {
  background-color: #c9a063;
}
.library-right-list .items ::-webkit-scrollbar-thumb:window-inactive {
  background-color: #c9a063;
}
.library-right-list .items ::-webkit-scrollbar-thumb:vertical:hover {
  background-color: #c9a063;
}

.pd250 {
  padding-left: 6.25rem;
}

.welcome-body #fp-nav.left {
  left: 1.5rem;
}

.welcome-body #fp-nav ul li .fp-tooltip.left {
  left: 10px;
  padding-left: 30px;
}
.welcome-body #fp-nav ul li, .welcome-body .fp-slidesNav ul li {
  margin: 0;
  height: 18px;
  width: 34px;
  line-height: 18px;
}
.welcome-body #fp-nav ul li a, .welcome-body .fp-slidesNav ul li a {
  display: inline-block;
  vertical-align: middle;
  height: 2px;
  background: #ffffff;
  width: 12px;
}

.welcome-body #fp-nav ul li:hover a span, .welcome-body .fp-slidesNav ul li:hover a span,
.welcome-body #fp-nav ul li a span, .welcome-body .fp-slidesNav ul li a span,
.welcome-body #fp-nav ul li a.active span, .welcome-body .fp-slidesNav ul li a.active span, .welcome-body #fp-nav ul li:hover a.active span, .welcome-body .fp-slidesNav ul li:hover a.active span {
  width: 100%;
  height: 100%;
  margin: 0;
  left: 0;
  top: 0;
  border-radius: 0;
  background: transparent;
}
.welcome-body #fp-nav ul li:hover .fp-tooltip, .welcome-body #fp-nav a.active + .fp-tooltip {
  opacity: 1;
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
}

.welcome-body #fp-nav ul li a.active, .welcome-body .fp-slidesNav ul li a.active {
  width: 100%;
  background: #c8a062;
}

.svgbox .svgs svg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
 #fp-nav ul li:nth-child(1){
  display: none!important;
}
.forie {
  width: 100%;
  height: 100%;
  background: #eaeaea url(../img/jpg/tishi.png) center no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
}

.svgbox .svg {
  stroke-width: 1;
  r: calc(50% - .5px);
}

.svgbox {
  width: 1.25rem;
  height: 1.25rem;
  position: relative;
}

.svgbox .circle {
  opacity: 0;
  transition: .5s ease-in-out;
}

.svgbox:hover .circle {
  animation: circle 3s linear;
  opacity: 1;
  transition: 1s ease-in-out;
}

@keyframes circle {
  from {
    stroke-dasharray: 0 500;
  }
  to {
    stroke-dasharray: 500 0;
  }
}
.pagination {
  text-align: center;
}
.pagination a {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #666666;
  border: 1px solid #e5e5e5;
  margin: 0 2px;
  transition: .5s ease-in-out;
}
.pagination a:hover, .pagination a.active {
  color: #fff;
  background: #005ca9;
  transition: .5s ease-in-out;
}
.pagination .prev {
  background: url(../img/paleft.png) no-repeat center;
  background-size: 100%;
}
.pagination .prev:hover {
  background: url(../img/paleft0.png) #c9a063 no-repeat center;
  background-size: 100%;
}
.pagination .next {
  background: url(../img/paright.png) no-repeat center;
  background-size: 100%;
}
.pagination .next:hover {
  background: url(../img/paright0.png) #c9a063 no-repeat center;
  background-size: 100%;
}

.video-fixed .cha {
  width: 40px;
  height: 40px;
  background: url(../img/jpg/close-vid2.png) no-repeat center/100% auto;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
}

.video-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 130;
  top: 0;
  left: 0;
  cursor: pointer;
  display: none;
}

.video-fixed .videoboxs .box {
  height: 100%;
}

.video-fixed .videoboxs {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  margin: auto;
  margin-top: 0;
  background: #000;
  /*padding: 30px;*/
  box-sizing: border-box;
}

@media screen and (max-width: 768px) {
.section4-box .list .items .img .spans{
  padding: .1rem  .2rem;
  font-size: .2rem;
}


  .video-fixed .videoboxs {
    width: 100%;
    height: 80%;
    bottom: 0;
    margin: auto;
  }

  .video-fixed .cha {
    right: .2rem;
    top: -.6rem;
    width: .5rem;
    height: .5rem;
  }
}
.news-detail-bot {
  font-size: .45rem;
  margin-top: 1rem;
}
.news-detail-bot .detail-left {
  width: 70%;
}
.news-detail-bot .detail-left a {
  line-height: .75rem;
  height: .75rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.news-detail-bot .details-right {
  width: 30%;
  text-align: right;
  position: relative;
}
.news-detail-bot .details-right .tmore {
  display: inline-block;
  vertical-align: middle;
}
.news-detail-bot a {
  display: block;
  color: #666;
  transition: .5s ease-in-out;
}
.news-detail-bot a:hover {
  transition: .5s ease-in-out;
  color: #c9a063;
}

.news-details {
  padding: 2rem 0;
}
.news-details .tit, .news-details .t {
  text-align: center;
}
.news-details .t {
  line-height: 1;
  margin-top: .3rem;
  color: #999;
}
.news-details .tit {
  line-height: 1.5;
  font-size: 1rem;
}
.news-details .p {
  line-height: 1.5;
  padding: .65rem 0;
}
.pd-txt .issue-tit .items,
.pd-txt .issue-tit .items:nth-child(n+2){
  margin-left: 0;
  margin:0 .5rem;
}
.pd-txt .issue-tit{
  text-align: center;
}
@media screen and (max-width: 767px) {
  .pd-txt .issue-tit .items{
    width: auto;
  }
.pd-txt .issue-tit .items,
.pd-txt .issue-tit .items:nth-child(n+2){
  margin-left: 0;
  margin:0 .25rem;
}

  .pd-txt{
    padding-bottom: .5rem;
  }
  .section5 .items:nth-child(n+5){
    display: none;
  }
  .section1 .downs{
    width: .8rem;
    height: .8rem;
  }

  .overseas-box .twords{
    margin-top: .5rem;
    margin-bottom: .8rem;
  }

  .news-detail-bot {
    font-size: .2rem;
    margin-top: .4rem;
  }
  .news-detail-bot .detail-left a {
    line-height: .4rem;
    height: .4rem;
  }

  .news-details {
    padding: .8rem 0;
  }

  .news-details .tit {
    font-size: .32rem;
  }

  .news-details .p {
    padding: .2rem 0;
    font-size: .24rem;
    margin-top: .35rem;
  }

  .news-details .t {
    font-size: .2rem;
    margin-top: .2rem;
  }
}
@media screen and (min-width: 1025px) {
  .wow {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  .wow.cur {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible !important;
  }

  .wow.animated {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: .7s ease-in-out;
    visibility: visible;
  }
}
.wow.animated {
  visibility: visible;
}

.secwen {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateY(60px);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animate.secwen {
  opacity: 1;
  transform: translateY(0);
  filter: alpha(opacity=100);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animated.secwen {
  opacity: 1;
  transform: translateY(0);
  filter: alpha(opacity=100);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-left {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(-60px);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-left.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-right {
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translateX(60px);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.secwen-right.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: translateX(0);
  transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.animate.add1 {
  transition-delay: .1s;
}

.animate.add2 {
  transition-delay: .2s;
}

.animate.add3 {
  transition-delay: .3s;
}

.animate.add4 {
  transition-delay: .4s;
}

.animate.add5 {
  transition-delay: .5s;
}

.animate.add6 {
  transition-delay: .6s;
}

.animate.add7 {
  transition-delay: .7s;
}

.animate.add8 {
  transition-delay: .8s;
}

.animate.add9 {
  transition-delay: .9s;
}

.animate.add10 {
  transition-delay: 1.0s;
}

.animate.add11 {
  transition-delay: 1.1s;
}

body {
  font-size: 14px;
  color: #333333;
  line-height: 1.7;
}

/*touch-acion:  pan-y ;*/
.pcheader {
  height: 117px;
}

.bocweb-header {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 90;
  height: 117px;
  line-height: 117px;
}
.bocweb-header.fixed {
  position: fixed;
  width: 100%;
}
.bocweb-header .bocweb-logo {
  position: absolute;
  width: 4.75rem;
  left: 1.5rem;
}
.bocweb-header .bocweb-nav {
  text-align: center;
  font-size: 0;
}
.bocweb-header .nav-li {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #ffffff;
  position: relative;
}
.bocweb-header .nav-li a {
  display: block;
  color: #ffffff;
}
.bocweb-header .nav-li .nav-top {
  padding: 0 1.2rem;
}
.bocweb-header .nav-li .nav-top:hover .span:after, .bocweb-header .nav-li .nav-top.active .span:after {
  opacity: 1;
  bottom: 0;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-li .nav-top.active .span:after {
  transition: none;
}
.bocweb-header .nav-li .nav-top .span {
  display: inline-block;
  vertical-align: middle;
  line-height: 36px;
  height: 36px;
  position: relative;
}
.bocweb-header .nav-li .nav-top .span:after {
  position: absolute;
  content: "";
  width: 13px;
  height: 2px;
  background: #ffffff;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: auto;
  opacity: 0;
  transition: .5s ease-in-out;
}
.bocweb-header .header{
  position: relative;
  z-index: 10;
}
.headerbg{
  width: 100%;
  height: 55%;
  background:#1e170c;
  position: fixed;
  left: 0;
  padding-top: 117px;
  top: 0;
  z-index: 3;
  display: none;
  min-height: 420px;

}
.bocweb-header .nav-li .nav-bot {
  position: absolute;
  top: 117px;
  color:#c9c9c9;
  left: 0;
  line-height: 1.25rem;
  font-size: .4rem;
  display: none;
  width: 100%;
  /*background: rgba(255,255,255,.6);*/
  text-align: center;
}
.bocweb-header .nav-li .nav-bot .li {
  transition: .5s ease-in-out;
  color: #c9c9c9;
}
.bocweb-header .nav-li .nav-bot .li:hover, .bocweb-header .nav-li .nav-bot .li.active {
  color: #c9a063;
  transition: .5s ease-in-out;
}
.bocweb-header .nav-sousuo {
  font-size: 0;
  position: absolute;
  right: 1.5rem;
  top: 0;
}
.bocweb-header .nav-sousuo .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  color: #ffffff;
  background: transparent;
  padding: 0;
  margin: 0;
  line-height: 1;
  vertical-align: middle;
  float: none;
  cursor: pointer;
}
.bocweb-header .nav-sousuo .iconfont:nth-child(n+2) {
  margin-left: .55rem;
}

.youxiang .inputs {
  position: relative;
  width: 100%;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 14px;
  color: #ffffff;
  padding-left: .5rem;
  padding-right: .75rem;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.2);
  display: block;
  transition: .5s ease-in-out;
}
.youxiang .inputs:hover {
  transition: .5s ease-in-out;
  color: #c9a063;
  border-color: #c9a063;
}
.youxiang .inputs i {
  font-size: .5rem;
  right: .4rem;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}

footer {
  background: #0f0f0f;
  font-size: 16px;
  color: #ffffff;
}
footer .footer-top {
  padding-top: 1.75rem;
  padding-bottom: 1.625rem;
}
footer .footer-top .nav {
  display: inline-block;
  vertical-align: top;
}
footer .footer-top .subnav {
  font-size: 0;
}
footer .footer-top a {
  display: block;
  color: #ffffff;
  font-size: .4rem;
  line-height: 0.875rem;
}
footer .foot-logo {
  width: 4.75rem;
}
footer .youxiang {
  margin-top: 1.125rem;
}

.w1440 {
  width: 1440px;
  margin: 0 auto;
  max-width: 90%;
}

body {
  background: url(../img/conbg.jpg) #1f180c no-repeat top;
  background-size: 100%;
  /*background-attachment: fixed;*/
}

.conmore {
  width: 4.9rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border-radius: 1.5rem;
  font-size: .4rem;
  color: #c9a063;
  border: 2px solid #c9a063;
  text-align: center;
  cursor: pointer;
  transition: .5s ease-in-out;
  margin: 0 auto;
}
.conmore:hover, .conmore.active {
  transition: .5s ease-in-out;
  background: #c9a063;
  color: #ffffff;
}

.footer-bot {
  padding: 0 1.5rem;
  font-size: .35rem;
  line-height: .5rem;
  height: .5rem;
  position: relative;
  color: rgba(255, 255, 255, 0.3);
}
.footer-bot a {
  color: rgba(255, 255, 255, 0.3);
  transition: .5s ease-in-out;
}
.footer-bot a:hover {
  color: #c9a063;
  transition: .5s ease-in-out;
}
.footer-bot .aright, .footer-bot .span {
  background: #0f0f0f;
  position: relative;
  z-index: 2;
}
.footer-bot .aright {
  padding-left: .3rem;
}
.footer-bot .span {
  padding-right: .3rem;
}
.footer-bot .text {
  position: relative;
}
.footer-bot .text:before {
  position: absolute;
  width: 100%;
  height: 0;
  content: "";
  border: 1px dashed rgba(234, 201, 155, 0.3);
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

footer {
  padding-bottom: 1.5rem;
}

footer .footer-top a {
  transition: .5s ease-in-out;
}
footer .footer-top a:hover {
  transition: .5s ease-in-out;
  color: #c9a063;
}

footer .footer-top .guanzhu {
  font-size: .4rem;
  line-height: 1;
  margin-bottom: .6rem;
}
footer .footer-top .guanzhu span, footer .footer-top .guanzhu a {
  display: inline-block;
  vertical-align: middle;
  line-height: .875rem;
  height: .875rem;
}
footer .footer-top .guanzhu a {
  float: none !important;
  display: inline-block;
  width: auto;
  padding: 0;
  background: transparent;
  color: #ffffff;
  font-size: .5rem;
  margin: 0;
  opacity: 1!important;
}

.erweima {
  font-size: 0;
}
.erweima .ibox {
  display: inline-block;
  vertical-align: top;
  font-size: .35rem;
  line-height: 1.5;
  text-align: center;
  width: 23.5%;
  margin-left: 2%;
}
.erweima .ibox:nth-child(1) {
  margin-left: 0;
}
.erweima .ibox .img {
  /*width: 3.375rem;*/
  /*height: 3.375rem;*/
  width: 100%;
}
.erweima .ibox .span {
  margin-top: .35rem;
}

.foot-main {
  width: calc(100% - 4.75rem);
  padding-left: 2.75rem;
}
.foot-main .wen {
  font-size: .4rem;
  line-height: .875rem;
}
.foot-main .nav-top {
  line-height: 1.2;
  font-size: .45rem;
  color: #ffffff;
  margin-bottom: .6rem;
}
.foot-main .subnav {
  width: 100%;
}
.foot-main .nav {
  /*width: 16.25%;*/
  width: 15%;
}
.foot-main .last-child {
  /*width: 35%;*/
  width: 40%;
}

.library-box {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: .4rem;
  color: #ffffff;
  position: relative;
}
.library-box.animated:before {
  opacity: 1;
  transition: .5s ease-in-out;
  transition-delay: .3s;
}
.library-box:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #150d01;
  left: 0;
  bottom: 4.5rem;
  opacity: 0;
  transition: .5s ease-in-out;
}
.library-box .library-left {
  width: 18%;
  position: fixed;
  left: 0;
  top: 117px;
}
.library-box .library-left.fixed {
  position: absolute;
  top: 0;
}
.library-box .library-right {
  width: 82%;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.library-top-input {
  padding: 1.425rem 1.45rem 1.175rem 1.5rem;
}
.library-top-input .input {
  height: 1.4rem;
  position: relative;
}
.library-top-input .input input[type=text] {
  width: 100%;
  height: 100%;
  background: #51483b;
  padding-left: .2rem;
  padding-right: 1.4rem;
}
.library-top-input .input input[type=submit] {
  position: absolute;
  width: 100%;
  height: 100%;
  width: .6125rem;
  height: .6125rem;
  background: url(../img/search.png) no-repeat center;
  background-size: 100%;
  text-indent: -99px;
  overflow: hidden;
  right: .7rem;
  top: 0;
  bottom: 0;
  margin: auto;
  text-indent: -999px;
  overflow: hidden;
}

.library-leftlist .items-top span {
  transform: rotate(180deg);
}

.library-leftlist .active.items .items-top span {
  transform: rotate(0);
}

.library-leftlist .items:nth-child(n+2) {
  margin-top: 1px;
}
.library-leftlist .items-bot {
  display: none;
}
.library-leftlist .items-bot-left .li, .library-leftlist .items-bot-right .li {
  cursor: pointer;
}
.library-leftlist .items-bot-left {
  width: 35%;
}
.library-leftlist .items-bot-left .li {
  height: 1.425rem;
  line-height: 1.425rem;
  padding-left: .7rem;
  padding-right: .75rem;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  transition: .5s ease-in-out;
}
.library-leftlist .items-bot-left .li:hover, .library-leftlist .items-bot-left .li.hover {
  color: #c9a063;
  transition: .5s ease-in-out;
}
.library-leftlist .items-bot-left .li:hover span, .library-leftlist .items-bot-left .li.hover span {
  background: url(../img/b.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.library-leftlist .items-bot-left .li.active {
  color: #c9a063;
  transition: .5s ease-in-out;
}
.library-leftlist .items-bot-left .li.active span {
  background: url(../img/b1.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.library-leftlist .items-bot-left .li span {
  position: absolute;
  width: .4rem;
  height: .4rem;
  background: url(../img/b0.png) no-repeat center;
  background-size: 100%;
  right: .4rem;
  top: 0;
  bottom: 0;
  margin: auto;
  transition: .5s ease-in-out;
}
.library-leftlist .items-bot-right {
  width: 65%;
  padding-left: .8rem;
  padding-right: .75rem;
  padding-top: .6rem;
  padding-bottom: .8rem;
}
.library-leftlist .items-bot-right .li {
  position: relative;
  line-height: 1.1;
}
.library-leftlist .items-bot-right .li:hover span, .library-leftlist .items-bot-right .li.active span {
  opacity: 1;
  transition: .5s ease-in-out;
  transition-delay: .2s;
}
.library-leftlist .items-bot-right .li span {
  position: absolute;
  width: 12px;
  height: 1px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: .5s ease-in-out;
}
.library-leftlist .items-bot-right .li span:after, .library-leftlist .items-bot-right .li span:before {
  position: absolute;
  content: "";
  width: 3px;
  height: 1px;
  top: 0;
  background: #c9a063;
}
.library-leftlist .items-bot-right .li span:after {
  left: 0;
}
.library-leftlist .items-bot-right .li span:before {
  right: 0;
}
.library-leftlist .items-bot-right .li:hover:after, .library-leftlist .items-bot-right .li.active:after {
  width: 100%;
  transition: .5s ease-in-out;
  opacity: 1;
}
.library-leftlist .items-bot-right .li:after {
  position: absolute;
  content: "";
  height: 1px;
  bottom: 0;
  left: 0;
  background: #c9a063;
  transition: .5s ease-in-out;
  width: 0;
  opacity: 0;
}
.library-leftlist .items-bot-right .li:nth-child(n+2) {
  margin-top: .55rem;
}
.library-leftlist .items-top {
  height: 2.1rem;
  line-height: 2.1rem;
  background: #4a371c;
  padding-left: .7rem;
  padding-right: 1.25rem;
  position: relative;
  cursor: pointer;
}
.library-leftlist .items-top span {
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  width: .55rem;
  height: .55rem;
  font-size: .55rem;
  line-height: .55rem;
  text-align: center;
  right: .4rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.library-leftlist .items-top img {
  width: .6125rem;
  height: .6125rem;
  margin-right: .2rem;
  display: inline-block;
  vertical-align: middle;
}

.commen-tit {
  line-height: 1.1;
  color: #ffffff;
}
.commen-tit .cn {
  font-size: 1.2rem;
}
.commen-tit .en {
  font-size: .6rem;
  margin-top: .5rem;
}
.commen-tit .ens {
  color: rgba(255, 255, 255, 0.2);
  font-size: .5rem;
  margin-top: .5rem;
}

.library-right {
  padding-right: 1.5rem;
  padding-bottom: 5.625rem;
  padding-top: 1.425rem;
  box-sizing: border-box;
}
.library-right .commen-tit {
  width: 86%;
  margin: 0 auto;
}
.library-right .listbox {
  width: 86%;
  margin: 0 auto;
}
.library-right .listbox img {
  width: 100%;
}

.more {
  display: block;
  font-size: .35rem;
  line-height: 1.25rem;
  height: 1.25rem;
  width: 3rem;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.library-box .library-right-list {
  padding-top: 1.75rem;
  margin-top: 0;
}

.product-titles .items .imgs img {
  width: 1rem;
  height: 1rem;
}

.marketing-list .items .box {
  /*height: 100%;*/
  /*overflow-y: auto;*/
}

.library-right-list .ijlist {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
}
.library-right-list .library-details-botswipers {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.library-right-list .list {
  font-size: 0;
  padding-bottom: 1.8rem;
}
.library-right-list .items {
  display: inline-block;
  vertical-align: top;
  width: 24%;
  margin-left: 1.333%;
  position: relative;
  margin-bottom: 1.333%;
  border: 1px solid #c9a063;
  overflow: hidden;
}
.library-right-list .items .words {
  position: absolute;
  width: 100%;
  height: 100%;
  font-size: 0.375rem;
  color: #ffffff;
  left: 0;
  top: 0;
  background: rgba(171, 136, 84, 0.95);
  padding: 1rem .75rem 1.25rem .75rem;
  /*padding: 1.5rem .75rem 1.25rem .75rem;*/
  overflow-y: auto;
  transition: .5s ease-in-out;
  opacity: 0;
  filter: alpha(opacity=0);
}
.library-right-list .items .tit {
  font-size: .75rem;
  line-height: 1.2;
  margin-bottom: 0.625rem;
  margin-bottom: 0.3125rem;
}
.library-right-list .items .wen {
  font-size: .4rem;
  line-height: .75rem;
}
.library-right-list .items .more {
  margin-top: .75rem;
}
.library-right-list .items .images img {
  display: block;
}
.library-right-list .items .images .i0 {
  opacity: 0;
  filter: alpha(opacity=0);
}
.library-right-list .items .images .i1 {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.library-right-list .items:nth-child(4n+1) {
  margin-left: 0;
}

.context16 {
  font-size: .4rem;
  line-height: .9rem;
}

.library-details-box {
  padding-top: 1.45rem;
}

.ft48 {
  font-size: 1.2rem;
}

.library-details-top {
  padding-bottom: 2.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.library-details-top .details-left {
  width: 20%;
}
.library-details-top .details-left .time, .library-details-top .details-left .kx, .library-details-top .details-left .list {
  padding-left: 0.65rem;
}
.library-details-top .details-left .list:after {
  top: 0;
}
.library-details-top .details-left .time:after {
  top: 0;
  bottom: 0;
  margin: auto;
}
.library-details-top .details-left .list, .library-details-top .details-left .time {
  position: relative;
}
.library-details-top .details-left .list:after, .library-details-top .details-left .time:after {
  content: "";
  width: .35rem;
  height: 2px;
  background: #ffffff;
  position: absolute;
  left: 0;
}
.library-details-top .details-left .kx {
  height: 7.25rem;
  background: url(../img/line.png) no-repeat repeat top left;
  width: 2px;
}
.library-details-top .details-left .svgbox, .library-details-top .details-left .li {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.library-details-top .details-left .anniu {
  margin-top: .75rem;
}
.library-details-top .details-left .anniu .svgbox {
  margin: 0 .55rem;
}
.library-details-top .details-left .li {
  width: 2.375rem;
  border: 3px solid #c9a063;
  overflow: hidden;
}
.library-details-top .details-left .li:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.library-details-top .details-left .li img {
  transition: .5s ease-in-out;
}
.library-details-top .details-left .li:nth-child(1) {
  margin-right: 3px;
}
.library-details-top .details-left .images, .library-details-top .details-left .anniu {
  font-size: 0;
}
.library-details-top .details-left .time {
  margin-top: 1.375rem;
}
.library-details-top .details-left .svgbox {
  transition: .5s ease-in-out;
  cursor: pointer;
}
.library-details-top .details-left .svgbox:hover {
  transition: .5s ease-in-out;
}
.library-details-top .details-left .anniu-prev {
  background: url(../img/pr0.png) no-repeat center;
  background-size: 100%;
}
.library-details-top .details-left .anniu-prev:hover {
  background: url(../img/pr.png) no-repeat center;
  background-size: 100%;
}
.library-details-top .details-left .anniu-next {
  background: url(../img/ne0.png) no-repeat center;
  background-size: 100%;
}
.library-details-top .details-left .anniu-next:hover {
  background: url(../img/ne.png) no-repeat center;
  background-size: 100%;
}
.library-details-top .details-right {
  width: 80%;
  color: #ffffff;
  font-size: 0;
  position: relative;
}
.library-details-top .details-right .blist {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.library-details-top .details-right .alist {
  opacity: 0;
  visibility: hidden;
}
.library-details-top .details-right .words, .library-details-top .details-right .images {
  display: inline-block;
  vertical-align: top;
}
.library-details-top .details-right .words {
  width: 60%;
  padding: .75rem;
  padding-left: 2.5rem;
}
.library-details-top .details-right .words .tit {
  line-height: 1.1;
}
.library-details-top .details-right .words .txt {
  font-size: .45rem;
  line-height: 1.5;
  color: #c9a063;
  margin-top: .45rem;
  margin-bottom: .75rem;
}
.library-details-top .details-right .words .line {
  width: .5rem;
  height: 1px;
  background: #ffffff;
  margin-bottom: .5rem;
}
.library-details-top .details-right .words .pwords {
  padding-right: 1rem;
  position: relative;
}
.library-details-top .details-right .words .pwords .spans {
  position: relative;
  display: inline-block;
  /*left:65%;*/
  /*right: 1rem;*/
  /*bottom: -.9rem;*/
  color: #c9a063;
  cursor: pointer;
  padding-right: .5rem;
}
.library-details-top .details-right .words .pwords .spans:after {
  content: "";
  width: .3rem;
  height: .25rem;
  background: url(../img/i3.png) no-repeat center;
  background-size: 100%;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
.library-details-top .details-right .words .pwords.cur .p {
  /*height: auto;*/
  height: 7.2rem;
  overflow-y:auto;
  display: block;
  /*overflow: visible;*/
}
.library-details-top .details-right .words .p {
  height: 3.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  position: relative;
  display: inline;
}
.library-details-top .details-right .words .p:after {
  position: absolute;
  /*content:"";*/
  height: .9rem;
  width: 15em;
  background: url(../img/u.png) repeat left top;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.library-details-top .details-right .images {
  width: 40%;
  overflow: hidden;
  border: 4px solid #c9a063;
  position: relative;
}
.library-details-top .details-right .images:after {
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  left: 1.05rem;
  bottom: 0.625rem;
  background: url(../img/vide.png) no-repeat center;
  background-size: 100%;
}
.library-details-top .details-right .images:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.library-details-top .details-right .images img {
  width: 100%;
  transition: .5s ease-in-out;
}

.library-details-bottom .library-right-list .items .words {
  height: 101%;
}

.library-details-bottom {
  padding-top: 2.375rem;
  padding-bottom: 4.5rem;
}

.library-right-listtext {
  color: #ffffff;
  text-align: center;
}
.library-right-listtext .spans {
  cursor: pointer;
}

.library-details-bottom .library-right-list .items {
  margin-bottom: 0;
  display: block;
}

.library-details-bottom .buts .swiper-button-prev, .library-details-bottom .buts .swiper-button-next {
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  right: auto;
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
}
.library-details-bottom .buts .svgbox {
  transition: .5s ease-in-out;
  cursor: pointer;
}
.library-details-bottom .buts .svgbox:hover {
  transition: .5s ease-in-out;
}
.library-details-bottom .buts .anniu-prev {
  background: url(../img/pr0.png) no-repeat center;
  background-size: 100%;
}
.library-details-bottom .buts .anniu-prev:hover {
  background: url(../img/pr.png) no-repeat center;
  background-size: 100%;
}
.library-details-bottom .buts .anniu-next {
  background: url(../img/ne0.png) no-repeat center;
  background-size: 100%;
  margin-left: 10px;
}
.library-details-bottom .buts .anniu-next:hover {
  background: url(../img/ne.png) no-repeat center;
  background-size: 100%;
}
.library-details-bottom .library-right-list .items {
  width: 100%;
}

.library-details-textswiper {
  padding-top: 30px;
  margin-top: 2.125rem;
  overflow: hidden;
}

.library-right-list {
  margin-top: 1.25rem;
  position: relative;
  /*height: (450rem/40);*/
}
.library-right-list.cur {
  height: auto;
}
.library-right-list .buts {
  position: absolute;
  top: -2.375rem;
  right: 0;
}

.library-right-listtext .buts .swiper-button-prev {
  left: 0;
  background: url(../img/i4.png) no-repeat center;
  background-size: 100%;
}
.library-right-listtext .buts .swiper-button-prev:hover {
  background: url(../img/i5.png) no-repeat center;
  background-size: 100%;
}
.library-right-listtext .buts .swiper-button-next {
  right: 0;
  background: url(../img/i7.png) no-repeat center;
  background-size: 100%;
}
.library-right-listtext .buts .swiper-button-next:hover {
  background: url(../img/i6.png) no-repeat center;
  background-size: 100%;
}
.library-right-listtext .buts .swiper-button-prev, .library-right-listtext .buts .swiper-button-next {
  position: absolute;
  width: 15px;
  height: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.library-details-bottom .library-right-listtext {
  background: url(../img/i8.png) repeat no-repeat left center;
  position: relative;
  line-height: 26px;
}
.library-details-bottom .library-right-listtext .swiper-container {
  overflow: visible;
  height: 26px;
}
.library-details-bottom .library-right-listtext .swiper-wrapper {
  overflow: visible;
}
.library-details-bottom .library-right-listtext .swiper-slide {
  height: 100%;
}
.library-details-bottom .library-right-listtext .spans {
  position: relative;
  height: 100%;
}
.library-details-bottom .library-right-listtext .spans:hover:after, .library-details-bottom .library-right-listtext .spans.active:after {
  background: #c9a063;
  transition: .5s ease-in-out;
}
.library-details-bottom .library-right-listtext .spans:hover span, .library-details-bottom .library-right-listtext .spans.active span {
  color: #c9a063;
  transition: .5s ease-in-out;
}
.library-details-bottom .library-right-listtext .spans span {
  position: absolute;
  top: -30px;
  font-size: .35rem;
  left: 0;
  right: 0;
  margin: auto;
  line-height: 1;
  transition: .5s ease-in-out;
}
.library-details-bottom .library-right-listtext .spans:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 50%;
  background: #ffffff;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  transition: .5s ease-in-out;
}

.news-title {
  font-size: 0;
}
.news-title .ibox, .news-title .commen-tit {
  display: inline-block;
  vertical-align: top;
}
.news-title .commen-tit {
  margin-right: 1.75rem;
}
.news-title .ibox {
  font-size: 0;
}
.news-title .inputbox {
  width: 8rem;
  position: relative;
  height: 1.46rem;
  border-radius: 1.46rem;
  border: 1px solid #c9a063;
  color: #c9a063;
}
.news-title .inputbox input[type=submit] {
  width: 0.625rem;
  height: 0.625rem;
  background: url(../img/i10.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: .75rem;
  top: 0;
  bottom: 0;
  margin: auto;
  text-indent: -999px;
}
.news-title .inputbox input[type=text] {
  height: 100%;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1.375rem;
}
.news-title .i {
  display: inline-block;
  vertical-align: top;
  color: #c9a063;
  border: 1px solid rgba(198, 157, 97, 0.3);
  width: 3.9rem;
  height: 1.46rem;
  line-height: 1.46rem;
  border-radius: 1.46rem;
  text-align: center;
  font-size: 0.475rem;
  transition: .5s ease-in-out;
}
.news-title .i:nth-child(1) {
  margin-right: .3rem;
}
.news-title .i:hover, .news-title .i.active {
  transition: .5s ease-in-out;
  border-color: #c9a063;
}
.news-title .tit, .news-title .input {
  font-size: 0.475rem;
}

.news-list .list {
  position: relative;
  margin-top: 1.75rem;
}
.news-list .list img {
  width: 100%;
  transition: .5s ease-in-out;
}
.news-list .list .img {
  overflow: hidden;
}
.news-list .list .items {
  width: 30%;
  padding-bottom: 1.5rem;
}
.news-list .list .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.news-list .list .items .li {
  width: 87%;
  margin: 0 auto;
  display: block;
}
.news-list .list .items .morebox {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 1.35rem;
  height: 1.35rem;
  padding-left: .55rem;
  padding-right: 1.05rem;
  position: relative;
}
.news-list .list .items .morebox:before {
  position: absolute;
  content: "";
  width: 8px;
  height: 13px;
  right: .8rem;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/i11.png) no-repeat center;
  background-size: 100%;
}
.news-list .list .items .words {
  color: #ffffff;
  background: #c9a063;
  padding-top: .5rem;
  /*padding-top: .8rem;*/
}
.news-list .list .items .tit {
  font-size: .5rem;
  line-height: .75rem;
  height: 1.5rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  padding: 0 .4rem;
  margin-bottom: 0.5rem;
}
.news-list .list .items .images {
  position: relative;
}
.news-list .list .items .images .time {
  font-size: .35rem;
  color: #ffffff;
  background: #c9a063;
  line-height: 1rem;
  height: 1rem;
  left: 0;
  bottom: 0;
  position: absolute;
  padding-left: .5rem;
  padding-right: .3rem;
}

.mores {
  width: 3.875rem;
  height: 1.25rem;
  line-height: 1.25rem;
  border-radius: 1.25rem;
  color: #c9a063;
  display: block;
  border: 1px solid #c9a063;
  text-align: center;
  transition: .5s ease-in-out;
  font-size: .35rem;
}
.mores:hover {
  color: #ffffff;
  background: #c9a063;
  transition: .5s ease-in-out;
}
.section3-title .list .items .span{
  font-family: SourceHanSerifSC SemiBold;
}

.news-listbox {
  padding-top: 1.375rem;
}

.news-list {
  padding-bottom: 3.55rem;
}
.news-list .list {
  padding-bottom: .6rem;
}

.news-details-con {
  padding-top: 1.4rem;
  padding-bottom: 3.625rem;
}

.news-details-title {
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  padding-right: 4.5rem;
}
.news-details-title .mores {
  position: absolute;
  right: 0;
  top: 0;
}
.news-details-title .titles {
  font-size: .9rem;
  color: #ffffff;
  line-height: 1.5;
}

.news-details-text {
  color: #ffffff;
  padding-top: 0.95rem;
}
.news-details-text a {
  color: #c9a063;
  transition: .5s ease-in-out;
}
.news-details-text a:hover {
  transition: .5s ease-in-out;
  opacity: .8;
}
.news-details-text .news-img {
  font-size: 0;
}
.news-details-text .news-img .i {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  width: 49.5%;
  margin-left: 1%;
}
.news-details-text .news-img .i:nth-child(2n+1) {
  margin-left: 0;
}

.news-details-bottom {
  padding-top: 1.125rem;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  margin-top: 1.625rem;
}
.news-details-bottom a {
  display: block;
  color: #ffffff;
  line-height: .9rem;
  font-size: .4rem;
  height: .9rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.about-box {
  padding-top: 1.5rem;
  padding-bottom: 3rem;
}
.about-box .abouts-left {
  width: 18%;
}
.about-box .abouts-right {
  width: 82%;
}

.abouts-left .numlist {
  margin-top: 2.125rem;
}
.abouts-left .numlist .num {
  padding-left: .6rem;
  position: relative;
  font-size: .4rem;
}
.abouts-left .numlist .num span {
  font-size: 1.2rem;
}
.abouts-left .numlist .num:nth-child(n+2) {
  margin-top: 1.5rem;
}
.abouts-left .numlist .num:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 3px;
  background: #c9a063;
  left: 0;
  top: 0;
}

.con-tit {
  color: #ffffff;
}
.con-tit .cn {
  font-size: 1.1rem;
  line-height: 1.2;
}
.con-tit .en {
  font-size: .5rem;
  margin-top: .5rem;
  margin-bottom: .75rem;
}
.con-tit .line {
  width: 26px;
  height: 2px;
  background: #ffffff;
  margin-bottom: .55rem;
}

.abouts-right .words {
  padding-top: 1.625rem;
  padding-bottom: 3.25rem;
}
.abouts-right .videos.active {
  opacity: 1;
  visibility: visible;
  transition: .6s ease-in-out;
}
.abouts-right video {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #c9a063;
  outline: none;
  opacity: 0;
  visibility: hidden;
  transition: .6s ease-in-out;
  object-fit:cover;
}
.abouts-right .videos {
  position: relative;
  cursor: pointer;
}
.abouts-right .videos.active video {
  opacity: 1;
  visibility: visible;
}
.abouts-right .videos .img {
  position: relative;
}
.abouts-right .videos .img img {
  width: 100%;
}
.abouts-right .videos .img:after {
  position: absolute;
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/vides.png) no-repeat center;
  background-size: 100%;
}

.abouts-bot {
  margin-top: 3.375rem;
}
.abouts-bot .list {
  font-size: 0;
  border: 1px solid #392b17;
}
.abouts-bot .list .items {
  position: relative;
  display: inline-block;
  font-size: .6rem;
  vertical-align: top;
  width: 16.66%;
}
.abouts-bot .list .items:after {
  position: absolute;
  content: "";
  width: 100%;
  height: .2rem;
  background: #c9a063;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: .5s ease-in-out;
}



.abouts-bot .list .items.active:after {
  transition: .5s ease-in-out;
  opacity: 1;
}
.abouts-bot .list .items.active .top:before {
  opacity: 0;
  transition: .5s ease-in-out;
}
.abouts-bot .list .items.active .spans {
  padding-bottom: 2.375rem;
  transition: .5s ease-in-out;
  color: #ffffff;
}
.abouts-bot .list .items.active .spans .i {
  transition: .5s ease-in-out;
  color: #ffffff;
}
.abouts-bot .list .items.active .spans .span {
  transition: .5s ease-in-out;
  opacity: 1;
  transition-delay: .3s;
}



.abouts-bot .list .items:hover:after {
  transition: .5s ease-in-out;
  opacity: 1;
}
.abouts-bot .list .items:hover .top:before {
  opacity: 0;
  transition: .5s ease-in-out;
}
.abouts-bot .list .items:hover .spans {
  padding-bottom: 2.375rem;
  transition: .5s ease-in-out;
  color: #ffffff;
}
.abouts-bot .list .items:hover .spans .i {
  transition: .5s ease-in-out;
  color: #ffffff;
}
.abouts-bot .list .items:hover .spans .span {
  transition: .5s ease-in-out;
  opacity: 1;
  transition-delay: .3s;
}
.abouts-bot .list .items:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.05);
  height: 100%;
  width: 1px;
}
.abouts-bot .list .top {
  position: relative;
}
.abouts-bot .list .top:before {
  background: rgba(200, 161, 100, 0.96);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 3;
  transition: .5s ease-in-out;
}
.abouts-bot .list .top .spans {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #111111;
  z-index: 4;
  transition: .5s ease-in-out;
  font-family: "思源宋体";
  font-weight: bold;
}
.abouts-bot .list .top .spans .span {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  transition: .5s ease-in-out;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
}
.abouts-bot .list .top .img {
  position: relative;
  transition: .5s ease-in-out;
}
.abouts-bot .list .top .img:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
}

.linebox .linelist {
  position: relative;
}
.linebox .linelist:before {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  background: #140c01;
  left: 0;
  bottom: 0;
}

.contacts-bot {
  height: 16px;
  background: url(../img/i19.png) no-repeat center;
  background-size: 100%;
}

.contacts-box .contacts-list {
  padding-bottom: .75rem;
}
.contacts-box .contacts-list .contacts-bot {
  margin-top: 3.375rem;
}

.contacts-swiper {
  position: relative;
}
.contacts-swiper .swiper-button-prev, .contacts-swiper .swiper-button-next {
  width: .75rem;
  height: 1.25rem;
  margin: 0;
  transition: .5s ease-in-out;
}
.contacts-swiper .swiper-button-prev:hover, .contacts-swiper .swiper-button-next:hover {
  transition: .5s ease-in-out;
}
.contacts-swiper .swiper-button-prev {
  left: 0;
  background: url(../img/k0.png) no-repeat center;
  background-size: 100%;
}
.contacts-swiper .swiper-button-prev:hover {
  background: url(../img/k1.png) no-repeat center;
  background-size: 100%;
}
.contacts-swiper .swiper-button-next {
  right: 0;
  background: url(../img/k3.png) no-repeat center;
  background-size: 100%;
}
.contacts-swiper .swiper-button-next:hover {
  background: url(../img/k2.png) no-repeat center;
  background-size: 100%;
}

.contacts-box {
  padding-top: 2.75rem;
  padding-bottom: 3.375rem;
}

.addmore {
  display: block;
  width: 3.5rem;
  height: 1.25rem;
  line-height: 1.25rem;
  text-align: center;
  font-size: .4rem;
  background: #c9a063;
  color: #222222;
  border-radius: 1.25rem;
  transition: .5s ease-in-out;
}
.addmore:hover {
  color: #222222;
  opacity: .8;
  transition: .5s ease-in-out;
}

.contacts-list {
  position: relative;
}
.contacts-list .swiper-container, .contacts-list .swiper-wrapper {
  position: static;
}
.contacts-list .items {
  border: 5px solid rgba(201, 160, 99, 0.2);
  padding: 1.75rem 1rem;
  font-size: 0.425rem;
  line-height: .75rem;
  color: #ffffff;
}
.contacts-list .items .addmore {
  margin-top: 1rem;
}
.contacts-list .items .tit {
  font-size: .75rem;
  line-height: 1.1;
}
.contacts-list .items .line {
  border: 1px dotted rgba(255, 255, 255, 0.15);
  margin: .75rem 0;
}
.contacts-list .items .li {
  padding-left: 0.65rem;
  position: relative;
}
.contacts-list .items .li:nth-child(n+2) {
  margin-top: 0.35rem;
}
.contacts-list .items .li img {
  position: absolute;
  width: .5rem;
  height: .5rem;
  left: 0;
  top: .125rem;
}

.join-box {
  padding-top: 1.4rem;
  padding-bottom: 3rem;
}
.join-box .join-list {
  padding-bottom: .75rem;
}
.join-box .items {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.join-box .items:nth-child(n+2) {
  margin-top: 3px;
}
.join-box .items:nth-child(1) {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.join-box .joinform-list {
  margin-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.join-box .joinform-list .items-top {
  height: 2rem;
  line-height: 2rem;
  color: #ffffff;
  font-size: 0;
  padding-left: 1.625rem;
  cursor: pointer;
  position: relative;
  padding-right: 2rem;
  transition: .5s ease-in-out;
}
.join-box .joinform-list .items-top:hover, .join-box .joinform-list .items-top.active {
  color: #222;
  background: #c9a063;
  transition: .5s ease-in-out;
}
.join-box .joinform-list .items-top:hover:before, .join-box .joinform-list .items-top.active:before {
  background: url(../img/b4.png) no-repeat center;
  background-size: 100%;
  transition: .5s ease-in-out;
}
.joinform-list .items-top.active{
  font-weight: bold;
}
 .join-box .joinform-list .items-top.active:before{
  transform:rotate(180deg);
 }
.join-box .joinform-list .items-top:before {
  position: absolute;
  content: "";
  width: 0.65rem;
  height: .4rem;
  background: url(../img/b3.png) no-repeat center;
  background-size: 100%;
  right: 1.35rem;
  top: 0;
  bottom: 0;
  margin: auto;
}
.join-box .joinform-list .items-top .tit, .join-box .joinform-list .items-top .txt {
  display: inline-block;
  vertical-align: middle;
}
.join-box .joinform-list .items-top .tit {
  font-size: 0.375rem;
  /*margin-right: 4.5rem;*/
  width: 10rem;
}
.join-box .joinform-list .items-top .txt .i {
  display: inline-block;
  font-size: 0.375rem;
  vertical-align: middle;
  /*margin: 0 1.125rem;*/
}
.join-box .joinform-list .items-top .txt .i:nth-child(1){
  width: 4rem;
}
.join-box .joinform-list .items-top .txt .i:nth-child(2){
  width: 5rem;
}

.join-box .joinform-list .items-bot {
  padding-bottom: .6rem;
  display: none;
}
.join-box .joinform-list .items-bot .box {
  background: #ffffff;
  padding: 0.8rem 1.75rem 0.6rem 1.625rem;
}
.join-box .joinform-list .items-bot .tit {
  line-height: 1;
  font-size: .5rem;
  color: #222222;
  margin-bottom: .4rem;
}
.join-box .joinform-list .items-bot .text {
  line-height: 1.625;
  font-size: .4rem;
}
.join-box .joinform-list .items-bot .text .i {
  padding: .25rem 0;
  border-bottom: 1px dashed #c4c4c4;
}
.join-box .joinform-list .items-bot .text .i:last-child {
  border-bottom: none;
}
.join-box .joinform-list .items-bot .text .i .iright {
  max-width: 25px;
}
.join-box .joinform-list .items-bot .text .i .ileft {
  width: calc(100% - 30px);
}

.zhaopin {
  text-align: center;
}
.zhaopin .spans {
  display: inline-block;
  vertical-align: top;
  line-height: 1.2rem;
  height: 1.2rem;
  font-size: .45rem;
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.events-box {
  position: relative;
  margin-top: 1.45rem;
  padding-bottom: 3.95rem;
}
.events-box .commen-tit {
  position: absolute;
  left: 0;
  top: 0;
}

.events-tit {
  color: #c9a063;
  text-align: center;
  font-size: .75rem;
  line-height: 1.2;
  padding-bottom: .75rem;
}

.eventslist .mores {
  margin: 0 auto;
  cursor: pointer;
}
.eventslist .list {
  padding-top: 2.25rem;
  position: relative;
  padding-bottom: 2.75rem;
  background: url(../img/k4.png) no-repeat repeat top center;
}
.eventslist .list .items {
  min-height: 2.5rem;
  padding-bottom: 1.5rem;
}
.eventslist .list .items .items-left {
  padding-top: 2.5rem;
}
.eventslist .list:after {
  width: .25rem;
  height: .25rem;
  border-radius: 50%;
  left: 0;
  right: 0;
  top: -.125rem;
  content: "";
  position: absolute;
  background: #c9a063;
  margin: auto;
}
.eventslist .list .words {
  width: 50%;
  font-size: 0.375rem;
  color: rgba(255, 255, 255, 0.7);
}
.eventslist .list .words .wen {
  line-height: 1rem;
  margin-top: .2rem;
}
.eventslist .list .words .time {
  position: relative;
  font-size: .75rem;
  line-height: 1;
  color: #c9a063;
}
.eventslist .list .words .time:after {
  position: absolute;
  content: "";
  background: #c9a063;
  width: .5rem;
  height: 2px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.eventslist .list .items-left {
  text-align: right;
}
.eventslist .list .items-left .time, .eventslist .list .items-left .wen {
  padding-right: .9rem;
}
.eventslist .list .items-left .time:after {
  right: 0;
}
.eventslist .list .items-right .time, .eventslist .list .items-right .wen {
  padding-left: .9rem;
}
.eventslist .list .items-right .time:after {
  left: 0;
}

.culture .library-details-bottom {
  padding: 0 !important;
}
.culture .library-details-textswiper {
  margin-top: 1.5rem;
}

.culture .culture-fl {
  width: 6.75rem;
}
.culture .culture-fr,
.culture .culturevideobox {
  width: calc(100% - 6.75rem);
}

.culture-video {
  position: relative;
}
.culture-video .cvideosbox {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.culturevideobox {
  position: relative;
}
.culturevideobox img {
  display: block;
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.culturevideobox.cur img {
  opacity: 0;
  visibility: hidden;
}
.culturevideobox.cur video {
  opacity: 1;
  visibility: visible;
}
.culturevideobox video {
  position: absolute;
  width: 100%;
  height: 100%;
  outline: none;
  left: 0;
  top: 0;
  background: transparent;
  opacity: 0;
  visibility: hidden;
}

.culture {
  padding-top: 1.45rem;
  padding-bottom: 5.625rem;
}
.culture .culture-bot {
  padding-top: 1.875rem;
}
.culture .culture-top {
  position: relative;
  padding-bottom: 1.875rem;
}
.culture .culture-top .commen-tit {
  position: absolute;
  left: 0;
  top: 0;
}
.culture .culture-fl {
  position: relative;
  z-index: 1;
}
.culture .culture-fl .txt {
  padding-bottom: 5px;
  position: relative;
}
.culture .culture-fl .txt:after {
  position: absolute;
  width: calc(100% + 1.25rem);
  height: 2px;
  background: #c9a063;
  content: "";
  bottom: 0;
  left: 0;
}
.culture .culture-fl .text {
  margin-top: 6.5rem;
}
.culture .culture-fl .text .beba {
  font-size: 1.25rem;
}
.culture .culture-fl .text .sy {
  font-size: .55rem;
}
.culture .culture-fl .text .spans {
  width: 1.25rem;
  height: 1.25rem;
  background: url(../img/vides2.png) no-repeat center;
  background-size: 100%;
  margin-top: .5rem;
  cursor: pointer;
}
.culture .culture-fl .text .beba, .culture .culture-fl .text .sy {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.2;
  color: #c9a063;
}

.culture .culbot-cen {
  font-size: .5rem;
  color: #ffffff;
}
.culture .culbot-cen .li {
  position: relative;
  padding-left: 1.25rem;
  cursor: pointer;
  line-height: 1;
}
.culture .culbot-cen .li:nth-child(2) {
  margin-top: 1rem;
}
.culture .culbot-cen .li:hover, .culture .culbot-cen .li.active {
  transition: .5s ease-in-out;
  color: #c9a063;
}
.culture .culbot-cen .li:hover:after, .culture .culbot-cen .li.active:after {
  transition: .5s ease-in-out;
  background: #c9a063;
}
.culture .culbot-cen .li:after {
  position: absolute;
  content: "";
  width: 1.05rem;
  height: 2px;
  background: #ffffff;
  left: 0;
  top: 0;
  transition: .5s ease-in-out;
  bottom: 0;
  margin: auto;
}
.culture .culture-bot .culbot-cen {
  margin-top: 2.375rem;
}
.culture .culture-bot .culbot-buts {
  margin-top: 6.5rem;
}
.culture .culture-bot .swiper-slide {
  width: 70%;
  margin-right: 12px;
}
.culture .culture-bot .culture-fr {
  position: relative;
}
.culture .culture-bot .prevanniu {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: calc(30% - 12px);
  z-index: 3;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.2);
}
.culture .culture-bot .prevanniu .spans {
  padding-right: .6rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: .6rem;
  color: #ffffff;
}
.culture .culture-bot .prevanniu .spans:after {
  content: "";
  width: 0.375rem;
  height: 0.625rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../img/n.png) no-repeat center;
  background-size: 100%;
  margin: auto;
}

.culturebotswiper .swiper-button-prev, .culturebotswiper .swiper-button-next, .culturebotswiper .swiper-pagination {
  position: static;
  margin: 0;
  display: inline-block;
  width: auto;
  font-size: 0.65rem;
  color: #ffffff;
  line-height: 1rem;
  vertical-align: middle;
}
.culturebotswiper .swiper-pagination {
  width: 2.25rem;
  text-align: center;
}
.culturebotswiper .swiper-pagination span {
  display: inline-block;
  vertical-align: middle;
}
.culturebotswiper .swiper-button-prev, .culturebotswiper .swiper-button-next {
  width: 1rem;
  height: 1rem;
  border: 2px solid rgba(255, 255, 255, 0.1);
  transition: .5s ease-in-out;
}
.culturebotswiper .swiper-button-prev:hover, .culturebotswiper .swiper-button-next:hover {
  transition: .5s ease-in-out;
}
.culturebotswiper .swiper-button-prev {
  background: url(../img/pr0.png) no-repeat center;
  background-size: 100%;
}
.culturebotswiper .swiper-button-prev:hover {
  background: url(../img/pr.png) no-repeat center;
  background-size: 100%;
}
.culturebotswiper .swiper-button-next {
  background: url(../img/ne0.png) no-repeat center;
  background-size: 100%;
}
.culturebotswiper .swiper-button-next:hover {
  background: url(../img/ne.png) no-repeat center;
  background-size: 100%;
}

.vide-text {
  padding-left: 2.25rem;
  position: relative;
  line-height: 1.75rem;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.vide-text .i {
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}
.vide-text:after {
  position: absolute;
  content: "";
  width: 1.875rem;
  height: 1.75rem;
  background: url(../img/vides3.png) #c9a063 no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
}

.teams {
  color: rgba(255, 255, 255, 0.5);
  padding-top: 1.425rem;
  padding-bottom: 5.125rem;
}
.teams .items {
  padding: 2.5rem 0;
}
.teams .items:nth-child(n+2) {
  border-top: 1px solid rgba(200, 161, 100, 0.13);
}
.teams .items:nth-child(1) {
  padding-top: .8rem;
}
.teams .items .num {
  font-size: 1.2rem;
}
.teams .words.fr {
  padding-left: 1.375rem;
}
.teams .words.fl {
  padding-right: 1.375rem;
}
.teams .images {
  font-size: 0;
  position: relative;
  width: 46%;
}
.teams .images img {
  width: 100%;
}
.teams .images.fl .numbox {
  position: absolute;
  left: 0;
}
.teams .images.fr .numbox {
  position: absolute;
  right: 0;
  width: auto;
}
.teams .words {
  width: 54%;
  position: relative;
  padding-top: 1rem;
  color: rgba(255, 255, 255, 0.5);
}
.teams .words .wen {
  line-height: .8rem;
}
.teams .words .spans {
  position: relative;
  margin-bottom: 1rem;
}
.teams .words .spans .span {
  font-size: 1.5rem;
  line-height: 1;
  color: #ffffff;
  margin-right: .55rem;
}
.teams .words .spans .p {
  line-height: .75rem;
}
.teams .words .tit {
  font-size: .75rem;
  color: #ffffff;
  line-height: 1.5;
}
.teams .words .line {
  height: 3px;
  width: .75rem;
  background: #f5f5f5;
  margin: 1rem 0;
}
.teams .numbox {
  width: 6.9rem;
  display: inline-block;
  font-size: .4rem;
  color: #ffffff;
  line-height: 1;
  bottom: .8rem;
}
.teams .numbox .vide-text {
  margin-top: 2.2rem;
}
.teams .numbox .num {
  margin-bottom: .5rem;
}
.teams .numbox .li:nth-child(1) {
  margin-bottom: 1.625rem;
}
.teams .img {
  display: inline-block;
  width: calc(100% - 6.9rem);
}

.product-con {
  padding-top: 1.375rem;
  padding-bottom: 6rem;
}
.product-con .product-titles {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.product-titles .items {
  border: 2px solid rgba(198, 157, 96, 0.2);
  transition: .5s ease-in-out;
  height: 3rem;
  line-height: 3rem;
  font-size: .6rem;
  color: #c8a062;
  padding: 0 .75rem;
  cursor: pointer;
  display: block;
}
.product-titles .items:hover, .product-titles .items.active {
  border: 2px solid #c69d60;
  transition: .5s ease-in-out;
}

.productsbox .product-top {
  position: relative;
}
.productsbox .product-top .images {
  width: 86%;
  position: relative;
}
.productsbox .product-top .images .hbox {
  /*height: 100%;*/
  /*overflow-y: auto;*/
}
.productsbox .product-top .images .words {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(150, 120, 74, 0.95);
  color: #ffffff;
  font-size: 0.375rem;
  padding: 2rem 3rem 1.875rem 2.125rem;
  /*padding: 2.5rem 3rem 1.875rem 2.125rem;*/
  padding-bottom: 3.25rem;
}
.productsbox .product-top .images img {
  width: 100%;
}
.productsbox .product-top .svg {
  background: url(../img/n8.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  position: absolute;
  left: 2.125rem;
  bottom: 1.875rem;
}
.productsbox .product-top .svg .svg.cur {
  stroke: rgba(255, 255, 255, 0.2);
}
.productsbox .product-top .tit {
  font-size: .75rem;
  line-height: 1.2;
}
.productsbox .product-top .line {
  width: .75rem;
  height: 3px;
  background: #ffffff;
  margin-top: .85rem;
  margin-bottom: .55rem;
}
.productsbox .product-top .wen {
  line-height: .75rem;
}
.productsbox .product-top .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 14%;
}
.productsbox .product-top .text img {
  width: 100%;
}
.productsbox .product-top .images-top {
  position: relative;
}
.productsbox .product-top .words-bots {
  padding-top: 2.5rem;
  font-size: 0.45rem;
  color: rgba(255, 255, 255, 0.5);
}
.productsbox .product-top .words-bots a {
  color: rgba(255, 255, 255, 0.5);
  transition: .4s ease-in-out;
}
.productsbox .product-top .words-bots a:hover {
  color: #c9a063;
  text-decoration: underline;
}
.productsbox .product-top .words-bots .items:nth-child(n+2) {
  margin-top: 2rem;
}
.productsbox .product-top .words-bots .items .txt {
  width: 20%;
  font-size: .6rem;
  color: #c9a063;
  line-height: .75rem;
  padding-bottom: 1.05rem;
  border-bottom: 2px solid #c9a063;
}
.productsbox .product-top .words-bots .items .wens {
  width: 68%;
  padding-right: 1.125rem;
}
.productsbox .product-top .words-bots .items .tit0 {
  margin-bottom: .7rem;
  color: #ffffff;
}

.productsbox .product-top .words-bots.on .items .txt {
  padding-bottom: 0 !important;
  border-bottom: none;
}

.productsbox .product-top .words-bots.on .items {
  padding-bottom: 0.95rem;
  border-bottom: 1px dashed rgba(169, 135, 82, 0.2);
}

.productsbox .product-top .words-bots.on .items:nth-child(n+2) {
  margin-top: 1.2rem;
}

.productsbox .product-top .words-bots.on .items:last-child {
  border-bottom: none;
}

.productsbox .product-top.on {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(200, 127, 0, 0.1);
}

.marketing {
  padding-top: 3.125rem;
}

.marketing-tit {
  font-size: .9rem;
  color: #ffffff;
  line-height: 1.2;
}

.marketing-list {
  font-size: 0;
  margin-top: 1.25rem;
}
.marketing-list .items {
  display: inline-block;
  vertical-align: top;
  font-size: 0.375rem;
  width: 24.5%;
  margin-right: 0.6666666667%;
  border: 1px solid rgba(200, 127, 0, 0.5);
  height: 12.75rem;
  padding: 1.625rem 1rem;
  background: #20180d;
  color: rgba(255, 255, 255, 0.5);
  transition: .5s ease-in-out;
}
.marketing-list .items:hover {
  background: #c8a062;
  color: #222222;
  transition: .5s ease-in-out;
}
.marketing-list .items:hover .line {
  background: #222222;
  transition: .5s ease-in-out;
}
.marketing-list .items:hover .tit {
  color: #222222;
  transition: .5s ease-in-out;
}
.marketing-list .items:last-child {
  margin-left: 0;
}
.marketing-list .items .tit {
  font-size: .5rem;
  color: #ffffff;
  line-height: .9rem;
  transition: .5s ease-in-out;
}
.marketing-list .items .line {
  width: .6rem;
  height: 2px;
  background: #ffffff;
  margin-top: .6rem;
  margin-bottom: .5rem;
  transition: .5s ease-in-out;
}
.marketing-list .items .wen {
  line-height: 0.85rem;
}

.managementtit {
  font-size: .9rem;
  padding-bottom: .6rem;
  display: inline-block;
  vertical-align: top;
  color: #c9a063;
  border-bottom: 2px solid #c9a063;
}

.management-items1 .managementtit {
  float: left;
}
.management-items1 .txt {
  float: right;
  width: 75%;
  font-size: .4rem;
  color: rgba(255, 255, 255, 0.99);
  line-height: 0.85rem;
}

.management-items2 {
  margin-top: 2.5rem;
}
.management-items2 .managementtit {
  margin-bottom: 0.875rem;
}
.management-items2 .list .li {
  font-size: 0;
  line-height: 1.6;
  padding: .5rem 0;
  border-bottom: 1px solid rgba(200, 160, 98, 0.2);
}
.management-items2 .list .li:nth-child(1) {
  border-top: 1px solid rgba(200, 160, 98, 0.2);
}
.management-items2 .list .li .i {
  font-size: .45rem;
  width: 33.33%;
  display: inline-block;
  vertical-align: middle;
  color: rgba(255, 255, 255, 0.99);
  transition: .5s ease-in-out;
}
.management-items2 .list .li .i:hover {
  transition: .5s ease-in-out;
  color: #c79e60;
}

.management-map {
  margin-top: 1.5rem;
}

.artist .library-details-bottom {
  padding: 0 !important;
}

.artist-list {
  margin-top: 1.25rem;
}
.artist-list .items {
  transition: .5s ease-in-out;
  cursor: pointer;
}
.artist-list .items .img {
  overflow: hidden;
}
.artist-list .items img {
  transition: .5s ease-in-out;
}
.artist-list .items:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.artist-list .spans {
  line-height: 1;
  font-size: .6rem;
  margin-top: .75rem;
  color: #ffffff;
}

body.on, html.on {
  overflow: hidden;
}

.boxfr {
  width: 80%;
}

.investment-fixed .library-details-bottom .buts .anniu-next:hover {
  background: url(../img/ne0.png) no-repeat center;
  background-size: 100%;
}

.investment-fixed .library-details-bottom .buts .anniu-prev:hover {
  background: url(../img/pr0.png) no-repeat center;
  background-size: 100%;
}

.investment-fixed .library-details-bottom {
  margin-top: 2.75rem;
}

.investment-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
}
.investment-fixed .library-details-bottom {
  padding: 0 !important;
}
.investment-fixed .investment-tankuang {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #c59d61;
}
.investment-fixed .itbox {
  position: relative;
}
.investment-fixed .close {
  cursor: pointer;
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  right: 0;
  top: 0;
  background: url(../img/close.png) no-repeat center;
  background-size: 100%;
  z-index: 5;
}
.investment-fixed .items {
  padding: 2.25rem 2.375rem 1.625rem 5rem;
}
.investment-fixed .items .images {
  width: 20%;
}
.investment-fixed .items .words {
  padding: 1.5rem;
  padding-left: 2rem;
}
.investment-fixed .items .words .tit {
  font-size: 1.2rem;
  line-height: 1;
}
.investment-fixed .items .words .line {
  height: 2px;
  width: .5rem;
  background: #222222;
  margin-top: .75rem;
  margin-bottom: .75rem;
}
.investment-fixed .items .words .wen {
  font-size: .4rem;
  line-height: 1.6;
  color: #222222;
}

.issue-tit {
  font-size: 0;
}
.issue-tit .items {
  font-size: .9rem;
  color: rgba(200, 160, 98, 0.5);
  display: inline-block;
  line-height: 1.2;
  padding-bottom: .5rem;
  position: relative;
  transition: .5s ease-in-out;
}
.issue-tit .items:hover, .issue-tit .items.active {
  transition: .5s ease-in-out;
  color: #c69e61;
}
.issue-tit .items:hover:after, .issue-tit .items.active:after {
  opacity: 1;
  transition: .5s ease-in-out;
}
.issue-tit .items:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: #c69e61;
  opacity: 0;
  transition: .5s ease-in-out;
}
.issue-tit .items:nth-child(n+2) {
  margin-left: 3.15rem;
}

.issue-box {
  padding-top: 2.75rem;
}

.issue-txt {
  font-size: 0;
  margin-top: 1.25rem;
  padding-bottom: 0.375rem;
}
.issue-txt .items {
  display: inline-block;
  vertical-align: top;
  font-size: .4rem;
  line-height: .8rem;
  color: #222222;
  width: 33%;
  margin-left: .5%;
  line-height: 10rem;
  height: 10rem;
  border: 1px solid rgba(200, 160, 98, 0.5);
  cursor: pointer;
  position: relative;
}
.issue-txt .items:before {
  position: absolute;
  width: 1rem;
  height: 0.375rem;
  background: url(../img/n11.png) no-repeat center;
  background-size: 100%;
  content: "";
  left: 0;
  right: 0;
  bottom: -0.375rem;
  margin: auto;
  opacity: 0;
  transition: .5s ease-in-out;
}
.issue-txt .items:hover:before, .issue-txt .items.active:before {
  opacity: 1;
  transition: .5s ease-in-out;
}
.issue-txt .items:hover .items-bot, .issue-txt .items.active .items-bot {
  transition: .5s ease-in-out;
  opacity: 1;
}
.issue-txt .items .items-bot {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #c8a062;
  line-height: 1;
}
.issue-txt .items:nth-child(3n+1) {
  margin-left: 0;
}
.issue-txt .items .items-bot {
  opacity: 0;
  transition: .5s ease-in-out;
  padding: 1.625rem 1.25rem 1.375rem 1.2rem;
}
.issue-txt .items .items-bot .tit {
  line-height: 1;
  font-size: .9rem;
  text-align: center;
}
.issue-txt .items .items-bot .line {
  width: 1rem;
  height: 1px;
  margin: 0 auto;
  margin-top: .75rem;
  margin-bottom: .55rem;
  background: #5c5c5c;
}
.issue-txt .items .items-bot .wen {
  line-height: .8rem;
}
.issue-txt .items .items-top {
  text-align: center;
  overflow-y: auto;
}
.issue-txt .items .items-top .imgboxs {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}
.issue-txt .items .items-top .span {
  color: #ffffff;
  font-size: .9rem;
  margin-top: 1.2rem;
}

.issue-list {
  margin-top: 2.625rem;
}
.issue-list .images {
  border: 3px solid #c8a062;
  overflow: hidden;
}
.issue-list .images:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.issue-list .images img {
  transition: .5s ease-in-out;
}
.issue-list .words {
  padding-top: 1.375rem;
  padding-bottom: 1rem;
}
.issue-list .words .tit {
  font-size: .75rem;
  line-height: 1.5;
  color: #ffffff;
}
.issue-list .words .line {
  width: .55rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  margin-top: .7rem;
  margin-bottom: .5rem;
}
.issue-list .words .p {
  line-height: .9rem;
}
.issue-list .words.fr {
  padding-right: .2rem;
  padding-left: 1.5rem;
  /*padding-left: 1.875rem;*/
}
.issue-list .words.fl {
  padding-left: .2rem;
  padding-right: 1.5rem;
}
.issue-list .images, .issue-list .words {
  width: 50%;
  font-size: .4rem;
  color: rgba(255, 255, 255, 0.5);
}
.issue-list .items {
  position: relative;
}
.issue-list .items:before {
  position: absolute;
  content: "";
  width: 1.7rem;
  height: 3px;
  background: #c8a062;
  left: 0;
  right: 0;
  top: 1.7rem;
  margin: auto;
  z-index: 5;
}
.issue-list .items:nth-child(n+2) {
  margin-top: 1.5rem;
  /*margin-top: 1.75rem;*/
}

.television-box {
  padding-top: 1.5rem;
}
.television-box .top {
  font-size: 1.2rem;
  line-height: 1.2;
  padding-top: .8rem;
  padding-bottom: 1.25rem;
}
.television-box .images {
  width: 446px;
}
.television-box .li {
  font-size: 0;
  border-top: 1px solid rgba(200, 160, 98, 0.2);
  padding: 1rem 0;
  padding-left: 1.5rem;
  position: relative;
}
.television-box .li .img {
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: .1em;
  top: 0;
  bottom: 0;
  margin: auto;
}
.television-box .li .i0 {
  width: 3.875rem;
}
.television-box .li .i1 {
  width: calc(100% - (155rem/40));
}
.television-box .li:last-child {
  border-bottom: 1px solid rgba(200, 160, 98, 0.2);
}
.television-box .li .i {
  display: inline-block;
  vertical-align: middle;
  font-size: .45rem;
}
.television-box .words {
  width: calc(100% - 446px);
  padding-left: 1.625rem;
  font-size: .45rem;
  color: #ffffff;
}

.overseas-box {
  font-size: .45rem;
  line-height: .9rem;
  color: #ffffff;
  text-align: center;
}
.overseas-box .words {
  padding: 0 2.25rem;
  padding-top: 1.75rem;
  padding-bottom: 2rem;
}
.overseas-box .issue-list {
  margin-top: 0 !important;
}

.welcome-bg {
  width: 100%;
  height: 100%;
}

#section6 {
  height: auto !important;
}

.welcome-body {
  background: url(../img/bg.jpg) no-repeat right top;
  background-size: cover;
}

.section2 {
  position: relative;
}
.section2 .section2-box {
  position: relative;
  z-index: 2;
}
.section2 .section2-bg {
  position: absolute;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}
.section2 .section2-bg:after, .section2 .section2-bg:before {
  position: absolute;
  content: "";
  top: 0;
}
.section2 .section2-bg:before {
  width: 36%;
  height: 100%;
  background: url(../img/j25.jpg) no-repeat right top;
  background-size: cover;
  right: 0;
  top: 0;
}

.section .section-box {
  padding-top: 117px;
  overflow: hidden;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  height: 4px !important;
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  margin: 0 !important;
  background: #8b7047 !important;
}

.section2-box {
  height: 100%;
}
.section2-box .linebox {
  width: 100%;
  overflow: hidden;
}
.section2-box .ybox {
  width: 100%;
  overflow: hidden;
}
.section2-box .commen-tit {
  width: 100%;
}
.section2-box .list {
  white-space: nowrap;
  width: 100%;
  height: 100%;
  padding-bottom: 1.25rem;
  font-size: 0;
}
.section2-box .list .li {
  font-size: 15px;
  width: 4.5rem;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.section2-box .list .li:nth-child(1):after {
  display: none;
}
.section2-box .list .li:after {
  position: absolute;
  content: "";
  width: 1px;
  height: .75rem;
  background: rgba(255, 255, 255, 0.1);
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.section2-box .list .li img {
  display: inline-block;
  vertical-align: middle;
}
.section2-box .words {
  width: 64%;
  padding: .5rem;
  padding-left: 6.25rem;
  padding-top: 1.45rem;
  color: #ffffff;
  height: 100%;
  padding-right: 6.375rem;
}
.section2-box .images {
  height: 100%;
  /*height: calc(100% + 117px);*/
  position: absolute;
  width: 36%;
  right: 0;
  top: 0;
  cursor: pointer;
}
.section2-box .images .imgs {
  position: absolute;
  top: 50%;
  transform: translate(-1.5rem, -50%);
}
.section2-box .images .imgs .i {
  position: relative;
  z-index: 3;
}
.section2-box .images .imgs:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #c69e61;
  z-index: 1;
  margin-left: .5rem;
  margin-top: .75rem;
}
.section2-box .images .imgs:after {
  position: absolute;
  content: "";
  width: 3.5rem;
  height: 3.5rem;
  background: url(../img/n16.png) no-repeat center;
  background-size: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 6;
}
.section2-box .words-left .line {
  width: .4rem;
  height: 2px;
  background: #ffffff;
  margin-top: .6rem;
  margin-bottom: .55rem;
}
.section2-box .words-left .wen {
  line-height: .8rem;
  font-size: 0.375rem;
}
.section2-box .words-left .mores {
  /*margin-top: 2.125rem;*/
  /*margin-bottom: 3.625rem;*/
  margin-top: 1.5rem;
  margin-bottom: 2.5rem;
}

.section4-box {
  width: 100%;
  max-height: 95%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.section4-box .section4-con {
  padding-right: 1.5rem;
}
.section4-box .commen-tit {
  color: #ffffff;
}
.section4-box .section4-top {
  padding-bottom: 1.125rem;
}
.section4-box .list {
  font-size: 0;
}
.section4-box .list .items {
  display: inline-block;
  vertical-align: top;
  font-size: 0.375rem;
  margin-left: 3%;
}
.section4-box .list .items .txt {
  margin-top: .5rem;
  line-height: 1;
}
.section4-box .list .items .txt .i {
  display: inline-block;
  vertical-align: middle;
  padding-right: .5rem;
  position: relative;
  font-size: .35rem;
  color: #c9a063;
  line-height: 1;
}
.section4-box .list .items .txt .i:after {
  position: absolute;
  content: "";
  width: .2rem;
  height: .35rem;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: url(../img/k5.png) no-repeat center;
  background-size: 100%;
}
.section4-box .list .items .words {
  padding-top: 0.45rem;
}
.section4-box .list .items .words .tit {
  line-height: .7rem;
  max-height: 1.4rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.section4-box .list .items a {
  color: #ffffff;
  display: block;
}
.section4-box .list .items img {
  transition: .5s ease-in-out;
}
.section4-box .list .items .li:nth-child(2) {
  margin-top: 1.25rem;
}
.section4-box .list .items .li:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}
.section4-box .list .items .img {
  overflow: hidden;
}
.section4-box .list .words2 {
  border: 2px solid #7b684c;
  padding: .6rem .75rem;
}

.section4-box .list .words2 .txt .i {
  margin-left: .4rem;
  color: rgba(255, 255, 255, 0.2);
}
.section4-box .list .words2 .txt .i:after {
  background: url(../img/k6.png) no-repeat center;
  background-size: 100%;
}
/*.section4-box .list .items1 {
  width: 21.5%;
  margin-left: 0;
}
.section4-box .list .items2 {
  width: 30%;
}
.section4-box .list .items3 {
  width: 21.5%;
}
.section4-box .list .items4 {
  width: 18%;
}*/
.section4-box .list .items{
  width: 23.5%;
  margin-left: 2%;
}
.section4-box .list .items1{
  margin-left: 0;
}

.section5 .swiper-slide {
  /*width: auto;*/
}
.section5 .swiper-container-horizontal > .swiper-scrollbar {
  opacity: 1 !important;
}
.section5 .swiper-container {
  padding-bottom: 2.25rem;
}
.section5 .bus {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.section5 .swiper-button-next, .section5 .swiper-button-prev {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 1.2;
  vertical-align: middle;
  background: transparent;
  color: #ffffff;
  opacity: 1;
  width: auto;
  margin: 0;
  top: auto;
  height: 25px;
  line-height: 25px;
  width: 60px;
  left: auto;
  right: auto;
  transition: .5s ease-in-out;
}
.section5 .swiper-button-next:hover, .section5 .swiper-button-prev:hover {
  color: #333333;
  transition: .5s ease-in-out;
  background: #ffffff;
}
.section5 .swiper-button-next:hover:before, .section5 .swiper-button-prev:hover:before {
  transition: .5s ease-in-out;
}
.section5 .swiper-button-next:before, .section5 .swiper-button-prev:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 6px;
  transition: .5s ease-in-out;
  top: 0;
  bottom: 0;
  margin: auto;
}
.section5 .swiper-button-prev {
  padding-left: 15px;
  padding-right: 8px;
}
.section5 .swiper-button-prev:before {
  left: 6px;
  background: url(../img/n19.png) no-repeat center;
  background-size: 100%;
}
.section5 .swiper-button-prev:hover:before {
  background: url(../img/n20.png) no-repeat center;
  background-size: 100%;
}
.section5 .swiper-button-next {
  padding-left: 8px;
  padding-right: 15px;
}
.section5 .swiper-button-next:before {
  right: 6px;
  background: url(../img/n21.png) no-repeat center;
  background-size: 100%;
}
.section5 .swiper-button-next:hover:before {
  background: url(../img/n22.png) no-repeat center;
  background-size: 100%;
}
.section5 .bus {
  font-size: 0;
}
.section5 .swiper-button-box {
  display: inline-block;
  vertical-align: middle;
  width: 150px;
}
.section5 .swiper-scrollbar {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 150px);
  height: 3px;
  opacity: 1 !important;
  position: relative;
}
.section5 .swiper-scrollbar:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.2);
}
.section5 .swiper-scrollbar .swiper-scrollbar-drag {
  background: #c8a063;
  z-index: 3;
}
.section5 .items {
  display: block;
  position: relative;
}
.section5 .items:hover .words {
  opacity: 1;
  transition: .5s ease-in-out;
}
.section5 .items img {
  width: 100%;
  transition: .5s ease-in-out;
}
.section5 .items .words {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(200, 160, 96, 0.9);
  height: 100%;
  color: #ffffff;
  padding: .8rem;
  /*padding: 1.25rem;*/
  opacity: 0;
  transition: .5s ease-in-out;
  white-space: normal;
  overflow-y:auto;
}
.section5 .items .words .tit {
  font-size: .96rem;
  line-height: 1.2;
}
.section5 .items .words .ibox {
  font-size: .4rem;
  line-height: 1.5;
  /*line-height: 0.85rem;*/
  margin-top: 0.6rem;
}
.section5 .items .words .wmore {
  margin-top: 1.5rem;
  text-align: center;
  width: 3.05rem;
  height: 1.3rem;
  line-height: 1.3rem;
  background: url(../img/n18.png) no-repeat center;
  background-size: 100%;
  font-size: .35rem;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-bottom: 0 !important;
}

.welcome-body #fp-nav ul li:last-child, .welcome-body .fp-slidesNav ul li:last-child {
  display: none !important;
}

.section2-box .list .li {
  overflow: hidden;
}
.section2-box .list .li img {
  transition: .5s ease-in-out;
}
.section2-box .list .li:hover img {
  transition: .5s ease-in-out;
  transform: scale3d(1.05, 1.05, 1);
}

.investment-fixed .close {
  top: 2.25rem;
  right: 2.375rem;
}

.investment-fixed .library-details-bottom .buts {
  width: 80%;
  right: 0;
  bottom: 0;
  position: absolute;
  padding-left: 2rem;
}

.investment-fixed .library-details-bottom {
  margin-top: 0;
}

.overseas-box .issue-list .words {
  text-align: left;
}

.teams-bot {
  overflow: hidden;
}

.teams-botswiper {
  width: 34%;
  margin: 0 auto;
  position: relative;
  margin-top: 1.5rem;
}
.teams-botswiper .library-details-bottom .buts .anniu-prev,
.teams-botswiper .library-details-bottom .buts .anniu-next {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.teams-botswiper .library-details-bottom .buts .anniu-prev {
  left: -2rem;
}
.teams-botswiper .library-details-bottom .buts .anniu-next {
  right: -2rem;
}
.teams-botswiper .swiper-container {
  overflow: visible;
}
.teams-botswiper .swiper-slide {
  /*overflow: hidden;*/
  padding-bottom: 1rem;
}
.teams-botswiper .swiper-slide  .item{
  transform:scale3d(.95,.95,1);
  transform-origin:center 0 ;
  transition:1s ease-in-out;


}
.teams-botswiper .swiper-slide-active  .item{
  /*transform:scale3d(1,1,1);*/
   transition:1s ease-in-out;
}
.teams-botswiper .swiper-slide-prev .item{
  /*transform-origin:0 0 ;*/
   transition:1s ease-in-out;
}
.teams-botswiper .swiper-slide-next .item{
  /*transform-origin:center 0 ;*/
   transition:1s ease-in-out;
}
.teams-botswiper .swiper-slide-prev .item {
  /*float: left;*/
  /*width: 70%;*/
}
.teams-botswiper .swiper-slide-next .item {
  /*float: right;*/
  /*width: 70%;*/
}
.teams-botswiper .swiper-slide-active .item {
  width: 100%;
}
.teams-botswiper .swiper-slide-active .readmores {
  color: #222222;
  background: #c9a063;
}
.teams-botswiper .readmores {
  width: 5.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  background: #070707;
  color: #fff;
  left: 0;
  right: 0;
  bottom: -.75rem;
  margin: auto;
}
.teams-botswiper .span {
  font-size: .5rem;
  left: .75rem;
  color: #fff;
  top: .75rem;
}
.teams-botswiper .item {
  width: 100%;
  cursor: pointer;
}
.teams-botswiper .item {
  position: relative;
}
.teams-botswiper .item .span, .teams-botswiper .item .readmores {
  position: absolute;
}

.teamsfixed {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 100;
  left: 0;
  top: 0;
}
.teamsfixed .list {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #c69d61;
  /*background:#efcb98;*/
  /*background: rgba(198,157,97,.6);*/
  padding: 2.25rem 2rem 2rem 2.5rem;
  max-height: 80%;
}
.teamsfixed .box {
  position: relative;
}
.teamsfixed .box .close {
  width: .75rem;
  height: .75rem;
  right: 0;
  top: 0;
  position: absolute;
  background: url(../img/n24.png) no-repeat center;
  background-size: 100%;
  cursor: pointer;
  z-index: 2;
}
.teamsfixed .images {
  width: 33%;
}
.teamsfixed .words {
  width: 67%;
  padding: 2.25rem 0 .5rem 1.75rem;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  overflow-y: auto;
}
.teamsfixed2 .words.library-details-bottom .svgbox .svg{
  stroke:#c9a063;

}
.teamsfixed2 .library-details-bottom .buts .anniu-next{
    background: url(../img/ne.png) no-repeat center;
    background-size: 100%;
}
.teamsfixed2 .library-details-bottom .buts .anniu-prev{
    background: url(../img/pr.png) no-repeat center;
    background-size: 100%;
}

.teamsfixed2 .words.library-details-bottom{
  top: auto;
  bottom: 0;
  padding-left: 1.75rem!important;
  height: auto;
}
.teamsfixed .words .tit {
  font-size: 1.2rem;
  /*color: #222222;*/
  line-height: 1.2;
  color: #fff;
}
.swiper-button-disabled{
  display: none!important;
}
.teamsfixed .words .line {
  height: 2px;
  width: .55rem;
  background: #fff;
  margin-top: .75rem;
  margin-bottom: .55rem;
}
.teamsfixed .words .wen {
  font-size: .4rem;
  line-height: .9rem;
  /*color: #222222;*/
  color: #fff;
}

.teams-pagination {
  position: relative;
}
.teams-pagination:before {
  width: 100%;
  height: 1px;
  position: absolute;
  content: "";
  left: 0;
  top: .6rem;
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
}
.teams-pagination .commen-tit, .teams-pagination .buts {
  position: relative;
  z-index: 3;
  background: #1b1308;
}
.teams-pagination .swiper-pagination {
  position: static;
  font-size: 0;
  line-height: 1.2rem;
}
.teams-pagination .swiper-pagination .swiper-pagination-bullet {
  display: inline-block;
  color: rgba(255, 255, 255, 0.3);
  font-size: .4rem;
  background: transparent;
  transition: .5s ease-in-out;
}
.teams-pagination .swiper-pagination .swiper-pagination-bullet:nth-child(n+2) {
  margin-left: .35rem;
}
.teams-pagination .swiper-pagination .swiper-pagination-bullet:hover, .teams-pagination .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  color: #c9a063;
  transition: .5s ease-in-out;
}

.section3-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-right: 6.25rem;
  background: url(../img/bg3.png) no-repeat top left;
  background-size: cover;
}
.section3-box .section3-list {
  width: 100%;
  height: 100%;
  position: relative;
}
.section3-box .section3-top {
  width: 75%;
  height: 65%;
}
.section3-box .section3-bot {
  width: 100%;
  height: 35%;
}

.welcome-body {
  opacity: 0;
  transition: .6s ease-in-out;
}
.welcome-body.curactive {
  opacity: 1;
  transition: .6s ease-in-out;
}

.section3-top {
  overflow: hidden;
  transform: skew(-15deg);
}
.section3-top .swiper-container {
  width: 15rem;
  margin: 0 auto;
  overflow: visible;
  height: 100%;
}
.section3-top .swiper-container .swiper-slide {
  overflow: hidden;
  height: 100%;
}
.section3-top .swiper-container .swiper-wrapper {
  height: 100%;
}
.section3-top .swiper-container .items {
  transform: skew(15deg);
  height: 100%;
  width: 150%;
  margin-left: -25%;
  position: relative;
}
.section3-top .swiper-container .items:after {
/*  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/aj.png) no-repeat left bottom;
  background-size: 100%;*/
}
.section3-top{
  position: relative;
}

.section3-top:after{
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../img/aj.png) no-repeat left bottom;
  background-size: 100%;
}






.section3-top .swiper-container .items .img {
  width: 100%;
  height: 100%;
}

.section3-botswiper {
  height: 100%;
}
.section3-botswiper .swiper-container, .section3-botswiper .swiper-wrapper, .section3-botswiper .swiper-slide, .section3-botswiper .items, .section3-botswiper .words {
  height: 100%;
}

.section3-title {
  position: relative;
  width: 100%;
  z-index: 5;
}
.section3-title .commen-tit {
  position: absolute;
  left: 0;
}
.section3-title .section3-titleswiper {
  width: 18.75rem;
  margin: 0 auto;
}
.section3-title:before {
  position: absolute;
  content: "";
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  left: 0;
  top: 0;
  width: 100%;
}
.section3-title .list {
  position: absolute;
  z-index: 4;
  width: 100%;
  top: 50%;
  font-size: .35rem;
  line-height: 1;
  color: rgba(255, 255, 255, 0.4);
  transform: translateY(-50%);
}
.section3-title .list .items:hover, .section3-title .list .items.active {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background: #1e160a;
}
.section3-title .list .items:hover .items-top .img, .section3-title .list .items.active .items-top .img {
  opacity: 1;
  transition: .5s ease-in-out;
}
.section3-title .list .items:hover .items-top .span, .section3-title .list .items.active .items-top .span {
  opacity: 0;
  transition: .5s ease-in-out;
}
.section3-title .list .items:hover .items-bot .span, .section3-title .list .items.active .items-bot .span {
  opacity: 1;
  transition: .5s ease-in-out;
}
.section3-title .list .items {
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  margin: 0 auto;
  border: 1px solid transparent;
  border-radius: 50%;
  text-align: center;
  position: relative;
}
.section3-title .list .items:after {
  content: "";
  position: absolute;
  width: 0.15rem;
  height: 0.15rem;
  background: #fff;
  border-radius: 50%;
  background: #fff;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.section3-title .list .items .items-top, .section3-title .list .items .items-bot {
  width: 100%;
  height: 50%;
  line-height: 1.25rem;
  height: 1.25rem;
  position: relative;
}
.section3-title .list .items .items-bot {
  font-size: .4rem;
  color: #fff;
}
.section3-title .list .items .span {
  transition: .5s ease-in-out;
}
.section3-title .list .items .items-bot .span {
  opacity: 0;
}
.section3-title .list .items .items-top .img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
  transition: .5s ease-in-out;
  width: .75rem;
  height: .75rem;
}
.section3-title .list .items .items-top img {
  display: block;
}
.section3-title .list .cn {
  font-size: .9rem;
}
.section3-title .list en {
  font-size: .5rem;
  margin-top: .45rem;
}

.section3-botswiper {
  padding-top: 2.25rem;
  padding-bottom: 1rem;
  position: relative;
  font-size: .375rem;
  color: rgba(255, 255, 255, 0.6);
  height: 100%;
}
.section3-botswiper .swiper-container {
  width: 730px;
  margin: 0 auto;
}
.section3-botswiper .tit {
  font-size: .45rem;
  color: #fff;
  line-height: 1.5;
  margin-bottom: .5rem;
}
.section3-botswiper .words {
  line-height: .75rem;
}
.section3-botswiper .library-details-bottom .buts .svgbox {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.section3-botswiper .library-details-bottom .buts .anniu-prev {
  left: 0;
}
.section3-botswiper .library-details-bottom .buts .anniu-next {
  right: 0;
}

.swiper-pagination,
.wel-swipermore {
  display: inline-block;
  vertical-align: middle;
  font-size: .35rem;
  width: auto;
}

.wel-swipermore {
  position: relative;
  padding-right: 12px;
  padding-left: 28px;
  color: rgba(255, 255, 255, 0.4);
  transition: .5s ease-in-out;
}
.wel-swipermore:hover {
  color: #c59957;
  transition: .5s ease-in-out;
}
.wel-swipermore:after, .wel-swipermore:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto;
}
.wel-swipermore:after {
  width: 8px;
  height: 12px;
  right: 0;
  background: url(../img/n27.png) no-repeat center;
  background-size: 100%;
}
.wel-swipermore:before {
  width: 16px;
  height: 16px;
  left: 0;
  background: url(../img/n28.png) no-repeat center;
  background-size: 100%;
}

.section3-buts {
  position: absolute;
  right: 0;
  bottom: 1.375rem;
  font-size: 0;
}
.section3-buts .swiper-pagination {
  position: static;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  width: auto;
  color: rgba(255, 255, 255, 0.4);
}
.section3-buts .swiper-pagination .swiper-pagination-current {
  font-size: .5rem;
  color: #fff;
}
.section3-buts .wel-swipermore {
  margin-left: .8rem;
}

img {
  max-width: 100%;
}

.pc768 {
  display: block;
}

.m768 {
  display: none;
}

img.w100 {
  width: 100%;
}

.pcbox {
  display: block;
}

.mbox {
  display: none;
}

.library-right-list .items:hover .words {
  transition: .5s ease-in-out;
  opacity: 1;
  filter: alpha(opacity=100);
}

@media screen and (max-width: 1650px) {
  .w1420 {
    width: 80%;
    max-width: 80%;
  }

  .section3-top .swiper-container {
    width: 50%;
  }
  .section2-box .words-left .mores{
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 1500px){
  .section5 .items .words .ibox{
    line-height: 1.5;
  }
  .section5 .items .words{
    padding: 1rem;
  }
  .section5 .items .words .tit{
    font-size: .8rem;
  }
  .pd250{
    padding-left: 5rem;
  }

}
@media screen and (max-width: 1370px) {
  .library-right .commen-tit,
  .library-right .listbox {
    width: 90%;
  }
  .pd250{
    padding-left: 4rem;
  }

  .news-list .list .items .li {
    width: 90%;
  }
  .section5 .items .words{
    padding: .6rem;
  }
  .section5 .items .words .tit{
    font-size: .7rem;
  }

  .section3-botswiper .swiper-container {
    max-width: 80%;
  }



}
@media screen and (min-width: 1025px) {

  .library-box, .library-box .list {
    /*min-height: 120vh;*/
    overflow: hidden;
  }

  .library-box.active, .library-box.active .list {
    height: auto;
    overflow: initial;
  }
}
@media screen and (max-width: 1190px) {
    .join-box .joinform-list .items-top .tit {
    width: 8rem;
    }

    .join-box .joinform-list .items-top .txt .i:nth-child(1){
    width: 3rem;
    }
    .join-box .joinform-list .items-top .txt .i:nth-child(2){
    width: 5rem;
    }
}
  .footer-top .ewmbox .ewm{
    padding-top: 15px;
  }
@media screen and (max-width: 1024px) {
  .productsbox .product-top .svg{
    display: none;
  }
  footer .footer-top .guanzhu a.xhs,
  .bocweb-header .nav-sousuo .iconfont.xhs{
    background:url(../img/xhs.png) no-repeat center;
    background-size:65%;
  }
  .footer-top .ewmbox .ewm{
    top: 50px;
  }
    .productsbox .product-top .images .words{
    padding: .5rem;
    overflow-y:auto;
  }
  .section3-title .section3-titleswiper {
    /*width: 100%;*/
    float: right;
  }

  .section3-title .list {
    /*position: static;*/
  }

  .section3-top .swiper-container .items {
    width: 140%;
    margin-left: -20%;
  }

  .section3-top .swiper-container {
    width: 90%;
  }

  .section3-top {
    overflow: visible;
  }

  .section3 .section3-box {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section3-box .section3-top {
    width: 100%;
  }

  .productsbox .product-top .text {
    display: none;
  }

  .bocweb-header.fixed {
    position: static;
  }

  .m-header .w-header.fixed {
    background: #1e170b;
  }

  .productsbox .product-top .images {
    width: 100%;
  }

  .teamsfixed .words {
    width: 67%;
    padding: 1.5rem 0 .5rem 1rem;
  }

  .teamsfixed .list {
    padding: 1.5rem 1rem 1rem 1.5rem;
  }

  .news-listbox {
    padding-top: 100px;
  }

  .library-details-top .details-left .kx {
    height: 0;
  }

  .library-details-top .details-left .list {
    margin-top: 1.25rem;
  }

  .library-details-top .details-right,
  .library-details-top .details-left {
    width: 100%;
  }

  .library-details-top .details-right {
    margin-top: 1.25rem;
  }

  .library-details-top {
    padding-top: 1.25rem;
  }

  .library-box .library-right-list .items {
    width: 49%;
    margin-left: 2%;
  }
  .library-box .library-right-list .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .library-box .library-right-list .items:nth-child(2n+1) {
    margin-left: 0;
  }

  .library-box .library-left {
    width: 100%;
    position: static;
  }

  .library-right {
    padding-right: 0;
  }

  .library-box {
    padding-top: 60px;
  }

  .library-box .library-right {
    width: 100%;
    position: static;
  }

  .bocweb-header {
    line-height: 1;
    height: auto;
    position: static;
  }

  .bocweb-header .nav-sousuo {
    line-height: 45px;
    right: auto;
    position: static;
  }
  .bocweb-header .nav-sousuo .iconfont {
    color: #ffecd2;
    cursor: pointer;
  }

  .section2 .section2-bg {
    display: none;
  }

  .section5-swiper {
    font-size: 0;
  }

  .section5 .items {
    display: inline-block;
    width: 48%;
    margin-left: 4%;
    margin-bottom: 1rem;
  }
  .section5 .items:nth-child(2n+1) {
    margin-left: 0;
  }
  .section5 .items img {
    width: 100%;
  }

  .section4-box .list .items {
    display: inline-block;
    width: 48%;
    margin-left: 4%;
    margin-bottom: 1rem;
  }
  .section4-box .list .items:nth-child(2n+1) {
    margin-left: 0;
  }
  .section4-box .list .items img {
    width: 100%;
  }
  .section4-box .list .items .words {
    padding: .75rem 0;
  }

  /**/
  .section4-box .section4-con {
    padding-right: 20%;
  }

  .pd250 {
    padding-left: 20%;
  }

  .section2-box .words {
    width: 100%;
    padding-left: 20%;
    padding-right: 20%;
  }

  /**/
  #fp-nav.left {
    display: none !important;
  }

  .section2-box .images {
    position: relative;
    height: auto;
    width: 50%;
  }

  .section2-box .images {
    padding-bottom: .9rem;
  }

  .section .section-box {
    padding-top: 50px;
  }

  .section2-box .words-left .mores {
    margin-top: 1.6rem;
    margin-bottom: 2.5rem;
  }

  .section2-box .words-left .wen {
    height: 1.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top: 35px;
  }

  .section2-box .images .imgs {
    position: relative;
    top: 0;
    transform: translate(0, 0);
  }

  #section6 {
    padding-bottom: 1.5rem;
    background: #0f0f0f;
  }

  footer {
    padding-bottom: 1.25rem;
  }

  footer .footer-top .nav {
    display: none;
  }
  footer .footer-top .nav.last-child {
    display: block;
    width: 100%;
  }

  footer .foot-logo .logo {
    text-align: center;
  }
  footer .foot-logo .logo img {
    display: inline-block;
    vertical-align: middle;
  }

  footer .foot-logo {
    display: block;
    width: 100%;
    float: none;
  }

  .foot-main {
    width: 100%;
    float: none;
    padding-left: 0;
    margin-top: 1.5rem;
    display: block;
  }

  .pcbox {
    display: none;
  }

  .mbox {
    display: block;
  }

  .pcheader {
    height: auto;
  }

  .join-box .joinform-list .items-top .tit {
    margin-right: .3rem;
  }

  .join-box .joinform-list .items-top {
    padding-left: 1rem;
  }

  .join-box .joinform-list .items-bot .box {
    background: #ffffff;
    padding: 0.5rem 1.2rem 0.3rem 1rem;
  }

  .join-box .joinform-list .items-top .txt .i {
  }

  .culture .culture-bot .culbot-buts {
    margin-top: 4rem;
  }

  .culture .culture-bot .culbot-cen {
    margin-top: 1.5rem;
  }

  .marketing-list .items {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
  /*.marketing-list .items:nth-child(4n+1) {
    margin-left: 2%;
  }
  .marketing-list .items:nth-child(2n+1) {
    margin-left: 0;
  }*/

  .productsbox .product-top .svg {
    bottom: 1.5rem;
  }

  .investment-fixed .items {
    padding: 1.35rem 1.425rem 0.975rem 3rem;
  }

  .investment-fixed .items .words {
    padding: 1rem;
    padding-left: 1.5rem;
  }

  .investment-fixed .library-details-bottom .buts {
    padding-left: 1.5rem;
  }

  .television-box .images {
    width: 300px;
  }

  .television-box .words {
    width: calc(100% - 300px);
    padding-left: 1rem;
  }

  .about-box {
    padding-top: 45px;
  }
  .about-box .abouts-top {
    padding-top: 45px;
  }

  footer .footer-top .nav .erweima {
    width: 70%;
  }
}
@media screen and (max-width: 900px) {
  .teams .images {
    width: 100%;
  }

  .teams .words {
    width: 100%;
  }

  .teams .images .numbox {
    position: static;
  }

  .culture .culture-fl .text {
    margin-top: 0;
  }

  .culture .culture-fr, .culture .culturevideobox {
    width: 100%;
  }

  .culture .culture-top .commen-tit {
    position: static;
  }

  .culture .culture-fl .txt:after {
    width: 100%;
  }

  .culture .culture-top .culture-fl {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .culture .culture-top .culture-fl .text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
  }

  .culture-video {
    margin-top: 25px;
  }

  .culture .culture-fl {
    width: 100%;
  }

  .culbot-box {
    font-size: 0;
    margin-top: 1.5rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
  }
  .culbot-box .culbot-cen {
    float: left;
  }
  .culbot-box .culbot-buts {
    float: right;
  }
  .culbot-box .culbot-cen, .culbot-box .culbot-buts {
    display: inline-block;
    vertical-align: top;
  }

  .culture .culture-bot .culbot-buts,
  .culture .culture-bot .culbot-cen {
    margin-top: 0;
  }

  .culture .culbot-cen .li {
    display: inline-block;
    vertical-align: middle;
  }

  .culture .culbot-cen .li:nth-child(2) {
    margin-top: 0;
    margin-left: .5rem;
  }

  .about-box .abouts-right,
  .about-box .abouts-left {
    width: 100%;
  }

  .abouts-left .numlist {
    font-size: 0;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
  }
  .abouts-left .numlist .num {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    margin-top: 0;
  }

  .abouts-left .numlist .num:nth-child(n+2) {
    margin-top: 0;
  }
}
.section3-botswiper .words {
  max-width: 80%;
  margin: 0 auto;
}

.m767 {
  display: none;
}

.pc767 {
  display: block;
}

@media screen and (max-width: 767px) {
  footer .footer-top .nav .erweima{
    width: 100%;
  }
  .productsbox .product-top .svg{
    display: block;
  }
  .library-details-top .details-right .words .pwords.cur .p{
    height: 3rem;
  }

    .join-box .joinform-list .items-top .tit {
      width: 50%;
    }

    .join-box .joinform-list .items-top .txt{
      display: none;
    }



  .commen-tit .ens{
    font-size: .2rem;
    margin-top: .2rem;
  }

  .about-box .abouts-top {
    padding-top: 0;
  }
  .artist-list{
    margin-top: .5rem;
  }

  .section3-buts {
    bottom: 0;
    top: 0;
    margin: auto;
  }

  .section3-buts .wel-swipermore {
    margin-left: .3rem;
  }

  .m767 {
    display: block;
  }

  .pc767 {
    display: none;
  }

  .section3-buts .swiper-pagination .swiper-pagination-current {
    font-size: .24rem;
  }

  .section3 .section3-box {
    padding-left: 0%;
    padding-right: 0%;
  }

  .section3-title .commen-tit,
  .section3 .section3-botswiper {
    padding-left: 5%;
    padding-right: 5%;
  }

  .section3-title .section3-titleswiper {
    width: 100%;
  }

  .section3-botswiper {
    padding-top: 2rem;
    padding-bottom: .2rem;
    position: relative;
    font-size: .2rem;
    height: 100%;
    overflow-y: auto;
  }
  .section3-botswiper .swiper-container, .section3-botswiper .swiper-wrapper, .section3-botswiper .swiper-slide, .section3-botswiper .items, .section3-botswiper .words {
    height: 100%;
  }

  .swiper-pagination, .wel-swipermore {
    font-size: .2rem;
  }

  .section3-title .list .items .items-top .img {
    width: .3rem;
    height: .3rem;
  }

  .section3-title:before {
    display: none;
  }

  .section3-title .section3-titleswiper {
    position: relative;
    margin-top: .4rem;
  }
  .section3-title .section3-titleswiper:before {
    position: absolute;
    content: "";
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    left: 0;
    top: 0;
    width: 100%;
    bottom: 0;
    margin: auto;
  }

  .section3-title {
    /*height: 1.1rem;*/
  }

  .section3-title .list .items {
    width: 1.1rem;
    height: 1.1rem;
  }

  .section3-title .list .items .items-top, .section3-title .list .items .items-bot {
    line-height: .55rem;
    height: .55rem;
  }

  .section3-title .list .items .items-bot {
    font-size: .24rem;
    color: #fff;
  }

  .section3-title .list .items:after {
    width: .05rem;
    height: .05rem;
  }

  .section3-title .list .items .span {
    font-size: .2rem;
  }

  .section3-title .commen-tit {
    position: relative;
    width: 100%;
    float: none;
    display: block;
  }

  .section3-top .swiper-container .swiper-slide {
    position: relative;
  }
  .section3-top .swiper-container .swiper-slide:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(to top, black, rgba(0, 0, 0, 0));
    z-index: 10;
  }

  .section3-buts {
    line-height: .3rem;
    height: .3rem;
    right: 5%;
  }

  .section3-title .list .cn {
    font-size: .36rem;
  }

  .section3-box .section3-bot,
  .section3-box .section3-top {
    height: 50%;
  }

  .section3-botswiper .tit {
    font-size: .24rem;
    line-height: 1.5;
    margin-bottom: .2rem;
  }

  .section3-botswiper .swiper-container {
    width: 100%;
    max-width: 100%;
  }

  .section3-botswiper .library-details-bottom .buts .svgbox {
    display: none;
  }

  .contacts-swiper .swiper-button-prev, .contacts-swiper .swiper-button-next {
    width: .3rem;
    height: .5rem;
  }

  .section3-botswiper .words {
    font-size: .2rem;
    line-height: 1.5;
  }

  .teams .items:nth-child(1) {
    padding-top: .32rem;
  }

  .teams {
    padding-top: .6rem;
    padding-bottom: 1.2rem;
  }

  .teams .items {
    padding: .5rem 0;
  }

  .teams .numbox .vide-text {
    margin-top: .88rem;
  }

  .vide-text {
    padding-left: .9rem;
    line-height: .7rem;
  }

  .teams .words {
    padding: 0.2rem !important;
    padding-top: 0.4rem !important;
  }

  .teams .words .spans .span {
    font-size: .6rem;
  }

  .teams .words .line {
    height: 1px;
    width: .3rem;
    margin: .4rem 0;
  }

  .teams .words .wen {
    line-height: 1.5;
  }

  .teams .words .spans .p {
    line-height: 1.5;
  }

  .teams .words .spans {
    margin-bottom: .4rem;
  }

  .teams-botswiper .swiper-slide {
    padding-bottom: .4rem;
  }

  .teams-botswiper .swiper-container {
    overflow: hidden;
  }

  .teams-botswiper {
    width: 80%;
    margin-top: .6rem;
  }

  .teams-botswiper .library-details-bottom .buts .anniu-next {
    right: -.6rem;
  }

  .teams-botswiper .library-details-bottom .buts .anniu-prev {
    left: -.6rem;
  }

  .teams-botswiper .readmores {
    width: 2.2rem;
    height: 0.6rem;
    line-height: 0.6rem;
    bottom: -0.3rem;
    font-size: .2rem;
  }

  .teams-botswiper .span {
    font-size: 0.2rem;
    left: 0.3rem;
    top: 0.3rem;
  }

  .teams .items .num {
    font-size: .48rem;
    margin-bottom: .2rem;
  }

  .teams .words .tit {
    font-size: .3rem;
  }

  .contacts-box .contacts-list .contacts-bot {
    margin-top: .6rem;
  }

  .teams .images.fr .numbox {
    width: auto;
    max-width: 2.8rem;
  }

  .teams .numbox {
    width: 2.8rem;
    bottom: .3rem;
  }

  .teams .numbox {
    font-size: .22rem;
  }

  .teams .numbox .li:nth-child(1) {
    margin-bottom: .6rem;
  }

  .vide-text:after {
    width: 0.75rem;
    height: 0.7rem;
  }

  .teams .numbox {
    font-size: .22rem;
  }

  .teams .img {
    width: 4.1rem;
  }

  .teamsfixed .words {
    width: 67%;
    padding: 0.3rem 0 0.1rem 0.2rem;
  }

  .teamsfixed .list {
    padding: 0.3rem 0.2rem 0.2rem 0.3rem;
  }

  .teamsfixed .box .close {
    width: .3rem;
    height: .3rem;
  }

  .teamsfixed .words .tit {
    font-size: .45rem;
  }

  .teamsfixed .words .line {
    height: 1px;
    width: .22rem;
    margin-top: .3rem;
    margin-bottom: .2rem;
  }

  .teamsfixed .words .wen {
    font-size: .2rem;
    line-height: 1.5;
  }

  .contacts-box {
    padding-top: 45px;
    padding-bottom: 1.2rem;
  }

  .contacts-box .contacts-list {
    padding-top: .65rem;
    padding-bottom: 0;
  }

  .contacts-list .items .line {
    margin: .3rem 0;
  }

  .contacts-list .items {
    border: 1px solid rgba(201, 160, 99, 0.2);
    padding: 0.525rem 0.3rem;
    font-size: 0.24rem;
    line-height: 1.5;
  }

  .contacts-list .items .tit {
    font-size: .3rem;
  }

  .addmore {
    width: 2rem;
    height: 0.75rem;
    line-height: 0.75rem;
    font-size: .2rem;
    border-radius: 0.75rem;
  }

  .contacts-list .items .addmore {
    margin-top: .4rem;
  }

  .abouts-left .numlist .num {
    padding-left: .2rem;
  }

  .con-tit .cn {
    font-size: .44rem;
  }

  .abouts-right .videos .img:after {
    width: 0.75rem;
  }

  .abouts-left .numlist {
    margin-top: 0.8rem;
    margin-bottom: 0.6rem;
  }

  .about-box {
    padding-bottom: 1.2rem;
  }

  .abouts-bot .list .top .spans .span {
    width: .4rem;
    height: .4rem;
  }

  .abouts-bot .list .items:after {
    height: .08rem;
  }
  .abouts-bot .list .items.active .spans,
  .abouts-bot .list .items:hover .spans {
    padding-bottom: .4rem;
  }

  .abouts-left .numlist .num span {
    font-size: .4rem;
  }

  .abouts-bot .list .items {
    font-size: .26rem;
  }

  .abouts-bot {
    margin-top: 1.2rem;
  }

  .abouts-left .numlist .num {
    font-size: .2rem;
  }

  .abouts-right .words {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }

  .con-tit .en {
    font-size: .26rem;
    margin-top: .2rem;
    margin-bottom: .3rem;
  }

  .overseas-box .words {
    padding: 0 .3rem;
    padding-top: 0.525rem;
    padding-bottom: 0.8rem;
  }

  .overseas-box {
    font-size: .24rem;
    line-height: 1.6;
  }

  .issue-list .items:before {
    display: none;
  }

  .television-box .top {
    font-size: .48rem;
    padding-top: .3rem;
    padding-bottom: .5rem;
    margin-top: .55rem;
  }

  .television-box .images {
    width: 100%;
  }
  .television-box .images img {
    width: 100%;
  }

  .television-box .li .i1 {
    width: calc(100% - 2.6rem);
  }

  .television-box .li .i0 {
    width: 2rem;
  }

  .television-box .li .img {
    width: .4rem;
    height: .4rem;
    left: .04rem;
  }

  .television-box .li {
    padding: .4rem 0;
    padding-left: .6rem;
  }

  .television-box .li .i {
    font-size: .24rem;
  }

  .television-box .words {
    width: 100%;
    padding-left: 0;
  }

  .television-box {
    padding-top: .6rem;
  }

  .issue-list .images, .issue-list .words {
    width: 100%;
  }

  .issue-list .words.fl {
    padding-right: .2rem;
  }

  .issue-list .items:nth-child(n+2) {
    margin-top: .3rem;
  }

  .issue-txt .items:before {
    width: 0.4rem;
    height: 0.15rem;
    bottom: -0.15rem;
  }

  .issue-list .words {
    padding-top: 0.55rem;
    padding-bottom: 0.4rem;
  }

  .issue-list .words.fr {
    padding-right: 0.08rem;
    padding-left: .2rem;
  }

  .issue-txt {
    margin-bottom: .15rem;
    margin-top: .5rem;
  }

  .issue-list .words .tit {
    font-size: .3rem;
  }

  .issue-list .images, .issue-list .words {
    font-size: .2rem;
  }

  .issue-list .words .p {
    line-height: 1.5;
  }

  .issue-list .words .line {
    width: 0.22rem;
    margin-top: 0.28rem;
    margin-bottom: 0.2rem;
  }

  .issue-list {
    margin-top: 1.05rem;
  }

  .issue-box {
    /*padding-top: 70px;*/
    padding-top: .7rem;
  }

  .managementtit {
    font-size: .36rem;
    line-height: 1.3;
    padding-bottom: .24rem;
    border-bottom: 1px solid #c9a063;
  }

  .issue-list .images {
    border-width: 1px;
  }

  .management-items1 .txt {
    float: right;
    width: 100%;
    font-size: .24rem;
    line-height: 1.5;
    margin-top: .3rem;
  }

  .management-items2 .managementtit {
    margin-bottom: .35rem;
  }

  .management-items2 .list .li .i {
    font-size: .2rem;
    line-height: 1.5;
  }

  .issue-tit .items:nth-child(n+2) {
    margin-left: 0;
  }

  .management-items2 .list .li {
    padding: .2rem 0;
  }

  .management-map {
    margin-top: .6rem;
  }

  .issue-txt .items {
    height: 3rem;
    line-height: 3rem;
  }

  .issue-txt .items .items-top .span {
    font-size: .3rem;
    margin-top: .4rem;
  }

  .issue-txt .items .items-top .imgboxs img {
    width: .55rem;
    height: .55rem;
  }

  .issue-txt .items .items-bot .wen {
    display: none;
  }

  .issue-tit .items {
    font-size: 0.36rem;
    padding-bottom: 0.2rem;
    width: 33.33%;
    text-align: center;
  }

  .issue-txt .items .items-bot .wen {
    font-size: .2rem;
    line-height: 1.5;
  }

  .issue-txt .items .items-bot .line {
    width: .4rem;
    margin-top: .3rem;
    margin-bottom: .22rem;
  }

  .issue-txt .items .items-bot {
    padding: 0.4875rem 0.375rem 0.4125rem 0.36rem;
    padding-top: 1.2rem;
  }

  .issue-txt .items .items-bot .tit {
    font-size: .3rem;
  }

  .investment-fixed .library-details-bottom .buts {
    padding-left: .25rem;
  }

  .management-items2 {
    margin-top: 1rem;
  }

  .investment-fixed .close {
    right: .25rem;
    top: .25rem;
    width: .25rem;
    height: .25rem;
  }

  .investment-fixed .investment-tankuang {
    max-height: 70%;
  }

  .investment-fixed .items .words .wen {
    font-size: .2rem;
  }

  .investment-fixed .items .words .tit {
    font-size: .48rem;
  }

  .investment-fixed .items .words {
    position: relative;
  }

  .investment-fixed .items {
    /*padding: 1.35*.4rem 1.425*.4rem 0.975*.4rem 3*.4rem;*/
    padding: .25rem;
  }

  .investment-fixed .items .words .line {
    height: 1px;
    width: .2rem;
    margin-top: .3rem;
    margin-bottom: .3rem;
  }

  .artist-list .spans {
    font-size: .28rem;
    margin-top: .3rem;
  }

  .investment-fixed .items .words {
    padding: .25rem;
    padding-left: .3rem;
    padding-bottom: 1rem;
  }

  .marketing {
    padding-top: 1.25rem;
  }

  .marketing-list .items .wen {
    line-height: 1.5;
  }

  .marketing-list .items {
    width: 85%;
    margin-left: 0 !important;
  }

  .marketing-list .items {
    font-size: 0.24rem;
    /*height: 12.75*.4rem;*/
    height: auto;
    padding: 0.325rem 0.2rem;
  }

  .marketing-list .items .line {
    width: 0.24rem;
    height: 1px;
    margin-top: 0.24rem;
    margin-bottom: 0.2rem;
  }

  .marketing-tit {
    font-size: .36rem;
  }

  .marketing-list {
    margin-top: .5rem;
  }

  .marketing-list .items .tit {
    font-size: .3rem;
    line-height: 1.5;
  }

  .productsbox .product-top .tit {
    font-size: .3rem;
  }

  .productsbox .product-top .words-bots .items:nth-child(n+2) {
    margin-top: .8rem;
  }

  .productsbox .product-top .wen {
    font-size: .2rem;
    line-height: 1.6;
  }

  .productsbox .product-top.on {
    padding-bottom: .4rem;
  }

  .productsbox .product-top .svg {
    /*	    left: 2.125*.4rem;
    	    bottom: 1.875*.4rem;*/
    left: .3rem;
    bottom: .3rem;
  }

  .productsbox .product-top .words-bots.on .items:nth-child(n+2) {
    margin-top: .48rem;
  }

  .productsbox .product-top .words-bots.on .items {
    padding-bottom: .2rem;
  }

  .productsbox .product-top .line {
    width: 0.3rem;
    height: 1px;
    margin-top: 0.34rem;
    margin-bottom: 0.22rem;
  }

  .productsbox .product-top .words-bots .items .txt, .productsbox .product-top .words-bots .items .wens {
    width: 100%;
    padding-right: 0;
  }

  .productsbox .product-top .words-bots .items .txt {
    font-size: 0.24rem;
    line-height: 0.3rem;
    padding-bottom: 0.21rem;
    border-bottom: 1px solid #c9a063;
    margin-bottom: .3rem;
  }

  .productsbox .product-top .words-bots .items .tit0 {
    margin-bottom: .28rem;
  }

  .productsbox .product-top .words-bots {
    padding-top: 1rem;
    font-size: 0.2rem;
  }

  .w1420 {
    width: 6.9rem;
    max-width: 6.9rem;
  }

  .product-titles .items {
    border: 1px solid rgba(198, 157, 96, 0.2);
    height: 1.2rem;
    line-height: 1.2rem;
    font-size: 0.24rem;
    padding: 0 0.3rem;
  }

  .product-con {
    padding-top: .7rem;
    padding-bottom: 1.5rem;
  }

  .product-titles .items .imgs img {
    width: .4rem;
    height: .4rem;
  }

  .product-con .product-titles {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }

  .productsbox .product-top .images .words {
    padding: 0.4rem 0.48rem 0.3rem 0.34rem;
    padding-bottom: 1rem;
    position: static;
  }

  .news-title .inputbox input[type=text] {
    padding-left: 0.4rem;
    padding-right: 0.55rem;
  }

  .news-title .inputbox input[type=submit] {
    width: 0.25rem;
    height: 0.25rem;
    right: 0.3rem;
  }

  .news-title .i:nth-child(1) {
    margin-right: .1rem;
  }

  .news-title .commen-tit {
    margin-right: 0;
  }

  .news-title .tit {
    overflow: hidden;
  }

  .news-title .commen-tit {
    float: left;
  }

  .news-title .ibox {
    float: right;
  }

  .news-title .input {
    margin-top: .35rem;
  }

  .news-details-title .titles {
    font-size: .36rem;
  }

  .news-details-title {
    padding-bottom: .5rem;
    padding-right: 2rem;
  }

  .news-details-text {
    padding-top: .4rem;
  }

  .news-details-bottom a {
    line-height: .4rem;
    font-size: .2rem;
    height: .4rem;
  }

  .news-details-bottom {
    padding-top: .45rem;
    margin-top: 0.65rem;
  }

  .news-details-con {
    padding-top: 70px;
    padding-bottom: 1.45rem;
  }

  .news-list .list .items .tit {
    font-size: .2rem;
    line-height: .35rem;
    max-height: .7rem;
    height: auto;
    padding: 0 .16rem;
    margin-bottom: 0.35rem;
  }

  .library-box,
  .news-listbox {
    padding-top: .7rem;
  }

  .library-right-list .items .tit {
    margin-bottom: .25rem;
  }

  .library-right-list .items .tit {
    font-size: .3rem;
  }

  .library-right-list .items .words {
    padding: .3rem .25rem;
  }

  .news-list .list .items .words {
    padding-top: .32rem;
  }

  .news-list .list .items .li {
    width: 100%;
  }

  .library-right-list .items .wen {
    font-size: .24rem;
    line-height: 1.5;
  }

  .news-list .list {
    margin-top: .7rem;
  }

  .library-right-list .items .more {
    margin-top: .6rem;
  }

  .news-list .list .items .images .time {
    font-size: 0.14rem;
    line-height: 0.4rem;
    height: 0.4rem;
    padding-left: 0.2rem;
    padding-right: 0.12rem;
  }

  .news-list .list .items .morebox:before {
    right: .3rem;
  }

  .news-list .list .items .morebox {
    font-size: .2rem;
  }

  .news-list .list {
    padding-bottom: 0;
  }

  .news-list {
    padding-bottom: 1.42rem;
  }

  .news-list .list .items {
    padding-bottom: .6rem;
  }

  .news-list .list .items .morebox {
    line-height: 0.58rem;
    height: 0.58rem;
    padding-left: 0.22rem;
    padding-right: 0.42rem;
  }

  .news-title .i {
    width: 1.55rem;
    height: 0.58rem;
    line-height: 0.58rem;
    border-radius: 0.58rem;
    font-size: 0.19rem;
  }

  .news-title .inputbox {
    width: 100%;
  }

  .news-title .inputbox {
    height: 0.58rem;
    border-radius: 0.58rem;
    font-size: .24rem;
  }

  .news-title .tit, .news-title .input {
    width: 100%;
  }

  .library-right-list .items .images img {
    width: 100%;
  }
  .library-details-top .details-left .anniu .svgbox,
  .svgbox {
    width: .5rem;
    height: .5rem;
  }

  .library-details-top .details-right .blist {
    position: static;
  }

  .library-details-top .details-right .alist {
    display: none;
  }

  .library-details-top .details-right .words .p {
    line-height: .4rem;
    height: 1.6rem;
  }

  .library-details-top .details-right .words .pwords {
    padding-right: 0;
  }

  .library-details-textswiper {
    margin-top: .95rem;
  }

  .library-details-top .details-right .words .pwords .spans {
    right: .3rem;
    bottom: -.4rem;
    padding-right: .3rem;
  }

  .library-details-top .details-right .words .pwords .spans:after {
    width: .12rem;
    height: .1rem;
  }

  .library-right-list .buts {
    top: -1.2rem;
  }

  .library-details-bottom .buts .swiper-button-prev, .library-details-bottom .buts .swiper-button-next {
    width: .5rem;
    height: .5rem;
  }

  .library-right-list {
    margin-top: .5rem;
  }

  .library-details-bottom {
    padding-top: 0.475rem;
    padding-bottom: 0.9rem;
  }

  .context16 {
    font-size: .24rem;
    line-height: 1.6;
  }

  .library-details-top .details-right .words,
  .library-details-top .details-right .images {
    width: 100%;
  }

  .library-details-top .details-right {
    margin-top: .5rem;
  }

  .library-details-top .details-left .li {
    width: 1rem;
  }
  .library-details-top .details-left .li img {
    width: 100%;
  }

  .ft48 {
    font-size: .48rem;
  }

  .library-details-top .details-right .words .txt {
    font-size: .2rem;
    margin-top: .2rem;
    margin-bottom: .3rem;
  }

  .library-details-top .details-right .words {
    padding: .3rem;
  }

  .library-details-top .details-left .anniu {
    margin-top: .3rem;
  }

  .library-details-box {
    /*padding-top: 45px;*/
    padding-top: 0;
  }

  .library-details-top {
    padding-top: .5rem;
    padding-bottom: 1.1rem;
  }

  .library-details-top .details-left .list {
    margin-top: .3rem;
  }

  .library-details-top .details-left .time {
    margin-top: .2rem;
  }

  .library-details-top .details-left .time, .library-details-top .details-left .kx, .library-details-top .details-left .list {
    padding-left: .26rem;
  }

  .library-details-top .details-left .list:after, .library-details-top .details-left .time:after {
    width: .18rem;
  }

  .library-details-top .details-left .anniu .svgbox {
    margin: 0 .22rem;
  }

  .conmore {
    width: 2rem;
    height: .7rem;
    line-height: .7rem;
    border-radius: .7rem;
    font-size: .24rem;
    border: 1px solid #c9a063;
  }

  .library-box .library-right-list .list {
    padding-bottom: 0.72rem;
  }

  .library-leftlist .items-top span {
    width: .22rem;
    height: .22rem;
    font-size: .22rem;
    line-height: .22rem;
    right: .16rem;
  }

  .library-leftlist .items-bot-right {
    padding-left: 0.32rem;
    padding-right: 0.3rem;
    padding-top: 0.24rem;
    padding-bottom: 0.32rem;
  }

  .library-leftlist .items-bot-right .li:nth-child(n+2) {
    margin-top: .22rem;
  }

  .library-box .library-right-list {
    padding-top: .7rem;
  }

  .library-right {
    padding-right: 0;
    padding-bottom: 1.125rem;
    padding-top: 0.57rem;
  }

  .library-leftlist .items-bot-left .li {
    height: 0.57rem;
    line-height: 0.57rem;
    padding-left: 0.28rem;
    padding-right: 0.3rem;
  }

  .library-leftlist .items-bot-left .li span {
    width: .2rem;
    height: .2rem;
    right: .2rem;
  }

  .library-top-input {
    padding: 0.57rem 0.58rem 0.47rem 0.6rem;
    padding-top: .1rem;
  }

  .library-top-input .input {
    height: .6rem;
  }

  .library-top-input .input input[type=submit] {
    width: .3rem;
    height: .3rem;
    right: .28rem;
  }

  .library-leftlist .items-top {
    padding-left: .28rem;
    padding-right: .5rem;
    height: .8rem;
    line-height: .8rem;
  }

  .library-leftlist .items-top img {
    width: .25rem;
    height: .25rem;
    margin-right: .08rem;
  }

  .library-box {
    font-size: .24rem;
  }

  .section2-box {
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-height: 95%;
  }

  /**/
  .section4-box .section4-con {
    padding-right: .3rem;
  }

  .pd250 {
    padding-left: .3rem;
  }

  .bocweb-header .nav-sousuo .iconfont:nth-child(n+2) {
    margin-left: .1rem;
  }
  .m-header .welcome-a{
    width: 35%;
  }

  .section2-box .words {
    width: 100%;
    padding-left: .3rem;
    padding-right: .3rem;
    /*padding-top: 1.45rem;*/
  }

  .section2-box .words-left .line {
    width: .18rem;
    height: 1px;
    margin-top: .25rem;
    margin-bottom: .35rem;
  }

  .section4-box .list .items {
    margin-bottom: 0;
  }
  .section4-box .list .items:nth-child(1), .section4-box .list .items:nth-child(2) {
    margin-bottom: .45rem;
  }

  .section5 .items .words .wmore {
    margin-top: .6rem;
    font-size: .2rem;
    width: 1.2rem;
    height: .5rem;
    line-height: .5rem;
  }

  .section4-box .section4-top {
    padding-bottom: .6rem;
  }

  .section5 .items {
    margin-bottom: 0;
  }
  .section5 .items:nth-child(n+3) {
    margin-top: .24rem;
  }

  footer .foot-logo .logo img {
    width: 1.95rem;
  }

  footer .youxiang {
    margin-top: .45rem;
  }

  footer .footer-top {
    padding-top: .5rem;
    padding-bottom: .8rem;
  }

  .welcome-body footer .footer-top {
    padding-top: 1.45rem;
  }

  .library-box .library-right-list .items {
    margin-bottom: 2%;
  }

  .library-box .library-right-list .items .words {
    padding: .2rem .1rem;
  }

  .more {
    font-size: .2rem;
    line-height: .6rem;
    height: .6rem;
    width: 2rem;
  }

  .library-box .library-right-list .items .more {
    margin-top: .6rem;
  }

  .library-box .library-right-list .items .tit {
    font-size: .3rem;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }

  .library-box .library-right-list .items .wen {
    font-size: .2rem;
    line-height: .32rem;
  }

  .youxiang .inputs {
    height: .8rem;
    line-height: .8rem;
    font-size: .24rem;
    padding-left: .2rem;
    padding-right: .3rem;
  }

  .erweima .ibox {
    font-size: .24rem;
  }

  .youxiang .inputs i {
    font-size: .2rem;
    right: .16rem;
  }

  .foot-main {
    margin-top: .6rem;
  }

  .foot-main .nav-top {
    font-size: .28rem;
    margin-bottom: .25rem;
  }

  .footer-bot .text:before {
    display: none;
  }

  #section6 {
    padding-bottom: 0;
  }

  footer {
    padding-bottom: .5rem;
  }

  .footer-bot {
    padding: 0 .5rem;
    font-size: .2rem;
    line-height: .3rem;
    height: .3rem;
  }

  .erweima .ibox {
    /*width: 48%;*/
  }
  .erweima .ibox img {
    width: 100%;
  }

  .erweima .ibox:nth-child(1) {
    /*margin-right: 4%;*/
  }

  .erweima .ibox .img {
    width: 100%;
    height: auto;
  }

  .erweima .ibox .span {
    margin-top: .15rem;
  }

  .foot-main .wen {
    font-size: .24rem;
    line-height: .4rem;
  }

  footer .footer-top .guanzhu {
    margin-bottom: .24rem;
  }

  footer .footer-top .guanzhu a,
  footer .footer-top .guanzhu {
    font-size: .3rem;
  }


  /**/
  .section5 .items .words .tit {
    font-size: .36rem;
  }

  .section5 .items .words {
    padding: .5rem;
  }

  .section4-box .list .items .words .tit {
    font-size: .24rem;
    line-height: .4rem;
    height: .8rem;
  }

  .section5 .items .words .ibox {
    font-size: .24rem;
    line-height: .33rem;
  }

  .section4-box .list .items .txt {
    margin-top: .2rem;
    height: .24rem;
  }

  .section2-box .list {
    padding-bottom: .5rem;
  }

  .section4-box .list .items .txt .i {
    font-size: .24rem;
    padding-right: .3rem;
    vertical-align: top;
  }

  .section4-box .list .items .txt .i:after {
    width: .08rem;
    height: .14rem;
  }

  .section2-box .words-left .mores {
    margin-top: .5rem;
    margin-bottom: .8rem;
  }

  .section2-box .words-left .wen {
    font-size: .24rem;
    line-height: .44rem;
    height: .88rem;
  }

  .section4-box .list .items .words {
    padding: .3rem 0;
  }

  .section2-box .list .li {
    font-size: .2rem;
    width: 1.7rem;
  }

  .section2-box .images {
    padding-bottom: .3rem;
  }

  .section2-box .images .imgs:before {
    margin-left: .2rem;
    margin-top: .3rem;
  }

  .section2-box .images .imgs:after {
    width: 1.4rem;
    height: 1.4rem;
  }

  .section2-box .images {
    width: calc(100% - .2rem);
  }

  .section .section-box {
    padding-top: 0;
  }

  .culture {
    padding-top: 0.29rem;
    padding-bottom: 1.125rem;
  }

  .culture .culbot-cen {
    font-size: .2rem;
  }
  .culture .culbot-cen .li {
    padding-left: .5rem;
  }
  .culture .culbot-cen .li:after {
    width: 0.42rem;
    height: 1px;
  }
  .culture .culture-bot .swiper-slide {
    width: 100%;
    margin-right: 0;
  }
  .culture .culture-bot .prevanniu {
    width: 30%;
  }
  .culture .culture-bot .prevanniu .spans {
    padding-right: .24rem;
    font-size: .2rem;
  }
  .culture .culture-bot .prevanniu .spans:after {
    width: 0.15rem;
    height: 0.25rem;
  }

  .culture .library-details-textswiper {
    margin-top: .6rem;
  }

  .culbot-box {
    margin: .5rem 0;
  }

  .culture .culture-fl .text .spans {
    width: .5rem;
    height: .5rem;
    margin-top: .2rem;
  }

  .culture .culture-fl .text .beba {
    font-size: .5rem;
  }

  .culture .culture-fl .text .sy {
    font-size: .22rem;
  }

  .library-details-bottom .library-right-listtext .spans span {
    font-size: .2rem;
  }

  .culture .culture-bot {
    padding-top: 0.75rem;
  }

  .culture .culture-top {
    padding-bottom: 0.75rem;
  }

  .culturebotswiper .swiper-button-prev, .culturebotswiper .swiper-button-next, .culturebotswiper .swiper-pagination {
    font-size: 0.26rem;
    line-height: .4rem;
  }
  .culturebotswiper .swiper-pagination {
    width: 0.9rem;
  }

  .culturebotswiper .swiper-button-prev, .culturebotswiper .swiper-button-next {
    width: .4rem;
    height: .4rem;
  }

  .zhaopin .spans {
    line-height: .6rem;
    height: .6rem;
    font-size: .22rem;
  }

  .commen-tit .cn {
    font-size: .48rem;
  }

  .commen-tit .en {
    font-size: .24rem;
    margin-top: .2rem;
  }

  .pc768 {
    display: none;
  }

  .m768 {
    display: block;
  }

  .events-box {
    margin-top: 0.58rem;
    padding-bottom: 1.58rem;
  }

  .join-box .join-list {
    padding-top: .65rem;
  }

  .join-box {
    padding-top: 45px;
    padding-bottom: 1.2rem;
  }
  .join-box .join-list {
    padding-bottom: .3rem;
  }
  .join-box .items:nth-child(n+2) {
    margin-top: .05rem;
  }
  .join-box .joinform-list {
    margin-top: .5rem;
    padding-bottom: .5rem;
  }
  .join-box .joinform-list .items-top {
    height: .8rem;
    line-height: .8rem;
    padding-left: 0.325rem;
    padding-right: .5rem;
  }
  .join-box .joinform-list .items-top:before {
    width: 0.26rem;
    height: .16rem;
    right: .2rem;
  }
  .join-box .joinform-list .items-top .tit {
    font-size: .22rem;
    margin-right: .3rem;
  }
  .join-box .joinform-list .items-top .txt {
    display: none;
  }
  .join-box .joinform-list .items-top .txt .i {
    font-size: .2rem;
    margin: 0 .1rem;
  }
  .join-box .joinform-list .items-bot {
    padding-bottom: .24rem;
  }
  .join-box .joinform-list .items-bot .box {
    padding: 0.16rem 0.35rem 0.12rem 0.325rem;
  }
  .join-box .joinform-list .items-bot .tit {
    font-size: .2rem;
    margin-bottom: .16rem;
  }
  .join-box .joinform-list .items-bot .texttop {
    margin-bottom: .4rem;
  }
  .join-box .joinform-list .items-bot .text {
    font-size: .2rem;
  }
  .join-box .joinform-list .items-bot .text .i {
    padding: .1rem 0;
  }
  .join-box .joinform-list .items-bot .text .i .iright {
    max-width: .25rem;
  }
  .join-box .joinform-list .items-bot .text .i .ileft {
    width: calc(100% - .3rem);
  }

  .mores {
    width: 1.55rem;
    height: 0.6rem;
    line-height: .6rem;
    border-radius: .6rem;
    font-size: .2rem;
  }

  .events-tit {
    font-size: .3rem;
    padding-bottom: .3rem;
  }

  .eventslist .list {
    padding-top: 0.5rem;
    padding-bottom: 0.06rem;
  }
  .eventslist .list .items {
    min-height: 1rem;
    padding-bottom: .6rem;
  }
  .eventslist .list .items .items-left {
    padding-top: 1rem;
  }
  .eventslist .list:after {
    width: .1rem;
    height: .1rem;
    top: -.05rem;
  }
  .eventslist .list .words {
    font-size: 0.15rem;
  }
  .eventslist .list .words .wen {
    line-height: 1.6;
    margin-top: .1rem;
  }
  .eventslist .list .words .time {
    font-size: .3rem;
  }
  .eventslist .list .words .time:after {
    width: .2rem;
    height: 1px;
  }
  .eventslist .list .items-left .time, .eventslist .list .items-left .wen {
    padding-right: .36rem;
  }
  .eventslist .list .items-right .time, .eventslist .list .items-right .wen {
    padding-left: .36rem;
  }

  .library-right-listtext .buts .swiper-button-prev, .library-right-listtext .buts .swiper-button-next {
    width: .15rem;
    height: .2rem;
  }
}

/*# sourceMappingURL=style.css.map */
