@media screen and (max-width: 1200px){
	.dining{
		padding-left: 10%;
    padding-right: 10%;
	}
 .dining .one {
    width: 50%;                
    margin-bottom: 30px;     
  }
	.top{
		bottom: 8%;
	}
	.print br{
		display: none;
	}

}
@media screen and (max-width: 1145px){
	.phone .too h4 {
		margin-left: 0;
	}
}
@media screen and (max-width: 1045px){
	.laptop .three{
/*		width: 45%;*/
	}
}
@media screen and (max-width: 1024px){
.cc p{
   padding-left: 40px;
}
}
	@media screen and (max-width: 1023px){
	.swiper-slide img {
    /*! width: 45%; */
    /*! height: 45%; */
}
		.main-footer {
        /* padding-bottom: 59px; */
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
    }
		.btn3{
			margin-bottom: 6%;
		}
			.phone .too{
		width: 55%;
	}
		.btn99 {
    margin-right: 18%;
}
	}
@media screen and (max-width: 989px) {

body {}

/* 警�?-?��? */
.warning-wrap {
	background:#f2f2f2;
	color: #333;
	padding: 24px;
	box-sizing: border-box;
}
.warning {
	max-width: 1200px;
	margin: auto;
}
.warning >h6 {
	font-size: 20px;
	margin-bottom: 16px;
}
.warning p {
	line-height: 1.5;
}
}
@media screen and (max-width: 920px){
	    .phone .too{
        width: 60%;
    }
}
@media screen and (max-width: 900px) {
.kv{
	display: none;
}
	.kv{
	display: none;
}
.m_kv{
width: 100%;
height: 0;
padding-bottom:126%;
background-image: url("../images/m_kv.jpg");
background-size: cover;
background-position: left top;
background-repeat: no-repeat;
}
@media screen and (max-width: 850px){
	    .phone .too{
        width: 65%;
    }
}
	@media screen and (max-width: 800px){
	    .phone .too{
        width: 70%;
    }
}
}
@media screen and (max-width: 768px) {
	.section1{
		margin-top: 9%;
    margin-bottom: 9%;
	}
	.section2{
		padding-top: 8%;
		padding-bottom: 8%;
	}
	.section3{
		margin-top: 8%;
    margin-bottom: 10%;
	}
	.df-width2{
		padding-top: 3%;
		padding-bottom: 7%;
	}
	.section6{
		padding-top: 5%;
		padding-bottom: 3%;
	}
	.phone{
		display: block;
		margin: auto;
	}
	.laptop{
		display: block;
		margin: auto;
	}
	.laptop .three {
        width: 75%;
		margin: auto;
    }
	.three .text{
		margin-bottom: 0;
	}
	.phone .too h4{
		margin-left: 8%;
        width: 210px;
		margin-bottom: 8%;
	}
	.phone .too h5{
		    padding-right: 15%;
	}
	.btn99 {
    margin-right: 28%;
		margin-top: 10%;
}
	.section6 ol{
		padding-left: 3%;
	}
	.df-width .print br{
		display: none;
	}
.btn33{
	margin-right: -10%;
}	
}
@media screen and (max-width:650px){
	 .dining .one{
		width: 90%;
		display: block;
		margin: auto;
		
	}
}

