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


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


}

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

}


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

.autoScroll{padding-top: 5vw;}


.p4Content .section1 .right{
    /* width:100%; */
    /* float:none; */
    /* line-height: 1.9; */
    /* font-size:14px; */
    /* padding-top: 4vw; */
}
.p4Content .top{padding-bottom: calc(20 / 375 * 100vw);}

.workMain .table .food.pie{
    width: 140% !important;
}
.workMain .table .food{
    width: 100% !important;
}
.workMain .table .wrap3{
    padding-bottom: 20px;
}
.workMain .table .right{
    width: 22%;
    padding: 0;
    margin: 0;
    /* padding-top: 9%; */
}
.workMain .table .posa{}
.workMain .table{padding-bottom: 0;}
.workMain .table .left{
    width: 72%;
    padding-left: 0;
    padding-left: 17%;
    margin: 0;
}
.workMain .table .book{width: 30%;margin:0px;position: absolute;left: 0px;bottom: 0;}

.workMain .table .computerWrap{
margin-left:0px;
}
.workMain .table .computer{
    width: 58%;
}
.workMain .table .lineWrap{width: 32%;height: 61%;left: 5%;top: 6%;}


}






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

.wap{
    display: block !important;
}
.pc{
    display: none !important;
}
.p4Content .section1 .left{
    width: 100%;
    float: none;
}
.p4Content .section1 .right{
    float: none;
    width: 100%;
}

.autoScroll{
    padding-bottom: 70px;
}
.wapShare{
    display: block;
}


.wapGroup{
padding-top: calc(20/375*100vw);
font-size: 0;
}
.wapGroup .peoples img{

}
.wapGroup .peoples a{
    
width: 40px;
    
line-height: 40px;
    
margin-right: 4%;
}
.wapGroup .peoples .total{
    
font-size: 14px;

}


.wapShare .slide .tit{
    font-size: 14px
}

.workMain .detail .words{
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
}
.workMain .detail .words.current {
    margin-top: -20px;
}

.siteLoading .musicIcon{
    margin-bottom: 10vw;
}


.workMain .detail .back a{height: 35px;line-height: 35px;font-size: 14px;padding-left: 45px;padding-right: 25px;background-size: auto 22%;}
.workMain .detail .back{
    
width: auto;
    
display: inline-block;
    
height: auto;
}

.p4Content .section6 ul li .imgbox{
    border-radius: calc(5/375*100vw);
}
.p4Content .section1{
    display: block;
}
.p4Content .section1 .right{
    width:100%;
    float:none;
    padding-top: 4vw; */
}
.p4Content .section1 .left{
    float: none;
    width: 100%;
    text-align: center;
}
.p4Content .section1 .title{
    font-size: 24px;
    text-align: center;
    line-height: 1;
}
.p4Content .section1 .dec{
    font-size: 15px;
}
.p4Content .section1_1{padding:18vw 0;display: block;}

.p4Content .section2{padding-top: 9vw;display: block;}

.p4Content .section2 .left{
    width:100%;
    float:none;
}
.p4Content .section2 .right{
    float:none;
    width:100%;
    padding-top: 7vw;
}
.p4Content .section2 .right ul li .title{
    text-align:left;
    font-size: 16px;
}
.p4Content .section2 .right .title{
    font-size: 22px;
    margin-bottom: 6vw;
    text-align: center;
}
.contactContent .content,
.p4Content .tab{
    padding-top: 120px;
}
.p4Content .section2 .right ul li .dec{
    font-size:14px;
}
.p4Content .section3{padding: 10vw 0px;padding-bottom: 5vw;}
.p4Content .section1_2 ul li{
width:50%;
margin-bottom:8vw;
}
.p4Content .section1_2 ul li:nth-child(2n){
        width: 172px;
    float: right;
}
.p4Content .titlemodel{font-size: 22px;text-align:center;font-family: "微软雅黑";}
.p4Content .section1_1 .imgbox{
    width:100%;
    float:none;
    padding-top:10vw;
}
.p4Content .section1_2{
padding-bottom:10vw;}
.p4Content .section1_2 ul li .icon{
    width:45px;
}
.p4Content .section1_2 ul li .title{
    
font-size: 15px;
}
.p4Content .section3 ul{
padding-top:8vw;}

.p4Content .section3 ul li{width:50%;margin-bottom: 9vw;}

.p4Content .section3 ul li .imgbox img{
    height:30vw;
}
.p4Content .section3 ul li .title{
    font-size:14px;
    padding-top:0px;
}

