@charset "utf-8";

@media all and (max-width:1440px) {

.section1 .left_move {
    left: -260px;
    bottom: 10%;
}
.section1 .right_move {
    right: -200px;
	top:auto;
    bottom: 5%;
}
.section3 .pic01 {
    left: -13%;
    bottom: 5%;
}
.section3 .pic02 {
    left: 30%;
}
.section5 .section05_leftimg {
    left: -5vw;
}
.section5 .section05_rightimg {
    right: -5vw;
}
.section6 .section06_leftimg {
    left: -40%;
}
.section6 .section06_rightimg {
    right: -15%;
}
.section6 .section06_bottomimg {
    bottom: -55%;
}
}
@media all and ( max-width: 1100px ) {
	.section1 .left_move {
    left: -250px;
    bottom: 3%;
}
	.section1 .right_move {
    right: -250px;
    bottom: 2%;
}
}
@media all and ( max-width: 1024px ) {
	
	.fp-section.fp-table, .fp-slide.fp-table {
	height:auto!important;
}
	.fp-tableCell {height:auto!important;}
	.fp-section.fp-table, .fp-slide.fp-table {
    height:auto!important;
}
	#section0,
	#section0 .fp-tableCell {height:800px!important;}
	#section1,
	#section1 .fp-tableCell {height:950px!important;}
	#section2,
	#section2 .fp-tableCell {height:700px!important;}
	#section3,
	#section3 .fp-tableCell {height:900px!important;}
	#section4,
	#section4 .fp-tableCell {height:700px!important;}
	#section5,
	#section5 .fp-tableCell {height:900px!important;}
	#section6,
	#section6 .fp-tableCell {height:760px!important;}
	
	
	
	.section1 .table-cell-layout {
    vertical-align: middle;
    padding-top: 0%;
}
	.section1 .main-con:before {
    top:38%;
    left: 5%;
		  
}
.fp-section.fp-table, .fp-slide.fp-table {
    overflow: hidden;
	height:100vh!important;
}
	
.section1 .left_move {
    bottom: 1%;
}
.section1 .main-con .main-promotions-tit {
    font-size: 90px;
}
.section1 .main-con h4 {
    font-size: 23px;
    margin: 50px 0 10px 0;
}
.section1 .main-con p {
    font-size: 20px;
}
	.section1 .left_move {
    bottom: 5%;
    left: -50px;
}
	.section1 .right_move {
    right: -50px;
    top: 5%;
    bottom: auto;
}
.section2 .main-con h3 {
    font-size: 52px;
    margin: 0px 0 30px 0;
}
.section2 .main-con p {
    font-size: 17px;
    margin: 0px 0 10px 0;
}
.section2 .btn_area a {
    padding: 15px 30px;
    font-size: 18px;
}
.section3 .sec02_txt_area {
    float: none;
    width: 100%;
}
.section3 .main-con h3 {
    font-size: 52px;
    margin: 0px 0 30px 0;
}
.section3 .main-con p {
    font-size: 17px;
    margin: 0px 0 10px 0;
}
.section3 .btn_area a {
    width: 144px;
    height: 144px;
    margin-right: 10px;
    font-size: 18px;
}
	.section3 .table-cell-layout {vertical-align:top;padding-top:15%;}
	.section3 .pic01 {bottom:5%;left:-10%;}
	.section3 .pic01 img {width:700px;}
	.section3 .pic02 {    right: 23%;
    bottom: 15%;left:auto;}
	.section3 .pic02 img {width:150px;}
	.section3 .area {text-align:center;}
	.section4 .main-con h3 {
    font-size: 52px;
    margin: 0px 0 30px 0;
}
	.section4 .main-con p {
    font-size: 17px;
    margin: 0px 0 10px 0;
}
	.section4 .btn_area a {
    padding: 15px 30px;
    font-size: 18px;
}
	.section5 .table-cell-layout {vertical-align:top;padding-top:15%;}
	.section5 .section05_leftimg  {bottom:5%;left:2%;top:auto;}
	.section5 .section05_rightimg  {bottom:5%;right:2%;left:auto;top:auto;}
	.section5 .section05_leftimg img {width:300px;}
	.section5 .section05_rightimg img {width:300px;}
	.section5 .area {text-align:center;height:100%}
	.section5 .main-con h3 {
     font-size: 52px;
    margin: 0px 0 30px 0;
}
	.section5 .main-con p {
    font-size: 17px;
    margin: 0px 0 10px 0;
}
	.section5 .btn_area a {
    width: 144px;
    height: 144px;
    margin-right: 10px;
    font-size: 18px;
}
	.section6 .main-con h3 {
    font-size: 52px;
    margin: 0px 0 30px 0;
}
	.section6 .main-con p {
     font-size: 17px;
    margin: 0px 0 10px 0;
}
	.section6 .btn_area a {
    padding: 15px 40px;
    font-size: 26px;
}
	.section6 .section06_leftimg  {left:-20%;}
	.section6 .section06_leftimg img {width:450px;}
	.section6 .section06_rightimg {}
	.section6 .section06_rightimg img {width:250px;}
	.section6 .section06_bottomimg {
    bottom: -15%;
}
	.section6 .section06_bottomimg img {width:400px}
	#section0 .table-layout h3 {
    font-size: 80px;
}
	#section0 .table-layout .h3_active p {
   font-size: 80px;
}
}

