.centeryn{width: 1000px;margin: 0 auto;}
.header{height:36px;padding:8px 0;}
.navbar-header1 img{height:20px;}
.nav1{float:right;}
.nav1 li:last-child{margin-left: 20px;}
.nav1 li{float:left;}
.nav1 li a{color: #333;font: normal normal normal 14px/20px "Microsoft YaHei";}
/*内容上面部分*/
/*.contentTop{height:640px;width:100%;}*/
/*.contentTop{
    height: 640px;
    background:url('../images/bg_top.png') no-repeat;
              background-position: top;
              background-size: 100%;
    }*/
.contentTop img{width: 100%;}
.fa1{position: relative;}
.contentTop .introduce {
    top:280px;
    /*top:420px;*/
    position: absolute;
    width: 1000px;
    opacity: 0.8;
	background: #fff;
    border-radius: 32px;
    /*background: linear-gradient(135deg, transparent 20px, #fff 0) top left,
          linear-gradient(-135deg, transparent 20px, #fff 0) top right,
          linear-gradient(-45deg, transparent 20px, #fff 0) bottom right,
          linear-gradient(45deg, transparent 20px, #fff 0) bottom left;*/
  background-size: 50% 50%;
  background-repeat: no-repeat;

}
.intr_content{ font-size: 14px;
    font-family: "Microsoft YaHei"; 
    line-height: 24px;
    color:#42210b;
    padding:0 75px;
    position: relative;
	}
.intr_content::before{
    position: absolute;
    top:10px;
    left: 0;
    display: inline-block;
    width: 2px;
    height: 100px;
    content: "";
    border: 1px solid #76665e;
    /*margin-right: 14px;*/
}
.intr_content::after{
    position: absolute;
    top:10px;
    right: 0;
    display: inline-block;
    width: 2px;
    height: 100px;
    content: "";
    border: 1px solid #76665e;
    /*margin-right: 14px;*/
}

/*.introduce{position: absolute;top:60%;margin: 0 auto;width: 1000px;}*/
.introduce img{width: 100%;}

.bg2 {width: 100%;position: absolute;top:0;z-index: -1;}
.specalCont{position: relative;}
.specilImg {
    /*position: absolute;
    top:20px;*/
    padding-top:50px;
}
.zip{text-align: center;}
.zip  .img_special{width: 50%;}
.specilImg img{display: block;margin-top:-2%; }
.specilImg p{   
     text-align: center;
    margin-top: -3%;
    font: normal normal normal 30px "Microsoft YaHei"; color:#fff;
    }
.contTs{padding:0 8%;    padding-top: 30px;}
.contLeft{float: left;}
.contRight{float:right;}
/*.specalCont{ height:400px;background: url('../images/bg_.png') no-repeat;
        background-position: top;
      
}*/
.zip p{font: normal normal normal 15px "Microsoft YaHei"; color:#fff; text-align: center; padding-top:15px;}
.fristTitle{margin-bottom: 30px;}
.moves{padding-top:65px;}
.second{margin-top:65px;}
.titleLeft{display: inline-block;}
.titleLeft span{font: normal normal normal 30px "Microsoft YaHei"; color:#333;margin-right: 26px;}
.titleLeft img{margin-bottom:8px;}
.more{width: 127px;height: 30px;background: #8b6c39;font: normal normal normal 16px/30px "Microsoft YaHei"; color:#fff;text-align: center;float: right;margin-top: 6px;}
 .more a{font: normal normal normal 16px/30px "Microsoft YaHei"; color:#fff;}
 .yw li {
            list-style: none;
            width: 32%;
            float: left;
            margin-right: 2%;
            background: #d6d1c9;
            padding: 9px;
            margin-bottom:10px; 
        }
        
        .yw li:nth-child(3n) {
            margin-right: 0px;
        }
        
        .yw li p {
            position: absolute;
            width: 100%;
            top: 0px;
           font: normal normal normal 16px/30px "Microsoft YaHei";
            color: #333;
            text-align: center;
        }
        .jieshao{position: relative;margin-top:6px; }
        .jieshao span{position: absolute;left: 12px;color: #ded1bb;font: normal normal normal 16px/28px "Microsoft YaHei";}
        .yw li a{position:relative;}
        .yw li a .picPlay{
            width: 100%;
        }
        .yw li a .buttonPlay{position: absolute;
        left: 50%;
    top: 50%;
    margin-left: -33px;
    margin-top: -33px;}

.zip a{position: relative;}
.zip   .btn_play{   
    position: absolute;
    width: 66px;
    height: 66px;
    left: 50%;
    top: 50%;
    margin-left: -33px;
    margin-top: -33px;}
/*电脑响应式*/
/*背景图片*/
@media only screen and (min-width:999px){
.phoneBanner{display: none;}
}
@media only screen and (max-width:999px){
.pcBanner{display: none;}
}

@media only screen and (max-width:1300px){
.introduce {top:200px!important;}
.contTs {
    padding: 0 8%;
    padding-top: 0px;
}

}

@media only screen and (max-width:1150px){
.introduce {top:100px!important;}
.zip .img_special{
    width: 40%;
}
.contTs {
 padding-top: 0px;
}
}

@media only screen and (min-width:1300px){

.bg2 {
    width: 100%;
    position: relative;
}
.allcontent{position: absolute;top:0px;}
.zip .img_special{
    width: 55%;
}
}
@media only screen and (min-width:1000px){
.yw li a .picPlay {
    width: 100%;
    height: 170px;
 }
}
@media only screen and (min-width:1400px){
/*.introduce {top:66%;}*/
.bg2 {
    width: 100%;
    position: relative;
}
.allcontent{position: absolute;top:0px;}
.zip .img_special{
    width: 60%;
}
}
@media only screen and (min-width:1450px){
.bg2 {
    width: 100%;
    position: relative;
}
.allcontent{position: absolute;top:0px;}
.zip .img_special{
    width: 66%;
}
}
@media only screen and (min-width:1550px){
.bg2 {
    width: 100%;
    position: relative;
}
.allcontent{position: absolute;top:0px;}
.zip .img_special{
    width: 78%;
}
.contentTop .introduce {
    top: 350px;
}
}
@media only screen and (min-width:1750px){
.bg2 {
    width: 100%;
    position: relative;
}
.allcontent{position: absolute;top:0px;}
.zip .img_special{
    width: 88%;
}
.contentTop .introduce {
    top: 400px;
}
}
/* 手机适配 */
@media only screen and (max-width:480px){

    /*播放按钮*/
    .yw li a .buttonPlay{
    height: 40px;
    width: 40px;
    position: absolute;left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;}

    .centeryn{width: 100%;}
    .header{height:80px;padding:8px 0;}
    /*最上面背景处理*/
    .contentTop{
    height: 550px;
    background:url('../images/bg_top.png') no-repeat;
    background-position: top;
    background-size: 100%;
    }
.contentTop .introduce {top:32%!important;}
.specilImg img{display: none!important;}
.specalCont{ 
     /*height:400px;*/
          background: url('../images/bg_.png') no-repeat;
        background-position: top;
        background-size: 100%;
}
    .contentTop .introduce {width: 100%;}
    .contTs {
     padding: 0 15px; 
     padding-top: 30px;
}
.intr_content {padding:15px;}
.zip {width: 100%;}
.zip p{color: #333;}
.zip a .img_special{width: 100%;}
    .specilImg img {
    display: block;
    margin: 0px auto;
    width: 100%;
}
.zip {
    width: 100%;
    border-bottom: 1px solid #fff;
    background: #ccc;
    margin-bottom: 5px;
}
.specilImg p {margin-top:-9%; }
.intr_content::before {top:90px;}
.intr_content::after {top:90px;}
.specalCont {height: auto;}
.yw li:nth-child(3n) {
            margin-right:2%;
        }
         .yw{padding: 0 15px;}
            .yw li {
                list-style: none;
                width: 49%;
                float: left;
                margin-right: 2%;
            }
            .yw li:nth-child(2n) {
                margin-right: 0px;
            }

            .nav1 {float: left; padding-top:10px;}
.fristTitle {
    margin-bottom: 30px;
    padding: 0 15px;
}
.titleLeft img{display: none;}
.jieshao img{width: 35%;}
.jieshao span {left:2px;}
.yw li p {
    position: absolute;
    top: 0px;
    width: 60%;
    right: 0px;
    font: normal normal normal 16px/30px "Microsoft YaHei";
    color: #333;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
}
.bottom{margin-top: 80px!important;}
}