.p4Content .section4 ul{margin-top:8vw;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;padding-left: 0;padding-right: 0;}
.p4Content .section4 ul li{
    width: 33.333%;
}

.p4Content .section4 ul li .num{
    font-size: 7vw;
    line-height:1;
    margin-bottom: 3vw;
}
.p4Content .section4 ul li{
margin-bottom:4vw;}
.p4Content .section4 ul li .title{
    font-size:18px;
}
.p4Content .section4 ul li .dec p{
    font-size:14px;
}
.p4Content .section4 ul:before{
    display:none;
}
.p4Content .section4{padding-bottom: 8vw;}

.p4Content .section5 ul{
padding-top:8vw;}
.p4Content .section5 ul li{width: 33.33% !important;height: 22vw;position:relative;}
.p4Content .section5.three.type2 ul li{
    width: 50% !important;
}
.p4Content .section5 ul li img{
    position:absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width:100%;
    max-height:100%;
    width: auto;
}
.p4Content .section5.type2,
.p4Content .section5{padding-bottom: 6vw;}
.p4Content .section6 ul{
padding-top:8vw;
}
.p4Content .section6 ul li{
width:100%;
margin-bottom:6vw;
}
.p4Content .section6 ul li .title{
padding-top:3vw;}
.p4Content .section6{
padding-bottom:5vw;}
.p4Content .hd{
padding-top:0;}

.p4Content .hd {
padding:0px 15px;

}
.p4Content .hd a{width:33.333%;margin:0px;height: 85px;font-size: 16px;}


.contactContent .content .cn{
    font-size: 24px;
    padding-bottom: 4px;
    line-height: 1;
    text-align: center;
}
.contactContent .content .en{
    font-size: 15px;
    text-align: center;
    margin-bottom: 4vw;
}
.contactContent .content .items{
    padding: calc(40/375*100vw) calc(20/375*100vw);
    padding-bottom: 1px;
    margin-bottom: 7vw;
}
.contactContent .content .title{
    font-size:15px;
}
.error{
padding-left:15px;
padding-right:15px;
}
.contactContent .content .select,
.contactContent .content .words{
height:40px;
padding:0px 15px;
font-size:14px;
}
.contactContent .content .checks{
padding-left:15px;}
.contactContent .items .item .item span{
    font-size:14px;
    padding-left:25px;
}
.contactContent .content .items> .item{margin-bottom: calc(20/375*100vw);}
.contactContent .content textarea{
padding:15px;
height:120px;
border-radius:10px;
font-size:14px;
}
.contactContent .content .words2{
    font-size:14px;
    padding:0px 10px;
}
.contactContent .content .send .sendBtn{
    font-size: 16px;
    padding-left: 40px;
}
.contactContent .content .send{
    font-size:16px;
    width: 134px;
    height:40px;
}
.contactContent .content .detail{
    margin-bottom:17vw;
}
.contactContent .content .list li{
    width:100%;
    margin-right:0px;
    margin-bottom:0vw;
}
.contactContent .content .list li .title-1{
    font-size:16px;
    padding-top:10px;
    padding-bottom:5px;
}
.contactContent .content .list li .dec{
    font-size:14px;
    padding-bottom: 8vw;
}

.p4Content .section2_1 .aniTime{
    height: auto;
}
.p4Content .section2_1 .aniTime .list{
    height: 51vw;
    background-size: 60%
}
.p4Content .section2_1{
    margin: 18vw auto
}

.p4Content .section2_1 .aniTime .icon{
    width: 100%;
    padding-bottom: 13px;
}
.p4Content .section2_1 .aniTime .icon img{

width: 46%;
}
.p4Content .section2_1 .aniTime .title{

font-size: 12px;

width: 1em;

margin: auto;

line-height: 1.1;

padding-top: 10px;
}
.p4Content .section2_1 .aniTime .item{

width: 14%;
}
.p4Content .section2_1 .aniTime .item:nth-child(1){
    
}
.p4Content .section2_1 .aniTime .item:nth-child(2){
    
}
.p4Content .section2_1 .aniTime .item:nth-child(3){
    
bottom: 6%;
}
.p4Content .section2_1 .aniTime .item:nth-child(4){
    
}
.p4Content .section2_1 .aniTime .item:nth-child(5){
    
}
.p4Content .section2_1 img.bg1{
    width:100%;
    margin-top:-10vw;
}


@keyframes move
{
from {
-o-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-moz-transform: translate(0%,0%);
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);}
to {
    -o-transform: translate(0%, 5px);
-webkit-transform: translate(0%, 5px);
-moz-transform: translate(0%,5px);
-ms-transform: translate(0%, 5px);
transform: translate(0%, 5px);
}
}