@media all and ( max-width: 800px ) {
	.main-scroll-icon {display:none;}

#fullpage {overflow-y:hidden;}
	
.section1 .main-con .main-promotions-tit {
    font-size: 80px;
}
	.section1 .main-con h4 {
    font-size: 20px;
    margin: 30px 0 5px 0;
}
	.section1 .main-con p {
    font-size:18px;
}
	
	
	.section1 .left_move .shoadow span {
    border-radius: 60px;
    width: 280px;
    height: 240px;
}
	.section1 .left_move .img img {width:324px;height:324px;}
	
	.section1 .right_move .shoadow span {
    border-radius: 60px;
    width: 210px;
    height: 210px;
}
	.section1 .right_move .img img {width:252px;height:252px;}
	.section2 .fp-tableCell, .section4 .fp-tableCell {
    vertical-align: top;
    padding: 10% 5% 0 5%;
}
	.section2 .main-con h3 {
    font-size: 42px;
}
	.section2 .main-con p {
    font-size: 15px;
}
	.section2 .btn_area a {
    padding: 10px 20px;
    font-size: 16px;
}
	.section3 .main-con h3 {
    font-size: 42px;
}
	.section3 .main-con h3  img {width:59px;height:auto;}
	.section3 .main-con p {
    font-size: 15px;
}
	.section3 .btn_area a {
    width: 120px;
    height: 120px;
    font-size: 16px;
}
	
	.section3 .btn_area a span {
    padding-top: 80px;
}
	.section3 .btn_area a.btn_shoppingmall span {
    background: url(../images/main_sec03_icon1.png) no-repeat 50% 30px;
		background-size:auto 35px ;
}
	.section3 .btn_area a.btn_detailpage span {
    background: url(../images/main_sec03_icon2.png) no-repeat 50% 30px;
		background-size:auto 35px ;
}
	.section4 .main-con h3 {
    font-size: 42px;
}
	.section4 .main-con p {
    font-size: 15px;
}
	.section4 .btn_area a {
    padding: 10px 20px;
    font-size: 16px;
}
	.section5 .main-con h3 {
    font-size: 42px;
}
	.section5 .main-con p {
    font-size: 15px;
}
	.section5 .btn_area a {
    width: 120px;
    height: 120px;
    font-size: 16px;
}
	.section5 .btn_area a span {
    padding-top: 80px;
}
	.section5 .btn_area a.btn_package span {
    background: url(../images/main_sec05_icon1.png) no-repeat 50% 30px;
		background-size:auto 35px ;
}
	.section5 .btn_area a.btn_catalog span {
    background: url(../images/main_sec05_icon2.png) no-repeat 50% 30px;
		background-size:auto 35px ;
}
	.section6 .main-con h3 {
    font-size: 42px;
}
	.section6 .main-con p {
    font-size: 15px;
}
	.section6 .btn_area a {
    padding: 10px 30px;
    font-size: 20px;
}
}
@media all and ( max-width: 550px ) {
.fp-section.fp-table, .fp-slide.fp-table {
	height:auto!important;
}
	.fp-tableCell {height:auto!important;}
	.fp-section.fp-table, .fp-slide.fp-table {
    height:auto!important;
}
	#section0,
	#section0 .fp-tableCell {height:500px!important;}
	#section1,
	#section1 .fp-tableCell {height:650px!important;}
	#section2,
	#section2 .fp-tableCell {height:400px!important;}
	#section3,
	#section3 .fp-tableCell {height:600px!important;}
	#section4,
	#section4 .fp-tableCell {height:400px!important;}
	#section5,
	#section5 .fp-tableCell {height:600px!important;}
	#section6,
	#section6 .fp-tableCell {height:460px!important;}
	.section1 .table-cell-layout {
    vertical-align: middle;
    padding-top: 0%;
}
	.section1 .main-con:before {
    top:38%;
    left: 5%;
		    width: 70px;
    height: 70px;
    background: url(../images/main_sec02_effect_img.png) center/cover no-repeat;
		background-size:70px auto;
}
	
	.section1 .left_move {
    bottom: 5%;left: -50px;
}
	.section1 .left_move .img img {
    width: 200px;
    height: 200px;
}
	.section1 .left_move .shoadow span {
    border-radius: 40px;
    width: 180px;
    height: 180px;
}
	.section1 .right_move {
    right: -50px;
    top: 5%;
    bottom: auto;
}
	.section1 .right_move .img img {
    width: 200px;
    height: 200px;
}
	.section1 .right_move .shoadow span {
    border-radius: 40px;
    width: 180px;
    height: 180px;
}
	.section2 .sec_bg {
    background: url(../images/main3_bgm.png) no-repeat center right;
		background-size:cover;
}
	.section3 .pic01 img {
    width: 370px;
}
	.section3 .pic02 img {
    width: 90px;
}
	.section3 .pic01 {
    left: -10%;
}
	.section3 .pic02 {
    right: 23%;
    bottom: 15%;
}
	.section5 .section05_leftimg {
    left: 5%;
}
	.section5 .section05_rightimg {
    right: 5%;
		bottom:8%;
}
	.section5 .section05_leftimg img {
    width: 150px;
}
	.section5 .section05_rightimg img {
    width: 150px;
}
	.section6 .section06_leftimg {
    left: -40%;
		top: 10%;
}
	.section6 .section06_leftimg img {
    width: 300px;
}
	.section6 .section06_rightimg img {
    width: 150px;
}
	.section6 .section06_bottomimg img {
    width: 200px;
}
	}

