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

        }

		
		@media screen and (max-width:1100px){
		
		
			.noMobile{display:none}
			
			.stuPc{display:none}
			.pc4{width:0px}
			.footer-logo{width:180px}
			.mobile-side{height:100vh;overflow-x: hidden;}
			
			#bookTitle{text-align:center;}
		}
		
		
			@media screen and (min-width:1100px){
		
			.phone4{width:0px}
			.stuPhone{display:none}
			.message-button{display:none}
			.mobileBtn{display:none}
			
			
		
		}
		
		
		
		@media screen and (min-width:0px){
		
		
		.logo-pcTwo{width:300px}
		
		}
		
		@media screen and (min-width:700px){
		
		
		.logo-pcTwo{width:400px}
		
		}
		
		
		@media screen and (min-width:1100px){
		
		
		.logo-pcTwo{width:350px}
		
		}
		
		@media screen and (min-width:1300px){
		

		.logo-pcTwo{width:400px}
	
		}
		
		@media screen and (min-width:1400px){
		
		
		.logo-pcTwo{width:400px}
		
		}
		
		
		
		 .message-button  {
		 width: 15%;
       position: fixed;
	  
		bottom: 0;
		right: 0px;
		z-index: 9999;
		
      }
	 
	 /*  弹窗表单相关  */	
	.pop-inner .pop-btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* 首页英雄区布局调优 */
.index01 .s1 {
    padding: 0;
}

@media screen and (min-width: 1200px) {
    .index01 .s1 {
        padding: 0;
    }
}


	 #submit-success {
    color: #fff;
    background-color: #4CAF50;
    border-radius: 4px;
    padding: 8px 16px;
    position: fixed;
   
    top: 50%;
  left: 50%;
     transform: translate(-50%, -50%);
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}


#submit-wrong {
    color: #fff;
    background-color: #ff0000;
    border-radius: 4px;
    padding: 8px 16px;
    position: fixed;
   
    top: 50%;
    left: 50%;
     transform: translate(-50%, -50%);
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/*  顶部飞机巴黎景色相关  */	

@-webkit-keyframes marquee-x {
    to {
        background-position: -100% 0
    }
}

@keyframes marquee-x {
    to {
        background-position: -100% 0
    }
}

.marquee-x,.marquee-y {
    background-size: contain;
    position: absolute;
    z-index: 1
}

.marquee-x {
    width: 10000px;
    height: 30px;
    /* background-position-y:bottom; */
    background-repeat: repeat-x;
    left: -5px;
    bottom: 10px;
    -webkit-animation: marquee-x linear .3s infinite;
    animation: marquee-x linear .3s infinite;
    -webkit-animation-duration: 200s;
    animation-duration: 200s;
	  animation-direction: reverse; /* 修改此处 */
}

.marquee-y {
    display: none;
    width: 150px;
    height: 10000px;
    background-repeat: repeat-y;
    left: -10px;
    top: 0;
    -webkit-animation: marquee-y 100s linear .3s infinite;
    animation: marquee-y 100s linear .3s infinite
}

@media screen and (min-width: 1024px) {
	
	    .marquee-x {
        height: 90px;
        bottom: 10px
    }
}

@media screen and (min-width: 1200px) {
	
	  .banner05 .marquee-x {
        display: none
    }

    .banner05 .marquee-y {
        display: block
    }
	
}







/*  loading 相关  */	 
	@-webkit-keyframes loading {
    to {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }
}


@keyframes loading {
    to {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }
}

@-webkit-keyframes loadbar {
    to {
        width: 100%
    }
}

@keyframes loadbar {
    to {
        width: 100%
    }
}

#loading {
    width: 100vw;
    height: 100vh;
    background-color: #f7f7f7;
    z-index: 1000
}

#loading,#loading #progress-bar {
    position: fixed;
    top: 0;
    left: 0
}

#loading .loading-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    z-index: 1;
    width: 213px;
    height: 130px
}

#loading .loading-icon:after,#loading .loading-icon:before {
    content: '';
    display: block;
    position: absolute
}

#loading .loading-icon:before {
    width: 15px;
    height: 15px;
    background: #f7f7f7;
    top: 67px;
    left: 32px
}

#loading .loading-icon:after {
    width: 8px;
    height: 8px;
    background: #000000;
    top: 51px;
    left: 196px;
    border-radius: 50%;
    -webkit-animation: loading .3s ease-in-out 0s infinite;
    animation: loading .3s ease-in-out 0s infinite
}

#loading #progress-bar {
    width: 0;
    height: 5px;
    background: #4a261d;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    z-index: 20;
    -webkit-animation: loadbar 2s ease-in-out 0s infinite;
    animation: loadbar 2s ease-in-out 0s infinite
}	





.sec-item.si2 ul li:nth-child(6) {
  display: none;
}

.nav10 {
   display: none;
}