.p4Content .section2_1 .center canvas{


-webkit-transform: scale(.9,.9);
-o-transform: scale(.9,.9);
-moz-transform: scale(.9,.9);
-ms-transform: scale(.9,.9);
transform: scale(.9,.9);
}


.p4Content .section2_1 .aniTime .list .lines i.type1 {
    transform: rotate(136deg);
    width: 30%;
    left: 16%;
    top: 7%;
}
.p4Content .section2_1 .aniTime .list .lines i.type2 {
    transform: rotate(112deg);
    width: 12%;
    left: 36%;
    top: 8%;
}
.p4Content .section2_1 .aniTime .list .lines i.type3 {
    transform: rotate(90deg);
    width: 23%;
    left: 38.5%;
    top: 21%;
}
.p4Content .section2_1 .aniTime .list .lines i.type4 {
    transform: rotate(67.8deg);
    width: 16%;
    right: 32%;
    top: 11%;
}
.p4Content .section2_1 .aniTime .list .lines i.type5 {
    transform: rotate(42deg);
    width: 27%;
    right: 17%;
    top: 12%;
}
.p4Content .section2_1 .aniTime .list .lines em:nth-child(2){
    display: none;
}



.workMain .detail .console li.audio:hover .icon{
background: url(../images/jy.png) no-repeat center center
}
.workMain .detail .console li.audio.current .icon {
    background: url(../images/kq.png) no-repeat center center;
}

.workMain .detail{
        -o-transform: translate(-50%, 0%);
        -webkit-transform: translate(-50%, 0%);
        -moz-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        top: 19%;
}

.workMain .detail .console li.leftTime:hover .icon{
        background: url(../images/djs.png) no-repeat center center;
}
.workMain .detail .console li.leftTime.current .icon{
        background: url(../images/djshover.png) no-repeat center center;
}



}



















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

.wap{
    display: block !important;
}
.pc{
    display: none !important;
}

.wapShareBtn{
    width: calc(35 / 375 * 100vw);
    height: calc(35 / 375 * 100vw);
    margin-top: calc(20 / 375 * 100vw);
}

.slideText .yh i:nth-child(1){
background-size:60%;
}
.slideText .yh i:nth-child(2){
background-size:60%;
}
.timerContent .img{
    padding-right: 0px;
    padding-left: 0px;
}
.timerContent .img img{
    width: 15vw;
}
.timerContent .right .slideText{
    width: 70vw;
    height: 91px;
    font-size: calc(12/375*100vw);
    padding-left: 12%;
    padding-right: 10%;
}
.timerContent .right .slideText .btn{padding-top: 110px;}
.timerContent .right .slideText .btn a{
    font-size: calc(15/375*100vw);
    line-height: calc(40/375*100vw);
}
.autoScroll{
    height:calc(100% - calc(70/375*100vw));
    padding-bottom: 70px;
}

.wapShare{
    margin-top:calc(20/375*100vw);
}
.wapShare .h2tit{
    width: calc(35/375*100vw);
    height: calc(35/375*100vw);
}
.wapShare .slide{
    top: calc(55/375*100vw);
}

.wapShare:hover .slide{
     top: calc(45/375*100vw);
}

.wapShare .slide .tit{
    font-size: 12px
}
.workMain .detail .words{
    font-size: 14px;
    line-height: 1.5;
    padding: 10px;
}
.workMain .detail .words.current {
    margin-top: -20px;
}

.siteLoading .musicIcon{
    margin-bottom: 10vw;
}

.topBase .right .share .h2tit{
width: auto;
height: calc(30/375*100vw);
line-height: calc(30/375*100vw);
font-size: calc(13/375*100vw);
padding-left: calc(40/375*100vw);
padding-right: calc(20/375*100vw);
}
.topBase .right .share {
margin-top: calc(26/375*100vw);
}
.topBase .right .share .h2tit:after{ 
width: calc(15/375*100vw);
left: calc(15/375*100vw);
}
.topBase .right .share .tit{
    font-size: calc(12/375*100vw);
    line-height: 1.2;
}
.topBase .right .share .slide{
    width: calc(120/375*100vw);
}
.topBase .right .share:hover .slide{
    top: calc(50/375*100vw);
}
.topBase .right .share .slide:after{
    
top: -10px;
}
.workMain .detail .back a{height: 35px;line-height: 35px;font-size: 14px;padding-left: 45px;padding-right: 25px;background-size: auto 22%;}
.workMain .detail .back{
    
width: auto;
    
display: inline-block;
    
height: auto;
}