@media all and ( max-width: 480px ) {
.section1 .main-con .main-promotions-tit {
    font-size: 35px;
}
.section1 .main-con h4 {
    font-size: 16px;
    margin: 20px 0 5px 0;
}
.section1 .main-con p {
    font-size: 13px;
}
.section2 .main-con h3 {
    font-size: 25px;
}
.section2 .main-con p {
    font-size: 12px;word-break:keep-all;
}
.section2 .btn_area a {
    padding: 5px 15px;
    font-size: 13px;
}
	
	.section3 .main-con h3 {
    font-size: 25px;
}
	.section3 .main-con h3  img {width:39px;height:auto;}
	.section3 .main-con p {
    font-size: 12px;word-break:keep-all;
}
	.section3 .btn_area a {
    font-size: 14px;
}
	
	.section4 .main-con h3 {
    font-size: 25px;
}
	.section4 .main-con p {
    font-size: 12px;word-break:keep-all;
}
.section4 .btn_area a {
    padding: 5px 15px;
    font-size: 13px;
}
	.section5 .main-con h3 {
    font-size: 25px;
}
	.section5 .main-con p {
    font-size: 12px;
		word-break:keep-all;
}
	.section5 .btn_area a {
    font-size: 14px;
}
	
	.section6 .main-con h3 {
    font-size: 25px;
}
	.section6 .main-con p {
    font-size: 12px;
		word-break:keep-all;
}
	.section6 .btn_area a {
    padding: 10px 20px;
    font-size: 16px;
}
	#section0 .table-layout h3 {
    font-size: 50px;
}
	#section0 .table-layout .h3_active p {
   font-size: 50px;
}
	.active .h3_active p font:nth-child(3) {left:0px;}
	.active .h3_active p font:nth-child(4) {left:-2px;}
	.active .h3_active p font:nth-child(5) {left:-2px;}
	.active .h3_active p font:nth-child(6) {left:-2px;}
	.section2 .fp-tableCell,
	.section4 .fp-tableCell {vertical-align: top;padding-top:30px;}
}