@media screen and (max-width: 576px) {
.top{
	display: none;
	}
.lower{
		width: 100%;
        margin: auto;
        position: fixed;
        bottom: 0;
        z-index: 9999;
        display: block;
	    /*! opacity: 0.8; */
		/*height: 55px; */
		margin-bottom:0;
	}	
.lower ul{
		display: flex;
        height: 55px;
        position: relative;
        margin-bottom: 35px;
	}
	.lower .a1{
	    width: 33.33%;
        display: block;
        background-color: #F41C4B;
        text-align: center;
    }
.lower .a1 a{
		display: inline-block;
        color: #fff;
        font-size: 21px;
        font-weight: 700;
        text-decoration: none;
        line-height: 2.5;
	}
	.lower .a1 a br{
		display: none;
	}
	.lower .a2 a br{
		display: none;
	}
	.lower .a3 a br{
		display: none;
	}
.lower .a2{
	    width: 33.33%;
        display: block;
        background-color: #F94646;
        text-align: center;
    }
.lower .a2 a{
		display: inline-block;
        color: #fff;
        font-size: 21px;
        font-weight: 700;
        text-decoration: none;
        line-height: 2.5;
	}
.lower .a3{
	    width: 33.33%;
        display: block;
        background-color: #EF6B07;
        text-align: center;
    }
	.lower .a3 a{
		display: inline-block;
        color: #fff;
        font-size: 21px;
        font-weight: 700;
        text-decoration: none;
        line-height: 2.5;
	}
	.btn-row {
		margin-bottom:-5%;
	}
	.section6 ol{
		margin-top: -15%;
		margin-bottom: 20%;
	}
.pp{
	width: 100%;
}

.cc p{
   padding-left: 45px;
}
	.section1 {
    margin-top: 10%;
    margin-bottom: 10%;
}
	.section2 {
	padding-top: 8%;
		padding-bottom: 8%;
}
	.phone .too img{
		padding-right: 0;
	}
	.btn3 {
		width: 170px;
        margin-bottom: 20%;
		margin-top: 6%;
    }
	.btn2 {
    /*margin-bottom: 6%;*/
	margin-top: 6%;
	padding: 10px;
    }
	.btn33{
	margin-right: 0;
}
	    .btn99 {
        margin-right: 17%;
    }
	.phone .too h4{
		margin-left: 9%;
	}
	.btn99 {
        margin-right: 29%;
	}

	@media screen and (max-width: 550px){
		.phone .too img{
			margin-left: 4%;    
		} 
		    .phone .too h5 {
        padding-right: 8%;
    }
		    .phone .too h4 {
        margin-left: 14%;
    }
		    .btn99 {
        margin-right: 26%;
    }
}
@media screen and (max-width: 500px){
	
	.title h4{
		width: 90%;
		font-size: 21px;
		line-height: 1.5;
		margin-bottom: 3%;
	}
	.title h2{
		font-size: 33px;
		line-height: 1.3;
	}
	.title h3{
		font-size: 26px;
	}
	.title2 h3{
		font-size: 26px;
	}
	  .title2 h2{
		font-size: 33px;
	}
	.title3 h2{
		font-size: 33px;
	}
	.title4 h2{
		font-size: 33px;
	}
	    .phone .too img {
        margin-left: 8%;
    }
	.phone .too h5 {
        padding-right: 0%;
	}
    
		.btn99 {
        margin-right: 21%;
    }
	        .phone .too h4 {
            margin-left: 17%;
        }
	    .laptop .three{
			width: 70%;
	}
	.btn66{
		margin-top: 0;
	}
	.one{
		width: 65%;
	}
	    .cc p {
        padding-left: 35px;
    }
}
}
@media screen and (max-width: 450px){
	.btn{
		width: 320px;
	}
	.phone .too h4 {
         margin-left: 40px; 
    }
	.phone .too h5 {
		padding-left: 7%;
		padding-right: 0%;
		font-size: 18px;
	}
	.phone .too {
		padding-right: 15px;
	}
	    .btn99 {
        margin-right: 15%;
    }
	    
}
@media screen and (max-width: 430px){
	.phone2 .too{
		padding-left: 0%;
	}
	        .phone .too h4 {
            margin-left: 33px;
        }
        .btn99 {
            margin-right: 13%;
        }
	    .cc p {
        padding-left: 35px;
    }
}
@media screen and (max-width: 414px){
	.phone2 .too{
		margin-left: 23%;
	}
}
@media screen and (max-width: 390px){
	.btn99 {
        margin-right: 9%;
    }
	        .phone .too h4 {
            margin-left: 18px;
        }
    }
	.swiper-button-next{
		right: 0;
	}
	.swiper-button-prev{
		left: 0;
	}
	        .laptop .three {
            width: 65%;
        }
	    .btn-row {
        margin-bottom: 3%;
    }
}
@media screen and (max-width: 360px){
	.phone2 .too{
		margin-left: 21%;
	}
	        .phone .too h4 {
            margin-left: 15px;
        }
}
@media screen and (max-width: 344px){
	.btn99{
		margin-left: -6%;
	}
}