/*@charset "gb2312";*/
 html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#333;}
 * {font-size: 18px; color: #333; }
html,body { overflow-x: hidden; }
.brq { margin:inherit!important; text-align: left;  }
.jpshtext span,.jpshtext p { color: #fff!important; }
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0; font-family:'微软雅黑';} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight:normal;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}
.tupybox { position:absolute; bottom:50px; right:50px; }

.tal{ text-align:left} .tar{ text-align:right;}

/*文字两侧对齐*/
.justify {
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

img {
    max-width: 100%;
	height:auto;
}
/*strong{ font-weight:normal;font-size: 20px; color: #333; }

*/

/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
  a{ color:#3f3f40; -webkit-transition: color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out;
    -ms-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    text-decoration: none;}
  a:hover{ color:#000; text-decoration:none;}

a:hover {
    text-decoration: none; color:#000;
}
.content_wp input[type=text],input[type=password]:focus, textarea,select {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
border: 1px solid #ddd;
}
.content_wp{ overflow:hidden;} 
.content_wp input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
border: 1px solid rgba(81, 203, 238, 1);
}
select{
 -webkit-appearance:none;-moz-appearance:none;appearanearance: none;}
body{font-family:'微软雅黑'; line-height:36px; font-size:18px; color:#3f3f40; font-weight:100; background:#fff;}
 .lft,.fl{ float:left;}
 .rgt,.fr{ float:right;}
.wrapper{
	width:1280px; margin:0 auto;
}
.header{ background:#3f3f40; height:50px; line-height:50px; padding:0 15px; } 
.header .logo{ float:left; padding-top:8px;}
.header .logo img{ float:left; display:block;}
.header .rgt{ float:right;}
.header .wxfx{ display:block; background:url(../images/txt2.png) no-repeat center center !important; padding:0 !important; margin:0 !important; width:100px; height:50px;}

.shippp2{width: 100%; background:url(../images/pic2.jpg) no-repeat center top; position:relative;}
.shippp{width: 100%; background:url(../images/pic1.jpg) no-repeat center top; position:relative; overflow-x: hidden; }
.shippp .txt1{ position:absolute; top:10%; left:15%; color:#fff; font-size:18px; text-align:left;  }
 .shippp video{width: 100% !important;object-fit: fill;z-index: -1; display:block;}
.txtblock{ padding:140px 0;width: 838px;margin: 0 auto;text-align: left;line-height: 36px}
.shippp2 .txt1{ position:absolute; top:10%; right:0; width:100%; text-align:center; left:0;}
.main{ position:relative;} 
.section{ font-size:18px; color:#3f3f40; padding:100px 0; background:#fff;}
.section .box{ display:table; width:100%;}

.section .imgbox{  width:45%; text-align:center; }
.section .imgbox img{  }
.section .desc{ width:45%;  padding-left:5%;}
.section1{}
.section2{   background:#fff url(../images/bg.jpg) no-repeat center top fixed; }
.section2 .desc{ padding-left:0; padding-right:5%;}
.section4{ text-align:center; }
.section4 .imgmod .wrapper{}
.section4 .info{ width:72%; margin:0 auto; padding-bottom:100px;text-align: left}
.section-vd{ padding:80px 0;}
.section-vd .vd img{ display:block; }
.section-vd .wrapper{ padding:0 80px; width:1120px; }
.section-vd video{width: 100% !important;object-fit: fill;display:block;}
.section4 .img2{ display:none;}

.slideBox{position:relative;margin:0 auto;overflow:hidden; display:none; padding-bottom:20px;}
.slideBox .hd{width:;height:13px;position:absolute;z-index:1;bottom:0;text-align:center; left:0; width:100%; text-align:center;}
.slideBox .hd ul{height:13px; text-align:center; right:0; left:0;font-size:0;vertical-align:top;}
.slideBox .hd ul li{display:inline-block;width:8px;height:8px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin:0 0.5rem;vertical-align:top;overflow:hidden; background:rgba(255,255,255,0.6); border:2px solid #8b8b8c;}
.slideBox .hd ul li.on{background:#8b8b8c; }
.slideBox .bd{position:relative;z-index:0;overflow:hidden;}
.slideBox .bd li{position:relative;text-align:center;}
.slideBox .bd li img{background:url(../images/loading.gif) center center no-repeat;vertical-align:top;width:100%; display:block; display:block;}
.slideBox .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}


.section5 .title{ text-align:center; padding:50px 0; padding-top:0;}
.section5 .tt{ font-size:14px; text-align:left;}
.section5 .tt i{ color:#c00;}
.section5 .tt img{ position:relative; margin:0 4px; top:4px;}
.section5 .listbox { padding-top:150px; padding-bottom:150px;}
.section5 .listbox li{ float:left; width:25%; text-align:center; overflow:hidden;}
.section5 .listbox li .thumb{ padding:0 25px;}
.section5 .listbox li .thumb img{ display:block; margin:0 auto;}
.section5 .listbox li .name{ width:240px; border-top:10px solid #ff9912; margin:0 auto; padding-top:10px; font-size:16px; height:28px; line-height:28px; }
.section5 .listbox li .name strong{ font-weight:100; float:left;}
.section5 .listbox li .vc-play{  width:30px; height:28px; position:relative;  }
.section5 .listbox .frbox{overflow:hidden;display:block;width:30px; height:28px; line-height:9999px; overflow:hidden; float:right;}
.video-pc{}
.video-mb{ display:none;}
.music-play{ position:absolute; top:2px; right:0;}
.mscBtn {height:30px; width:30px;
background:url(../images/icon1.png) no-repeat 0 0; 
display: block;}
.pause {background-position:0 -29px;}
.media-caption{ padding:0 10px; font-size:16px; text-align:center !important; box-sizing:border-box; line-height:1.8;}

.main-title{ font-size:35px; width:100%; text-align:center; margin-bottom:50px; margin-top:5px;}
.main-title strong{ font-weight:100;  border-bottom:3px solid #ff9912; display:inline-block; padding:10px 0px; line-height:1.4;}

.item-box .title{ padding:40px 0; width:80%; text-align:center; margin:0 auto;}
.item-box .img{ position:relative;}
.item-box .img .i{ display:block; background:url(../images/ico01.png) no-repeat center center; width:60px; height:60px; position:absolute; left:50%; top:50%; margin-left:-30px; margin-top:-30px;}
.item-box .slide-txt{ position:absolute; top:25px; left:0; font-size:40px; width:100%; text-align:center;}
.item-box .slide-txt strong{ font-weight:100; color:#fff; border-bottom:3px solid #ff9912; display:inline-block; padding:10px 15px; line-height:1.4;}
.infoblock{ text-align:center; background:url(../images/rw.png) no-repeat center bottom; padding-bottom:11%; background-size:100%;}
.infoblock .txt{ padding:100px 0; text-align:left; padding-left:37%; }
.item-box2 { padding:50px 0; padding-bottom:5px;}
.item-box2 .head{ width:88%; margin:0 auto; padding:30px 0;}
.item-box2 .head p{ padding:12px 0;}
.item-box2 .h_slide {  margin:0 auto; overflow: hidden;  }
.h_slide2 {
	position: relative;  width:auto; 
  overflow: hidden;
}
.item-box2 .slider-arrow--left{ left:0; }
.item-box2 .slider-arrow--right{ right:0; }
.item-box2 .img{ padding-right:80px; padding-left:80px;}
.item-box2 .slider-nav{bottom:15px; top:auto;right:0 !important;margin-left:auto !important;position: absolute;width: 205px !important;z-index:1;text-align:center;overflow: hidden;height: 30px;}
.item-box2 .title{ height:49px; line-height:50px; border-bottom:1px solid #ff9912; margin:0 80px;}
.foot-logo{ text-align:center; padding:50px 0;}
#footer{ background:#3f3f40; color:#fff; text-align:center; font-size:14px; padding:16px 0;}

.maxPic{
  margin-bottom: 50px;
}

.pm4{
  font-size: 24px;
  font-weight: bold;
}

/*首页*/
.h_slide {
	position: relative; 
}

/*side pic*/
.side-pic-box{
  margin: 20px auto;
  width:670px;
}
.side-pic-box-fr{
  float: right;
  margin: 8px 0 15px 20px;
  width: 460px;
  border-bottom: 1px solid #999;
}
.side-pic{
}
p.media-caption{
  font-size: 18px;
  width: 100%;
  min-height:40px;
  line-height: 40px;
  color: #666;
  background-color: white;
  text-align: justify;
  text-align: center;
}
.paper-slides-box .media-caption{
  margin: 10px 0 15px;
  width: 80%;
  text-align: left;
  background-color: white;
  color: #666;
  font-size: 14px;
  opacity: 0;
}
.album8 .media-caption{
  width:90%;
}
.album12 .media-caption{
  width:90%;
}
 .paper-slides-box .swiper-slide-active .media-caption{
  opacity:1;
}
.swiper-slide p{
  opacity:0;
}
.swiper-slide.swiper-slide-active p{
  opacity:1;
}
.album11 p,.musician p {
  width: 100%;
  line-height: 1.6em;
  font-size: 14px;
  margin: 5px;
  color: #666;
}
.slide-caption.media-caption > p:nth-child(1),.media-caption > p:nth-child(1){
  font-weight: bolder;
  color: black;
}
/*paper slide*/
.paper-slides-box{
    position: relative;
    height: 655px;
    margin: 40px auto 30px;
}
.paper-slides-box.album11{
  margin-left: auto;
  margin-right:auto;
  width: 670px;
  height: 700px;
}
.swiper-container {
  margin: 0 auto;
  padding-bottom: 10px;
  position: relative;
  z-index: 1;
}
.album11 .swiper-container{
  border-bottom:none;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  top: 0;
  left: 0;
}
.swiper-slide {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;}
.swiper-slide.swiper-slide-active{
  z-index: 20;
}
.swiper-pagination {
  position: absolute;
  right: 0;
  top: 600px;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination2{
  position: absolute;
  right: 0%;
  bottom: 15%;
  z-index: 9999
}
.swiper-pagination2 .swiper-pagination-bullet{
  margin: 0 4px;
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #999;
  opacity: .8;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #f6ab3b;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  margin-left: 10px;
}
.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 30%;
    width: 50px;
    height: 50px;
    z-index: 10;
    cursor: pointer;
    background: transparent url(../images/arrows.png) no-repeat;
    -webkit-background-size: 100px 100px;
    background-size: 100px 100px;
}
.swiper-button-prev.show, .swiper-button-next.show{
  display: block;
  opacity: 1;
}

.swiper-button-next.show{
  background-position: 0 0;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev {
  background-position: 0% 100%;

  left: 10px;
  right: auto;
}
.swiper-button-next {
  background-position: 0% 0;
  right: 10px;
  left: auto;
}
.album11 .swiper-pagination{
  top: 680px;
}
.album11 .media-caption, .musician .media-caption{
  position: absolute;
  top: 0;
  right: -230px;
  width: 210px;
  line-height: 1.5em;
  margin: 0;
}
.container{
  margin-bottom: 20px;
  overflow-x:hidden;
}
.section{position: relative;}
.full-height{height: 100vh;overflow: hidden;background-color: #0E1321;}

/*cover*/
.special-chapter-box{
  background-color: rgba(14, 19, 33, 0.6);
  z-index: 50;
  position: relative;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.special-chapter-box.dlbg{
  background: url(../images/dlbg.png) repeat-x;
  background-size: contain;
}
.special-chapter{
  width: 435px;
  color:white;
  font-size: 16px;
  line-height: 1.7em;
}
.special-chapter h2{
  margin-bottom: 25px;
  font-size: 30px;
}
.special-chapter p{
  margin-bottom: 10px;
}
.special-chapter .title-wrap p{
  margin-top: 10px;
  padding-top: 10px;
  font-size: 18px;
  border-top: 5px solid rgba(255,255,255,.5);
}
.nz-slogon{
  margin-bottom: 40px;
}
.title-wrap{
  margin-bottom: 40px;
}
p.digest{
  text-align: justify;
}
.cover-video-box.fixed{
  position: fixed;
  top:0;left:0;
  width: 100%;
  z-index: 10;
  height: 100%;
}
.cover-video{
  width:100%;
  height:100%;
}
.cover-video video {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.denglu-video-poster{
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
}
.cover-info{
  position: absolute;
  left: 20%;
  bottom: 30%;
  width: 100%;
  text-align: center;
  z-index: 10;
  color: white;
  font-size: 14px;
}
.cover-t3{
  left: 18%;
  bottom: 32%;
}
.cover-title{
  margin:0 auto;
  width: 170px;
}
.article-author{
  margin-top: 20px;
}
.article-author span{
  border-top: 1px solid white;
  padding-top: 9px;
}
.cover-caption{
  position: absolute;
  left: 15px;
  bottom: 15px;
  color: #ccc;
  z-index: 20;
  font-size: 14px;
}

@media screen and (max-width: 1280px){
  .swiper-pagination2{
    position: absolute;
    right: 5%;
    bottom: 15%;
    z-index: 9999
  }
}

@media screen and (max-width: 1240px){
  .swiper-pagination2{
    position: absolute;
    right: 10%;
    bottom: 15%;
    z-index: 9999
  }
}
@media screen and (max-width: 1170px){
  .swiper-pagination2{
    position: absolute;
    right: 3%;
    bottom: 16%;
    z-index: 9999
  }
}
@media screen and (max-width: 1024px){
  .swiper-pagination2{
    position: absolute;
    right: 3%;
    bottom: 20%;
    z-index: 9999
  }
}


@media screen and (max-width: 768px){
	.tupybox { display:none; }
  .section .imgbox .pic img{display: block !important;width: 100%}
  p.media-caption{
    font-size: 14px;
   
    color: #666;
    background-color: white;
    text-align: justify;
    margin: 20px auto;

    text-align: center;
  }
  .swiper-button-prev, .swiper-button-next{
    top: 29%;
  }
  .swiper-pagination2{
    position: absolute;
     right: 2%;
     bottom: 230px;
    z-index: 9999
  }

}

@media screen and (max-width: 480px){

  .swiper-pagination2{
    position: absolute;
    bottom: 220px
  }
  .brq { text-align: left; }

}

@media screen and (max-width: 320px){

  .swiper-pagination2{
    position: absolute;
    bottom: 260px
  }

} 
.media-caption2{
  display: none;
}
.jpshtext span{ font-size: 46px; }
.jpshtext p{ font-size: 26px; border-top: 3px solid  #ff9912;
    width: 310px;
    margin: 0 auto; }

@media screen and (max-width: 480px){
  *{font-size: 16px;text-align: left}
  strong{ font-weight:normal;font-size: 18px;}
  .section4{text-align: left !important}
  p.media-caption2{
    display: block;
    padding: 0 10px;
  }
  p.media-caption{
    display: none;
  }
  .gshkj2 { display: none; }
.gshkj { display: block; }
.swiper-button-prev, .swiper-button-next{
  top: 19%;
}
 }
}



.gshkj2 { display: block; }
.gshkj { display: none; }
.section .desc2{
  padding-left: 0%;
  padding-right: 5%;
}
.section .desc3{
  padding-left: 0%;
}