
@media (min-width: 1220px) {
	.page-container .wrap{ 
	    max-width: 1200px;
	    margin: 0 auto;
	}
	.footer .wrap .rightDiv{float: left;margin-top: 15px;margin-left: 0px;}
}

@media (min-width: 1230px) {
	.index-container .wrap{ 
	    max-width: 1210px;
	    margin: 0 auto;
	}
}
@media (max-width: 1400px) {
	.index1-container .index-div5 .rightDiv .textDiv .text{padding: 0 8%;}  
}
@media (max-width: 1230px) {
	.row{margin: 0;} 
	.index-container .index-div1 .row,.index-container .index-div3 .wrap{padding: 0 15px}
	.index-container .index-div2 .tabsDiv ul li{margin: 0 15px 10px;}
	.index-container .index-div2 .tabsDiv ul li a{font-size: 22px;}
	.index-container .index-div6 .wrap{margin: 0 auto;}
}
@media (max-width: 1220px) {
	.page-container{padding: 40px;}
	.page-container .textDiv3 .floatImg{right: -40px;bottom: 5%;}
	.topDiv .wrap ul li{margin:0 2.4%;}
	.footer .wrap{padding: 25px 15px;}
}
@media (max-width: 1100px) {
	.topDiv .wrap ul li{margin:0 1.4%;}
}

@media (min-width: 1120px) { 
	.index1-container .wrap,
	.check-container .wrap{ 
	    max-width: 1000px;
	    margin: 0 auto;
	}
}