.p4Content .section6 ul li .imgbox{
    border-radius: calc(5/375*100vw);
}
.p4Content .section1{
    display: block;
}
.p4Content .section1 .right{
    width:100%;
    float:none;
    padding-top: 4vw; */
}
.p4Content .section1 .left{
    float: none;
    width: 100%;
    text-align: center;
}
.p4Content .section1 .title{
    font-size: 24px;
    text-align: center;
    line-height: 1;
}
.p4Content .section1 .dec{
    font-size: 15px;
}
.p4Content .section1_1{padding:18vw 0;display: block;}

.p4Content .section2{padding-top: 18vw;display: block;}

.p4Content .section2 .left{
    width:100%;
    float:none;
}
.p4Content .section2 .right{
    float:none;
    width:100%;
    padding-top: 10vw;
}
.p4Content .section2 .right ul li .title{
    text-align:left;
    font-size: 16px;
}
.p4Content .section2 .right .title{
    font-size: 22px;
    margin-bottom: 8vw;
    text-align: center;
}
.contactContent .content,
.p4Content .tab{
    padding-top: calc(120/375*100vw);
}
.p4Content .section2 .right ul li .dec{
    font-size:14px;
}
.p4Content .section3{padding:18vw 0px;padding-bottom: 9vw;}
.p4Content .section1_2 ul li{width: 50% !important;margin-bottom:8vw;padding-left: 2%;}
.p4Content .section1_2 ul li:nth-child(2n){
  width: 172px;
  float: right;
}
.p4Content .titlemodel{font-size: 22px;text-align:center;font-family: "微软雅黑";}
.p4Content .section1_1 .imgbox{
    width:100%;
    float:none;
    padding-top:10vw;
}
.p4Content .section1_2{
padding-bottom:10vw;}
.p4Content .section1_2 ul li .icon{
    width:45px;
}
.p4Content .section1_2 ul li .title{
    
font-size: 15px;
}
.p4Content .section3 ul{
padding-top:8vw;}

.p4Content .section3 ul li{width:50%;margin-bottom: 9vw;}

.p4Content .section3 ul li .imgbox img{
    height:30vw;
}
.p4Content .section3 ul li .title{
    font-size:14px;
    padding-top:0px;
}

.p4Content .section4 ul{margin-top:8vw;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;padding-left: 0;padding-right: 0;}
.p4Content .section4 ul li{
    width:50%;
}

.p4Content .section4 ul li .num{
    font-size:17vw;
    line-height:1;
    margin-bottom: 3vw;
}
.p4Content .section4 ul li{
margin-bottom:4vw;}
.p4Content .section4 ul li .title{
    font-size:18px;
}
.p4Content .section4 ul li .dec p{
    font-size:14px;
}
.p4Content .section4 ul:before{
    display:none;
}
.p4Content .section4{
padding-bottom:14vw;}

.p4Content .section5 ul{
padding-top:8vw;}
.p4Content .section5 ul li{width: 33.33% !important;height: 22vw;position:relative;}
.p4Content .section5.three.type2 ul li{
    width: 50% !important;
}
.p4Content .section5 ul li img{
    position:absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width:100%;
    max-height:100%;
    width: auto;
}
.p4Content .section5.type2,
.p4Content .section5{
padding-bottom:18vw;}
.p4Content .section6 ul{
padding-top:8vw;
}
.p4Content .section6 ul li{
width:100%;
margin-bottom:6vw;
}
.p4Content .section6 ul li .title{
padding-top:3vw;}
.p4Content .section6{
padding-bottom:5vw;}
.p4Content .hd{
padding-top:0;}

.p4Content .hd {
padding:0px 15px;

}
.p4Content .hd a{width:33.333%;margin:0px;height: 85px;font-size: 16px;}