@media (max-width: 991px) {
	.topDiv{padding: 0 15px;}
	.menu{display: block;}
	.topDiv .wrap .imgDiv{width: auto;}
	.topDiv .wrap .navDiv{width: 100%;float: initial;position: absolute;top: 112px;background: #fff;margin-left: -15px;padding: 20px 0;display: none;}
	.topDiv .wrap .navDiv ul li{float: initial;text-align: center;line-height: 80px;}
	.topDiv .wrap ul li a{font-size: 30px;}
	.footer .wrap{font-size: 22px;}
	.footer .wrap .h3{line-height: 30px;font-size: 22px;}
}

@media (max-width: 767px) {
	html,body{
		margin: 0;
		padding: 0;
	    position: relative;
	    text-size-adjust: 100%;
	   -webkit-text-size-adjust:100%;
	    max-width: 640px;
	    margin: 0 auto;
		background: #fff;
		text-align: center;
		font-family: Tahoma,Geneva,sans-serif;
	}
	.header{background: url(../img/m_header-bg.png) no-repeat center center;background-size: cover;height: 71px;} 
	.header .logoDiv{padding-top: 6px;}
	.header .logoDiv img{width: 55px;}
	.header .logoDiv .textDiv{margin-left: 15px;}
	.header .logoDiv .textDiv span{font-size: 20px;margin: 3px 0;}
	.header .logoDiv .textDiv p{font-size: 10px;}
	.index-container .index-div1{padding: 70px 50px;}
	.index-container .index-div1 .row .leftDiv{width: 100%;margin-top: 10px;}
	.index-container .index-div1 .rightDiv .title{font-size: 22px;}
	/*.index-container .index-div1 .leftDiv .bigImgDiv{width: 100%;}*/
	/*.index-container .index-div1 .leftDiv .smImgDiv{width: 100%;margin: 20px 0;}*/
	/*.index-container .index-div1 .leftDiv .smImgDiv ul{margin: 0 -4px;}*/
	/*.index-container .index-div1 .leftDiv .smImgDiv ul li{float: left;width: 25%;margin-bottom: 0;padding: 0 4px;}*/
	/*.index-container .index-div1 .leftDiv .smImgDiv ul li{margin-bottom: 7.5px;}*/
	.index-container .index-div1 .row .rightDiv{width: 100%;}
	.index-container .index-div1 .rightDiv .priceNum .qtyDiv input{padding: 0;}
	/*.index-container .index-div1 .rightDiv .title,.index-container .index-div1 .rightDiv .title span{font-size: 24px;line-height: 1.2;}*/
	/*.index-container .index-div1 .rightDiv .priceNum .priceDiv{width: 100%;}*/
	/*.index-container .index-div1 .rightDiv .priceNum .qtyDiv{width: 100%;margin-top: 5px;}*/
	/*.index-container .index-div1 .rightDiv .btnDiv button{width: 45%;font-size: 16px;}*/
	/*.index-container .index-div1 .rightDiv .priceNum .priceDiv span,
	.index-container .index-div1 .rightDiv .priceNum .qtyDiv span,
	.index-container .index-div1 .rightDiv .priceNum .qtyDiv input{font-size: 16px;}*/
	/*.index-container .index-div1 .rightDiv p{font-size: 24px;}*/
	.index-container .index-div1 .rightDiv .btnDiv button.code{width: 270px;}
	.index-container .index-div1 .rightDiv .btnDiv button.cart{width: 222px;}
	.index-container .index-div2 .tabContent{background: url(../img/m_index-bg1.png) no-repeat center center;overflow: hidden;}
	/*.index-container .index-div2 .tabsDiv ul li a,.index-container .index-div2 .tabsDiv ul li.active a{font-size: 16px;border-bottom-width:3px;}*/
	.index-container .index-div2 .tabContent{min-height: 402px;padding: 0;padding-top: 40px;}
	.index-container .index-div2 .tabContent .wrap>div{width: 380px;float: right;margin-right: 10px;}
	.index-container .index-div2 .tabContent .title{font-size: 24px;margin-bottom: 10px;}
	.index-container .index-div2 .tabContent ul li .textDiv{width: 295px;}
	.index-container .index-div2 .tabContent ul li .textDiv span{font-size: 15px;}
	.index-container .index-div2 .tabContent ul li .textDiv p{font-size: 12px;margin: 0;}
	.index-container .index-div2 .tabContent ul li .imgDiv{width: 70px;}
	.index-container .index-div3{padding: 40px 0;}
	.index-container .index-div3 .leftDiv{margin-left: 15px;width: 330px;}
	.index-container .index-div3 .leftDiv .title{font-size: 24px;}
	.index-container .index-div3 .leftDiv p{margin: 10px 0;font-size: 13px;text-align: left;}
	.index-container .index-div3 .rightDiv{margin-top: 36px;width: 257px;}
	.index-container .index-div4{padding: 0;width: 100%;margin-left: 0;background: none;}
	.index-container .index-div4 .title{font-size: 24px;margin-bottom: 20px;}
	.index-container .index-div4 .fdDiv{margin-top: 10px;margin-bottom: 30px;padding: 0;}
	.index-container .index-div4 .fdDiv img{margin: 0 auto;}
	.index-container .index-div5{padding: 25px 17px;}
	.index-container .index-div5 .title{font-size: 24px;margin-bottom: 30px;padding-left: 15px;}
	.index-container .index-div5 .row{margin: 0;}
	.index-container .index-div5 .row>div{margin-bottom: 20px;padding: 0 15px;}
	.index-container .index-div5 .row>div .textDiv span{font-size: 18px;margin: 15px 0 10px;}
	.index-container .index-div5 .row>div .textDiv p{font-size: 14px;}
	.index-container .index-div6 .title{font-size: 27px;color:#8d262a;margin-bottom: 20px;}
	.index-container .index-div6 .textContent{margin-top: -300px;padding: 180px 30px 80px;}
	.index-container .index-div6 .textContent .row>div{padding: 0 28px;}
	.index-container .index-div6 .row .imgDiv img{width: 99%;}
	.index-container .index-div6 .row .textDiv{font-size: 13px;margin-top: 20px;}
	.index-container .index-div6 .row>div.col-xs-12 .imgDiv{max-width: 50%;margin: 20px auto 0;}
	
	.index1-container .index-div1{background:none;}
	.index1-container .index-div1 .row{margin-top: 0;padding: 0 80px;}
	.index1-container .index-div1 .hdDiv{padding-right: 0px;background: url(../img/m_index2-img1.png) no-repeat center bottom;background-size: cover;height: 49.6875vw;min-height: 318px;}
	.index1-container .index-div1 .hdDiv .textDiv{margin-left: 40%;max-width: 400px;}
	.index1-container .index-div1 .hdDiv .textDiv .h2{font-size: 36px;margin: 0 0 20px;}
	.index1-container .index-div1 .hdDiv .textDiv .list span{font-size: 16px;}
	.index1-container .index-div1 .leftDiv{width: 100%;text-align: right;margin-top: 0;}
	.index1-container .index-div1 .leftDiv img{margin: 0 auto;}
	.index1-container .index-div1 .rightDiv{width: 100%;padding-top: 0px;margin-right: 0%;}
	.index1-container .index-div1 .rightDiv .btnDiv{margin-top: 60px;overflow: hidden;}
	.index1-container .index-div1 .rightDiv .btnDiv a{max-width: 226px;display:block;float: left;}
	.index1-container .index-div1 .rightDiv .btnDiv .buyNow{margin-left: 18px;float: right;}
	.index1-container .index-div2 .tabContent{min-height: 620px;padding: 60px 0 30px;text-align: center;overflow: hidden;background: url(../img/m_index2-bg1.png) no-repeat center center;}
	.index1-container .index-div2 .tabContent .wrap>div{width: 400px;margin-right:30px;float: right;}
	.index1-container .index-div2 .tabContent .h2{font-size: 30px;margin: 0 0 10px;}
	.index1-container .index-div2 .tabContent .h3{font-size: 20px;margin-bottom: 10px;margin-top: 10px;}
	.index1-container .index-div2 .tabContent .imgDiv img{max-width: 50%;}
	.index1-container .index-div2 .tabContent p{font-size: 13px;}
	.index1-container .index-div4{padding: 20px 0 0;}
	.index1-container .index-div4 .fdDiv{padding: 0 15px;}
	.index1-container .index-div4 .fdDiv img{margin: 0 auto;}
	.index1-container .index-div4 .fdDiv .btnDiv{margin-top: 30px;}
	.index1-container .index-div4 .fdDiv .btnDiv a{width: 45%;display: inline-block;}
	.index1-container .index-div5{background: url(../img/m_index2-bg4-1.png) no-repeat center center;background-size:100% 100%;padding-top: 35px;}
	.index1-container .index-div5 .rightDiv{width: 180px;}
	.index1-container .index-div5 .rightDiv .textDiv{bottom: 25px;}
	.index1-container .index-div5 .rightDiv .textDiv .text span{font-size: 16px;}
	.index1-container .index-div5 .rightDiv .textDiv .text{padding: 25px 15px;font-size: 13px;}
	.index1-container .index-div5 .rightDiv img{display: none;}
	.index1-container .index-div6 .title{font-size: 22px;margin-bottom: 20px;}
	.index1-container .index-div6 .textContent{margin-top: -300px;padding: 180px 0 180px;}
	/*	.index1-container .index-div6 .row .imgDiv img{width: 60%;}*/
	.index1-container .index-div6 .title{font-size: 27px;}
	.index1-container .index-div6 .row .textDiv{font-size: 13px;margin-top: 20px;}
	.index1-container .index-div6 .row{padding: 0 30px;}
	.index1-container .index-div6 .row>div{padding: 0 28px;}
	.index1-container .index-div6 .row .imgDiv img{width: 99%;}
	.index1-container .index-div6 .row>div.col-xs-12 .imgDiv{max-width: 50%;margin: 20px auto 0;}
	.index1-container .index-div7{margin-top: -270px;}
	.index1-container .index-div7>.wrap{padding: 100px 80px 100px;}
	.index1-container .index-div7 .imgDiv{margin-top: -40px;}
	/*.index1-container .index-div7 .imgDiv img{max-width: 60%;}*/
	.index1-container .index-div7 .btnDiv{margin-top: 50px;}
	.index1-container .index-div7 .btnDiv a{width: 45%;display: inline-block;}
	.index1-container .index-div7{padding-bottom: 45px;}
	footer{padding: 20px 40px;font-size: 13px;}
	
	.check-container{
		background: url(../img/m_bg.png) no-repeat center bottom;
    	background-size: 100%;
    }
	.check-container .ck-div1{background: url(../img/m_ck-img1.png) no-repeat center top;background-size: cover;height: 40.469vw;min-height: 259px;}
	.check-container .ck-div1 .hdDiv .textDiv{max-width: 370px;}
	.check-container .ck-div1 .hdDiv .textDiv .h2{font-size: 13px;}
	.check-container .ck-div1 .hdDiv .textDiv p{font-size: 20px;line-height: 30px;}
	.check-container .ck-div2 {padding: 0 15px;}
	.check-container .ck-div2 .leftDiv{width: 100%;padding: 0 70px 0 100px;}
	/*.check-container .ck-div2 .leftDiv .title .h2{font-size: 26px;}*/
	/*.check-container .ck-div2 .leftDiv .title span{font-size: 18px;}*/
	.check-container .ck-div2 .rightDiv{width: 100%;padding:0 60px;}
	.check-container .ck-div2 .leftDiv .formDiv .groupDiv .rightDiv{padding: 0;}
	.check-container .ck-div2 .leftDiv .product img{
		max-width: 339px;
	}
	.check-container .ck-div2 .leftDiv .product .price{font-size: 80px;}
	.check-container .ck-div2 .leftDiv .product .price span{bottom: 15px;}
	.check-container .ck-div2 .leftDiv .formDiv .h3{margin-bottom: 30px;}
	.check-container .ck-div2 .leftDiv .formDiv .groupDiv span,.check-container .ck-div2 .leftDiv .checkbox label{font-size: 18px;}
	.check-container .ck-div2 .rightDiv .title{text-align: left;}
	.check-container .ck-div2 .rightContent{padding-left: 0;}
	.check-container .ck-div2 .rightDiv .rangeDiv{margin-top: 20px;font-size: 18px;text-align: left;}
	.check-container .ck-div2 .rightDiv .rangeDiv>div{display: inline-block;}
	.check-container .ck-div2 .rightDiv .tableDiv table,.check-container .ck-div2 .rightDiv .code,.cardNum span,.dateCvv{font-size: 18px;}
	.dateCvv .cvvDiv div a{font-size: 13px;}
	.check-container .ck-div2 .rightDiv .checkboxDiv{font-size: 13px;margin-bottom: 70px;}
	/*.check-container .ck-div2 .rightDiv .rangeDiv .num,#hkDiv,.check-container .ck-div2 .rightDiv .rangeDiv>span{float: left;}*/
	.check-container .ck-div2 .rightDiv .rangeDiv>span{margin-right: 10px;}
	#hkDiv{margin: 0 20px 0 10px;}
	.check-container .ck-div2 .rightDiv .code input{width: 55%;}
	.check-container .ck-div2 .rightDiv .cardType .right{font-size: 18px;width: auto;}
	.check-container .ck-div2 .rightDiv .cardType .right .imgDiv img{margin-bottom: 10px;}
	.check-container .ck-div2 .rightDiv .cardType .left .radioDiv label{font-size: 16px;}
	.check-container .ck-div2 .rightDiv .checkOutBtn{max-width: 382px;}
	/*.check-container .ck-div2 .rightDiv .sbDiv{margin-top: 30px;}*/
	.check-container .proImgDiv{margin-top: 0px;padding: 0 15px;}
	/*.check-container .proImgDiv img{width: 60%;}*/
	.check-container .thankDiv{margin-bottom: 0px;padding: 0 15px;}
	.check-container footer{margin-top: 100px;}
	.check-container{min-height: 100vh;}
	.check-container .thankDiv .content>img{margin: 30px auto 0;width: 145px;}
	.check-container .thankDiv .content .textDiv{max-width: 100%;margin-left: 0%;margin-top: 30px;float: initial;padding: 0 65px;}
	.check-container .thankDiv .content .textDiv img{max-width: 8%;}
	.check-container .thankDiv .content .textDiv .text{max-width: 88%;margin-left: 2%;}
	.check-container .thankDiv .content .textDiv .text span{font-size: 29px;}
	.check-container .thankDiv .content .textDiv .text p{font-size: 22px;margin-top: 10px;}
	
	.index1-container .index-div4,.index-container .index-div4{overflow: hidden;}
	.index1-container .index-div1 .rightDiv p:nth-child(1){text-align: justify;}
	.index-container .index-div4 .textDiv>img{
		/*max-width: 210%;
    	margin-left: -85%;*/
	}
	.index1-container .index-div4>img{
		/*max-width: 210%;
    	margin-left: -75%;*/
	}
	.check-container .ck-div2 .leftDiv .product1{font-size: 19px;}
	.check-container .ck-div2 .leftDiv .product1 .radioDiv>div label{width: 100%;}
	/*.check-container .ck-div2 .leftDiv .product1 .radioDiv>div img{max-width: 50%;}*/
	
	.page-container{padding: 40px;}
	.page-container .textDiv1 .imgDiv{padding: 0;}
	/*.page-container .textDiv1 p{font-size: 20px;}*/
	.page-container .textDiv1 .h2{font-size: 37px;line-height: 47px;color: #000;}
	.page-container .textDiv1 .h3{font-size: 32px;text-align: center;color: #000;}
	.page-container .textDiv1>img{padding: 0 40px;}
	.page-container .textDiv2 img{margin: 30px 0;}
	.page-container .textDiv3 .title{font-size: 32px;color: #000;}
	.page-container .textDiv3 .text span{margin-bottom: 20px;color: #000;}
	/*.page-container .textDiv3 img{max-width: 327px;}*/
	.page-container .textDiv3 .h3{font-size: 37px;line-height: 47px;text-align: center;color: #000;}
	.page-container .textDiv4 .text{padding: 0;font-size:32px;color: #000;}
	.page-container .textDiv4 .h3{font-size: 30px;text-align: center;color: #000;}
	.page-container .textDiv4 .imgDiv{margin: 40px 0 45px;}
	.page-container .textDiv4 .imgDiv img{width: 100%;margin-bottom: 30px;}
	.page-container .textDiv4 .imgDiv .textDiv{width: 100%;text-align: center;}
	.page-container .textDiv4 .imgDiv .textDiv p{margin-bottom: 25px;}
	.page-container .commentDiv .h2{text-align: center;color: #000;}
	
	.page-container .textDiv1 p,
	.page-container .textDiv2 .text,
	.page-container .textDiv4 .imgDiv .textDiv,
	.page-container .textDiv3 p,.page-container .textDiv3 .text span,
	.page-container .commentDiv ul li .textDiv p,.page-container .commentDiv ul li .grade-box{font-size:26px;line-height: 1.6;color: #000;}
	.page-container .commentDiv ul li .userTime{font-size: 26px;}
	.page-container .textDiv4 .imgDiv .textDiv div{font-size: 30px;}
	.page-container .textDiv4 .imgDiv .textDiv span{font-size: 30px;color: #000;}
	
	.footer .wrap .rightDiv{float: left;margin-top: 10px;margin-left: -25px;}
}
	