.contactContent .content .cn{
    font-size: 24px;
    padding-bottom: 4px;
    line-height: 1;
    text-align: center;
}
.contactContent .content .en{
    font-size: 15px;
    text-align: center;
    margin-bottom: 4vw;
}
.contactContent .content .items{
    padding: calc(40/375*100vw) calc(20/375*100vw);
    padding-bottom: 1px;
    margin-bottom: 7vw;
    padding-bottom: 24px;
}
.contactContent .content .title{
    font-size:15px;
}
.contactContent .content .select,
.contactContent .content .words{
height:40px;
padding:0px 15px;
font-size:14px;
}
.contactContent .content .checks{
padding-left:15px;}
.contactContent .items .item .item span{
    font-size:14px;
    padding-left:25px;
}
.contactContent .content .items> .item{margin-bottom: calc(20/375*100vw);}
.contactContent .content textarea{
padding:15px;
height:120px;
border-radius:10px;
font-size:14px;
}
.contactContent .content .words2{
    font-size:14px;
    padding:0px 10px;
}
.contactContent .content .send .sendBtn{
    font-size: 16px;
    padding-left: 40px;
}
.contactContent .content .send{
    font-size:16px;
    width: 134px;
    height:40px;
}
.contactContent .content .detail{
    margin-bottom:17vw;
}
.contactContent .content .list li{
    width:100%;
    margin-right:0px;
    margin-bottom:0vw;
}
.contactContent .content .list li .title-1{
    font-size:16px;
    padding-top:10px;
    padding-bottom:5px;
}
.contactContent .content .list li .dec{
    font-size:14px;
    padding-bottom: 8vw;
}

.p4Content .section2_1 .aniTime{
    height: auto;
}
.p4Content .section2_1 .aniTime .list{
    height: 51vw;
    background-size: 60%
}
.p4Content .section2_1{
    margin: 18vw auto
}

.p4Content .section2_1 .aniTime .icon{
    width: 100%;
    padding-bottom: 13px;
}
.p4Content .section2_1 .aniTime .icon img{

width: 46%;
}
.p4Content .section2_1 .aniTime .title{

font-size: 12px;

width: 1em;

margin: auto;

line-height: 1.1;

padding-top: 10px;
}
.p4Content .section2_1 .aniTime .item{

width: 14%;
}
.p4Content .section2_1 .aniTime .item:nth-child(1){
    
}
.p4Content .section2_1 .aniTime .item:nth-child(2){
    
}
.p4Content .section2_1 .aniTime .item:nth-child(3){
    
bottom: 6%;
}
.p4Content .section2_1 .aniTime .item:nth-child(4){
    
}
.p4Content .section2_1 .aniTime .item:nth-child(5){
    
}
.p4Content .section2_1 img.bg1{
    width:100%;
    margin-top:-10vw;
}


@keyframes move
{
from {
-o-transform: translate(0%, 0%);
-webkit-transform: translate(0%, 0%);
-moz-transform: translate(0%,0%);
-ms-transform: translate(0%, 0%);
transform: translate(0%, 0%);}
to {
    -o-transform: translate(0%, 5px);
-webkit-transform: translate(0%, 5px);
-moz-transform: translate(0%,5px);
-ms-transform: translate(0%, 5px);
transform: translate(0%, 5px);
}
}




.p4Content .section2_1 .center canvas{


-webkit-transform: scale(.9,.9);
-o-transform: scale(.9,.9);
-moz-transform: scale(.9,.9);
-ms-transform: scale(.9,.9);
transform: scale(.9,.9);
}


.p4Content .section2_1 .aniTime .list .lines i.type1 {
    transform: rotate(136deg);
    width: 30%;
    left: 16%;
    top: 7%;
}
.p4Content .section2_1 .aniTime .list .lines i.type2 {
    transform: rotate(112deg);
    width: 12%;
    left: 36%;
    top: 8%;
}
.p4Content .section2_1 .aniTime .list .lines i.type3 {
    transform: rotate(90deg);
    width: 23%;
    left: 38.5%;
    top: 21%;
}
.p4Content .section2_1 .aniTime .list .lines i.type4 {
    transform: rotate(67.8deg);
    width: 16%;
    right: 32%;
    top: 11%;
}
.p4Content .section2_1 .aniTime .list .lines i.type5 {
    transform: rotate(42deg);
    width: 27%;
    right: 17%;
    top: 12%;
}
.p4Content .section2_1 .aniTime .list .lines em:nth-child(2){
    display: none;
}



.workMain .detail .console li.audio:hover .icon{
background: url(../images/jy.png) no-repeat center center
}
.workMain .detail .console li.audio.current .icon {
    background: url(../images/kq.png) no-repeat center center;
}

.workMain .detail{
        top: calc(110/375*100vw);
}

.workMain .detail .console li.leftTime:hover .icon{
        background: url(../images/djs.png) no-repeat center center;
}
.workMain .detail .console li.leftTime.current .icon{
        background: url(../images/djshover.png) no-repeat center center;
}
}


@media screen and (max-width: 350px){
    .p4Content .section1_2 ul li{
        width: 100% !important;
    }
}