.section{ width:100%; height:100%; overflow:hidden; position:relative; font-family: 'yueroudgo1',"明黑","Microsoft YaHei";background-color:#cbc7bb;}
.section1{ background-image:url(/bundles/frontend/images/02section1.jpg); background-size:cover; background-repeat:no-repeat; background-position: center;}
.section12{ background-image:url(/bundles/frontend/images/sec12_bg.jpg); background-size:auto 100%; background-repeat:no-repeat;background-position: left center; background-color:#b2a694;}
.header{ top:0px;}
.header_menu{ position:fixed; top:40px; right:20px; z-index:999999; width:25px;display:none;}
.header_menu1{ position:fixed; top:40px; right:20px; z-index:999999; width:25px;}
.header_menu img,.header_menu1 img{ width:100%;}
.section_foot,.section_foot .fp-tableCell,.section_foot.fp-slide,.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height:170px !important; overflow:hidden; }
.section_foot{position:relative; background:#f2f2f2;}
#fp-nav{ display:none;}
#fp-nav1 ul li:last-child { display: none;}
.mobile{ display:none;}
.section .pc{ width:100%; height:100%;}
.fp-tableCell{ position:relative; top:0; left:0;width:1200px; margin:0 auto;}
.section1 .fp-tableCell,.section2 .fp-tableCell,.section7 .fp-tableCell,.section10 .fp-tableCell,.section11 .fp-tableCell,.section12 .fp-tableCell{ position:relative; top:0; left:0;width:100%; margin:0 auto;}
.section10 .fp-tableCell .section9_inner{position:relative; top:0; left:0;width:1200px; margin:0 auto; height:100%;}
/*#fp-nav1 ul li:nth-child(2){ height:10px;}*/
#fp-nav1 ul li.cur:nth-child(2){ height:22px;}
#fp-nav1 ul li:nth-child(12){ height:10px;}
#fp-nav1 .tip{ width:100%; padding-right:-250px; position:relative; top:10px; }
#fp-nav1 .tip i{ display:block; width:250px; height:36px; background:url(/bundles/frontend/images/tip1.gif) no-repeat center right;position:absolute; top:90px; right:-2px;}
.buy{ width:290px; height:50px; position:fixed; bottom:40px; left:50%; margin-left:-145px; z-index:99999999;   font-size:20px; line-height:50px; text-align:center;}
.buy a{ display:block; width:290px; height:50px;color:#fff; position:relative;transition: .25s linear; -moz-transition:.25s linear; -webkit-transition:.25s linear; letter-spacing:0.5px;border-radius:25px;background:#262626; }
.buy a:hover{ background:#686868;}
.buy a img{ position:absolute; right:30px; top:21px;transition: .30s linear; -moz-transition:.30s linear; -webkit-transition:.30s linear; }
.buy a:hover img{ right:20px;}
/* section1 */
.section1 .pc .section1_tet{ position: absolute; top:22%; right:0; width: 48%; height: auto; transition: all 2.5s; opacity:0; z-index:10; background:url(/bundles/frontend/images/section1_bg.png) repeat; color:#fff; padding:20px 0 20px 45px; display:none;}
.active.section1 .pc .section1_tet{opacity:1; transition-delay: 1s;}
.section1 .pc .section1_tet img,.section1 .pc .section1_tet1 img{ padding-top:16px;}
.section1 .pc .section1_tet h1,.section1 .pc .section1_tet1 h1{ font-size:48px; color:#fff; padding-bottom:15px; line-height:48px; font-family:'yueroudgo1',"明黑","Microsoft YaHei"; font-weight:normal; }
sup{ font-size:12px; top:-2.5em;}
.section1 .pc .section1_tet h2,.section1 .pc .section1_tet1 h2{ font-size:36px;  color:#b59153; line-height:36px; letter-spacing:7px; padding-bottom:20px; }
.active.section1 .header{ top:0 !important;}
.section1 .pc .section1_tet1{ position: absolute; top:22%;right:0; width: 48%; height: auto; z-index:10; background:url(/bundles/frontend/images/section1_bg.png) repeat; color:#fff; padding:20px 0 20px 45px;
	-webkit-animation: 	appearFromRL3 2500ms ease 1000ms both;
	-moz-animation: 	appearFromRL3 2500ms ease 1000ms both;
	-ms-animation: 		appearFromRL3 2500ms ease 1000ms both;
	-o-animation: 		appearFromRL3 2500ms ease 1000ms both;
	animation: 			appearFromRL3 2500ms ease 1000ms both;
}
/* section2 */
.section2 .section2_bg{transition: all 3s;opacity:0;  z-index:1; position: absolute; top:0; left:0; width: 100%; height:100%;}
.active.section2 .section2_bg{opacity:1; transition-delay: 0.1s;}
.section2 .pc .section2_tet{ position: absolute; top:260px;left:50%; margin-left:-580px; width: 800px; height: auto; transition: all 1s; opacity:0; z-index:10; }
.active.section2 .pc .section2_tet{opacity:1; transition-delay: 0.7s;}
.pc  h1{ font-size:24px; line-height:24px; font-weight:lighter; padding-bottom:12px; color:#8c643c; font-family:"Noto Sans S Chinese",'yueroudgo2',"Microsoft YaHei"; }
.pc  h2{ font-size:48px; font-weight:normal; line-height:58px; color:#59331c;padding-bottom:15px; }
.pc  h3{ font-size:36px; font-weight:normal; line-height:36px; color:#654430;padding-bottom:5px; }
.pc p{font-size:15px; color:#010101; line-height:24px;}
.pc p.zlh{ padding-top:20px;}
.pc .sec2_img{ position: absolute; bottom:20px;right:-20px; width:auto; height: 100%; transition: all 1s; opacity:0; z-index:5;}
.active.section2  .pc .sec2_img{  right:0; bottom:0;opacity:1; transition-delay: 0.7s; }
.pc .sec2_img img{ position:absolute; right:0; top:0; width:100%; height:100%; opacity:0;}
.section2 .pc img.sec2_1{ position: absolute; top:0; right:0; width: auto; height: 100%; transition: all 1s; opacity:0; z-index:5;}
.active.section2 .pc img.sec2_1{ opacity:1; transition-delay: 0.7s; }
.section2 .pc img.sec2_2{ position: absolute; top:0; right:0; width: auto; height: 100%; transition: all 1s; opacity:0; z-index:6;}
.active.section2 .pc img.sec2_2{ opacity:1; transition-delay: 1.5s; }
.section2 .pc img.sec2_3{ position: absolute; top:0; right:0; width: auto; height: 100%; transition: all 1.5s; opacity:0; z-index:7;}
.active.section2 .pc img.sec2_3{ opacity:1; transition-delay: 1.8s; }
.section2 .pc img.sec2_4{ position: absolute; top:0; right:0; width: auto; height: 100%; transition: all 1.5s; opacity:0; z-index:8;}
.active.section2 .pc img.sec2_4{ opacity:1; transition-delay: 1.9s; }
.section2 .pc img.sec2_5{ position: absolute; top:0; right:0; width: auto; height: 100%; transition: all 1.5s; opacity:0; z-index:9;}
.active.section2 .pc img.sec2_5{ opacity:1; transition-delay: 2s; }
/* section3 */
.section3 .pc .section3_tet{ position: absolute; top:150px; left:50%; margin-left:-600px; width: 1200px; height: auto; transition: all 1s; opacity:0; z-index:10; text-align:center;}
.active.section3 .pc .section3_tet,.active1.section3 .pc .section3_tet{opacity:1; transition-delay: 0.7s;}
.pc .sec3_img{ position: absolute; bottom:0;left:50%; margin-left:-600px; width:1200px; height:895px; text-align:center; }
.section3 .pc img.sec3_1{ width:100%; height:100%;position:absolute; left:0; top:0;  transition: all 2s; opacity:0; z-index:10;}
.active.section3 .pc img.sec3_1,.active1.section3 .pc img.sec3_1{ opacity:1; transition-delay: 0.7s; }
.section3 .pc img.sec3_2{ width:100%; height:100%; position:absolute; left:0; top:0; transition: all 1s; opacity:0; z-index:11;}
.active.section3 .pc img.sec3_2,.active1.section3 .pc img.sec3_2{ opacity:1; transition-delay: 1.5s; }
.section3 .pc img.sec3_3{ width:100%; height:100%;position:absolute; left:0; top:0;  transition: all 1s; opacity:0; z-index:11;}
.active.section3 .pc img.sec3_3,.active1.section3 .pc img.sec3_3{ opacity:1; transition-delay: 2.5s; }
.section3 img.sec3_5{position:absolute; left:423px; bottom:243px; z-index:12;transition: all 1s; opacity:0;}
.active.section3 .pc img.sec3_5,.active1.section3 .pc img.sec3_5{ opacity:1; transition-delay: 2.5s; }
.section3 img.sec3_4{width:100%; height:100%;position:absolute; right:0; top:0;transition: all 1s; opacity:0; z-index:12;}
.active.section3 .pc img.sec3_4,.active1.section3 .pc img.sec3_4{ opacity:1; transition-delay: 3s; }
.section3 img.sec3_7{ position:absolute; right:426px; bottom:194px;transition: all 1s; opacity:0; z-index:12;}
.active.section3 .pc img.sec3_7,.active1.section3 .pc img.sec3_7{ opacity:1; transition-delay: 3s; }
.section3 img.sec3_6{position:absolute;left:423px; bottom:243px;display:none; z-index:13;}
.section3 img.sec3_8{ position:absolute;  right:426px; bottom:194px;display:none; z-index:13;}
.sec3_step2,.sec3_step3{ display:none;}
.sec3_step2{ position:absolute;bottom:0px; left:50%; margin-left:-600px; width:1200px; height:895px;}
.sec3_step2 img{ position:absolute; bottom:0; left:0;  width:100%; }
.section3 .pc .section3_tet1{ position: absolute; top:20%; right:50%; margin-right:-400px; width:410px; height: auto; transition: all 1s; opacity:0; z-index:10;}
.active.section3 .pc .section3_tet1,.active1.section3 .pc .section3_tet1{opacity:1; transition-delay: 0.7s;}
.section3 .pc .section3_tet1 a{ display:block; width:82px; height:82px; border-radius:50px; background:#ab957b; position:absolute; top:0px; right:0px; line-height:82px; color:#fff; text-align:center; font-size:18px; vertical-align:middle;}
.section3 .pc .section3_tet1 a span{ font-family:"宋体"; font-size:26px; padding-right:5px; line-height:82px;}
.sec3_step3 img{position:absolute;bottom:0px; left:50%; margin-left:-600px; width:1200px; height:895px;}
.section3 .pc .section3_tet2{ position: absolute; top:230px; left:50%; margin-left:-240px; width:594px; height: auto; transition: all 1s; opacity:0; z-index:10;}
.active.section3 .pc .section3_tet2,.active1.section3 .pc .section3_tet2{opacity:1; transition-delay: 0.7s;}
.section3 .pc .section3_tet2 a{ display:block; width:82px; height:82px; border-radius:50px; background:#ab957b; position:absolute; top:0px; right:0px; line-height:82px; color:#fff; text-align:center; font-size:18px; vertical-align:middle;}
.section3 .pc .section3_tet1 a:hover,.section3 .pc .section3_tet2 a:hover{ background:#654430;}
.section3 .pc .section3_tet2 a span{ font-family:"宋体"; font-size:26px; padding-right:5px; line-height:82px;}
/* section4 */
.section4 .pc .section4_tet{ position: absolute; top:150px;left:0; width: 100%; height: auto; transition: all 2s; opacity:0; z-index:10; text-align:center;}
.active.section4 .pc .section4_tet{ opacity:1; transition-delay: 0.7s;}
.pc .sec4_img{  position: absolute; bottom:20px;left:50%; margin-left:-551px; width:1102px; height:626px; z-index:5; transition: all 1s; opacity:0; }
.active .pc .sec4_img{opacity:1; transition-delay: 0.7s;}
.pc .sec4_img img{ position:absolute; left:0; top:0; width:100%; height:100%; }
.section4 .pc img.sec4_1{ opacity:1; z-index:5;}
.section4 .pc img.sec4_2{opacity:0; z-index:6;}
.section4 .pc img.sec4_3{ z-index:5;}
.sec4_img3{display:none; }
.sec4_img2{ position: absolute; bottom:20px;left:50%; margin-left:-551px; width:1102px; height:626px; z-index:9; transition: all 1s; opacity:0; }
.active  .sec4_img2{opacity:1; transition-delay: 0.7s;}
.sec4_img2 img{ position:absolute; left:0; top:0; width:100%; height:100%; }
.section4 img.sec4_1_1{ opacity:1; z-index:5;}
.section4 img.sec4_2_1{opacity:0; z-index:6;}
.section4 img.sec4_3_1{ z-index:5;}
.sec4_btn{ position:absolute; bottom:100px; right:25px; z-index:999;}
.sec4_btn a{ height:130px;  width:400px; display:block; }
/* section5 */
.section5 .pc .section5_tet{ position: absolute; top:160px;left:0; width: 100%; height: auto; transition: all 2s; opacity:0; z-index:10; text-align:center;}
.active.section5 .pc .section5_tet{ opacity:1; transition-delay: 0.7s;}
.pc .sec5_img{ position: absolute; bottom:20px;left:50%; margin-left:-551px; width:1102px; height:594px; z-index:5; transition: all 1s; opacity:0;}
.active .pc .sec5_img{opacity:1; transition-delay: 0.7s; }
.pc .sec5_img img{ position:absolute; left:0; top:0; width:100%; height:100%; }
.section5 .pc img.sec5_2{ z-index:5;}
.section5 .pc img.sec5_1{ top:35px;  transition: all 1s; z-index:3;}
.active.section5 .pc img.sec5_1{ top:0; transition-delay: 1s; }
/* section6 */
.section6 .pc .section6_tet{ position: absolute; top:150px;right:0; width: 100%; height: auto; transition: all 1s; opacity:0; z-index:10;  text-align:center;}
.active.section6 .pc .section6_tet{ opacity:1; transition-delay: 0.7s;}
.section6 .pc .sec6_img{position: absolute; bottom:-200px; left:50%; margin-left:-470.5px; width:941px; height: 634px; transition: all 1s; opacity:0;}
.active.section6 .pc .sec6_img{bottom:0;opacity:1; transition-delay: 0.7s; }
.pc .sec6_img img{ position:absolute; left:0; bottom:0; width:100%; height:100%; transition: all 1s; opacity:0;}
.active .pc .sec6_img img{opacity:1;}
.active .pc img.sec6_1{ transition-delay: 0.7s; }
.active .pc img.sec6_2{ transition-delay: 1.5s; }
.active .pc img.sec6_3{ transition-delay: 2s; }
.active .pc img.sec6_4{ transition-delay: 2.5s; }
.active .pc img.sec6_5{ transition-delay: 3s; }
.active .pc img.sec6_6{  transition-delay: 3.5s; }
.active .pc img.sec6_7{  transition-delay: 4s; }
.active .pc img.sec6_8{  transition-delay: 4.5s; }
.active .pc img.sec6_9{  transition-delay: 5s; }
.active .pc img.sec6_10{  transition-delay: 5.5s; }
.active .pc img.sec6_11{  transition-delay: 6s; }
/* section7 */
.section7 .pc .section7_tet{ position: absolute; top:150px;right:0; width: 100%; height: auto; transition: all 1s; opacity:0; z-index:10;  text-align:center;}
.active.section7 .pc .section7_tet{ opacity:1; transition-delay: 0.7s;}
.section7 .pc .sec7_img{position: absolute; bottom:0px; left:50%; margin-left:-551px; width:1102px; height: 723px; transition: all 1s; opacity:0;}
.active.section7 .pc .sec7_img{opacity:1; transition-delay: 0.7s; }
.section7 .pc img.sec7_1{ position: absolute; top:0;left:0; width:100%; height: 100%; transition: all 1s; opacity:0; z-index:5;}
.active.section7 .pc img.sec7_1{ opacity:1; transition-delay: 0.7s; }
.section7 .pc img.sec7_2{ position: absolute; top:290px; left:300px; width:0px; height:0px; transition: all 1s; opacity:0; z-index:6;}
.active.section7 .pc img.sec7_2{ top:10px; left:97px; width:300px; height: 173px; opacity:1; transition-delay: 1.5s; }
/* section8 */
.section8 .pc .section8_tet{ position: absolute; top:150px;left:0; width: 100%; text-align:center; height: auto; transition: all 1s; opacity:0; z-index:10;}
.active.section8 .pc .section8_tet{ opacity:1; transition-delay: 0.7s;}
.section8 .pc img.sec8_0{ position: absolute;bottom:0px;left:0; width:1115px; height: 942px;}
.active.section8 .pc img.sec8_0{ 
	-webkit-animation: 	appearCircle 3000ms ease 500ms both;
	-moz-animation: 	appearCircle 3000ms ease 500ms both;
	-ms-animation: 		appearCircle 3000ms ease 500ms both;
	-o-animation: 		appearCircle 3000ms ease 500ms both;
	animation: 			appearCircle 3000ms ease 500ms both;}
.section8 .pc .sec8_img{position: absolute; top:260px; left:50%; margin-left:-292.5px; width:585px; height: 587px; transition: all 1s; opacity:0;}
.active.section8 .pc .sec8_img{opacity:1; transition-delay: 1s; }
.pc .sec8_img img{ position:absolute; left:0; top:0; width:100%; height:100%; transition: all 1s; opacity:0;}
.active .pc .sec8_img img{opacity:1;}
.active .pc img.sec8_1{ transition-delay: 1.5s; }
.active .pc img.sec8_2{ transition-delay: 2s; }
.active .pc img.sec8_3{ transition-delay: 2.5s; }
.active .pc img.sec8_4{ transition-delay: 3s; }
.active .pc img.sec8_5{ transition-delay: 1.5s; }	
/* section9 */
.section9 .pc .section9_tet{ position: absolute; top:150px;right:0; width:100%; height: auto; transition: all 1s; opacity:0; z-index:10; text-align:center;}
.active.section9 .pc .section9_tet{opacity:1; transition-delay: 0.7s;}
.section9 .pc .section9_tet p{ width:380px; position:absolute; left:50%; margin-left:-165px; text-align:left; letter-spacing:-1px;}
.section9 .pc .sec9_img{position: absolute; bottom:0px; left:50%; margin-left:-484.5px; width:969px; height: 612px; transition: all 1s; opacity:0;}
.active.section9 .pc .sec9_img{opacity:1; transition-delay: 1s; }
.section9 .pc img.sec9_1{ position: absolute; top:0; left:0; width: auto; height: 100%; z-index:5;}
.section9 .pc img.sec9_2{ position: absolute; top:0; left:0; width: 100%; height: 100%; transition: all 1s; opacity:0; z-index:6;}
.active.section9 .pc img.sec9_2{ opacity:1; transition-delay: 2s; }
.section9 .pc img.sec9_3{ position: absolute; top:0; left:0; width: 100%; height: 100%;  transition: all 1s; opacity:0; z-index:7;}
.active.section9 .pc img.sec9_3{ opacity:1; transition-delay: 3s; }
.section9 .pc img.sec9_4{ position: absolute; top:83px; left:61px; width: 72px; height: 72px; transition: all 1s; opacity:0; z-index:8;}
.active.section9 .pc img.sec9_4{ opacity:1; transition-delay: 2s; }
.section9 .pc img.sec9_5{  opacity:0; position: absolute; top:83px; left:61px; width: 72px; height: 72px; z-index:9;}
.section9 .pc img.sec9_6{ position: absolute; top:406px; right:276px; width:104px; height: 76px; transition: all 1s; opacity:0; z-index:8;}
.active.section9 .pc img.sec9_6{ opacity:1; transition-delay: 3s; }
.section9 .pc img.sec9_7{ position: absolute; top:406px; right:276px; width:104px; height: 76px; z-index:9; opacity:0;}
.section9 .pc img.sec9_8{  display:none;position: absolute; top:88px; left:0; width: 302px; height:403px;  z-index:8;}
.section9 .pc img.sec9_9{  display:none;position: absolute; top:164px; right:0; width: 380px; height: 357px;z-index:9;}
/* section10 */
.sec10_cont{ top:0; left:50%; margin-left:-600px; position:absolute; width:1200px; height:100%;}
.section10 .pc .section_tet{ position: absolute; top:180px;left:0; width:100%; height: auto; transition: all 1s; opacity:0; z-index:10; text-align:center;}
.active.section10 .pc .section_tet{opacity:1; transition-delay: 0.7s;}
.owl-item{ width:900px; margin:0 auto;}
.owl-item a{ display:block; width:275px; float:left; margin-left:18px ; height:451px; position:relative; font-size:0; line-height:0;}
.owl-item a img{ display:block;}
.owl-item a p{ position:absolute;top:45px; left:20px; width:190px; background-image:url(/bundles/frontend/images/add.jpg); background-repeat:no-repeat; background-position:left 5px; padding-left:50px; color:#835c50; font-size:14px; line-height:22px; font-family:"方正兰亭黑_GBK","Microsoft YaHei"}
.owl-controls{float:left;width:100%;position:absolute; top:150px;left:0;height:41px;z-index:99;}
.owl-buttons div {position: absolute;top:10%;margin:0px;padding:0px;width:142px;height:449px;text-indent: -9999px;float:left;z-index:9999;}
.owl-buttons .owl-prev{  left:-142px; top:0; width:142px;  background:url(/bundles/frontend/images/prev1.png) no-repeat;}
.owl-buttons .owl-next{right:-142px; top:0;width:142px;background:url(/bundles/frontend/images/next1.png) no-repeat; }
.owl-buttons .owl-prev:hover{ -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=0.8);opacity: 0.8;}
.owl-buttons .owl-next:hover{-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=0.8);opacity: 0.8;}
/* section11 */
.section11 .pc .section11_tet{ position: absolute; top:150px;left:0; width: 100%; text-align:center; height: auto; transition: all 1s; opacity:0; z-index:10;}
.active.section11 .pc .section11_tet{ opacity:1; transition-delay: 0.7s;}
.section11 .pc .sec11_img{position: absolute; bottom:0px; left:50%; margin-left:-551px; width:1102px; height: 589px; transition: all 1s; opacity:0;}
.active.section11 .pc .sec11_img{opacity:1; transition-delay: 0.7s; }
.pc .sec11_img img{ position:absolute; left:0;bottom:0; width:100%; height:100%; transition: all 1s; opacity:0;}
.active .pc .sec11_img img{opacity:1;}
.active .pc img.sec11_1{ transition-delay: 1s; }
.active .pc img.sec11_2{ transition-delay: 1.8s; }
.active .pc img.sec11_3{ transition-delay: 2.4s; }
.active .pc img.sec11_4{ transition-delay: 3.1s; }
.active .pc img.sec11_5{ transition-delay: 3.9s; }	
/* section12 */
.section12 .pc .section12_tet{ position: absolute; top:52%;left:50%; margin-left:-250px; margin-top:-150px; width: 500px; height:286px; text-align:left; height: auto;  z-index:10;}
.section12 .pc .section12_tet p{ letter-spacing:-0.5px; padding-bottom:12px;}
.pc img.sec12_1{ position:absolute;right:50px;bottom:-10%; width:auto; height:120%; z-index:2}
.pc img.sec12_2{ display:none; position:absolute;right:0;bottom:0; width:auto; height:100%; z-index:1}
@media screen and (max-width:1920px) and (max-height:900px){
	/* section4 */
	.section4 .pc .section4_tet{ top:120px;}
	/* section5 */
	.section5 .pc .section5_tet{ top:130px;}
	/* section7 */
	.section7 .pc .section7_tet{ top:120px;}
	.section7 .pc .sec7_img{ bottom:-100px;}
	/* section8 */
	.section8 .pc .section8_tet{ top:120px;}
	.section8 .pc .sec8_img{ top:200px;}
	/* section10 */
	.section10 .pc .section_tet{ top:150px;}
	/* section12 */
	.pc img.sec12_2{ display:block; right:140px;}
}
@media screen and (max-width:1680px){
	/* section2 */
	.section2 .pc .section2_tet{ margin-left:-620px; }
	.pc .sec2_img{ right:-60px;}
	.active.section2  .pc .sec2_img{  right:-40px;  }
	/* section10 */
	.section10 .pc .section_tet{  top:180px;}
	/* section12 */
	.pc img.sec12_1{ right:-150px;}
}
@media screen and (max-width:1600px){
	/* section1 */
	.section1 .pc .section1_tet{top:150px; }
	.section1 .pc .section1_tet1{ top:150px;}
	/* section2 */
	.section2 .pc .section2_tet{ margin-left:-550px;top:200px; }
	.pc .sec2_img{ right:-20px;}
	.active.section2  .pc .sec2_img{  right:0px;  }
	/* section3 */
	.section3 .pc .section3_tet{  top:100px; }
	.section3 .pc .section3_tet2{ top:100px;}
	.section3 .pc .section3_tet1{ top:12%;}
	.sec3_step2{ bottom:0px; margin-left:-500px; width:1000px; height:745.83px;}
	/* section4 */
	.section4 .pc .section4_tet{  top:100px;}
	.pc .sec4_img,.sec4_img2{bottom:20px;margin-left:-450px; width:900px; height:511.25px;}
	.sec4_btn{ bottom:120px;}
	.sec4_btn a{ height:80px; margin-bottom:10px;}
	/* section5 */
	.section5 .pc .section5_tet{  top:140px;}
	.pc .sec5_img{ bottom:50px;margin-left:-400px; width:800px; height:431.22px;}
	.section5 .pc img.sec5_1{ top:25px;}
	/* section6 */
	.section6 .pc .section6_tet{top:140px;}
	.section6 .pc .sec6_img{bottom:-300px;}
	.active.section6 .pc .sec6_img{bottom:-100px;}
	/* section7 */
	.section7 .pc .section7_tet{ top:140px;}
	.section7 .pc .sec7_img{bottom:-160px; }
	/* section8 */
	.section8 .pc .section8_tet{  top:140px;}
	.section8 .pc img.sec8_0{ bottom:-60px;width:1115px; height: 942px;}
	.section8 .pc .sec8_img{top:230px;  margin-left:-250px; width:500px; height: 501.71px;}
	.section8 .pc .sec8_img img.sec8_3{ top:-40px;}
	.section8 .pc .sec8_img img.sec8_4{ top:-40px;}
	/* section9 */
	.section9 .pc .section9_tet{  top:100px;}
	.section9 .pc .sec9_img{ bottom:-40px;}
	/* section10 */
	.section10 .pc .section_tet{ top:100px;}
	/* section11 */
	.section11 .pc .section_tet{ top:100px;}
	.section11 .pc .sec11_img{bottom:-50px;}
	/* section12 */
	.pc img.sec12_2{ display:block;position:absolute;right:100px;bottom:0; width:auto; height:100%; z-index:1}
}
@media screen and (max-width:1500px){
	.header_menu{  top:43px; right:20px;}
	.header_menu1{  top:43px; right:20px;}
	/* section3 */
	.section3 .pc .section3_tet{  top:100px; }
	.pc .sec3_img,.sec3_step2,.sec3_step3 img{margin-left:-500px; width:1000px; height:745.83px;}
	.section3 img.sec3_5{left:352.5px; bottom:202.5px; width:145px; height:96.67px; }
	.section3 img.sec3_7{ right:355px; bottom:161.67px;width:146.67px; height:138.33px;}
	.section3 img.sec3_6{left:352.5px; bottom:202.5px; width:145px; height:96.67px;}
	.section3 img.sec3_8{right:355px; bottom:161.67px;width:146.67px; height:138.33px;}
	.section3 .pc .section3_tet2{ top:100px;}
	.section3 .pc .section3_tet1{ top:15%;}
	/* section8 */
	.section8 .pc .section8_tet{  top:120px;}
	.section8 .pc .sec8_img{top:210px;}
	/* section11 */
	.active.section11 .pc .section10_tet{ left:5%;}
}
@media screen and (max-width:1400px){
	/* section1 */
	.section1 .pc .section1_tet,.section1 .pc .section1_tet1{  top:12%;}
	/* section3 */
	.section3 .pc .section3_tet{  top:80px; }
	.pc .sec3_img,.sec3_step2,.sec3_step3 img{ bottom:-20px; margin-left:-450px; width:900px; height:671.25px;}
	.section3 img.sec3_5{left:318.045px; bottom:182.71px; width:130.83px; height:87.22px; }
	.section3 img.sec3_7{ right:320.3px; bottom:145.86px;width:132.33px; height:124.81px;}
	.section3 img.sec3_6{left:318.045px; bottom:182.71px; width:130.83px; height:87.22px;}
	.section3 img.sec3_8{right:320.3px; bottom:145.86px;width:132.33px; height:124.81px;}
	.section3 .pc .section3_tet1{ top:20%;}
	.section3 .pc .section3_tet2{ top:80px;}
	/* section4 */
	.section4 .pc .section4_tet{  top:80px;}
	.section4 .pc h2{ padding-bottom:5px;}
	.pc .sec4_img,.sec4_img2{ bottom:-40px; margin-left:-450px; width:900px; height:511.25px;}
	.sec4_btn{ bottom:120px;}
	.sec4_btn a{ height:80px; margin-bottom:10px;}
	/* section5 */
	.section5 .pc .section5_tet{  top:80px;}
	.section5 .pc h2{ padding-bottom:10px;}
	.pc .sec5_img{ bottom:0px;}
	/* section6 */
	.section6 .pc .section6_tet{top:80px;}
	.section6 .pc .sec6_img{bottom:-400px;}
	.active.section6 .pc .sec6_img{bottom:-200px;}
	/* section7 */
	.section7 .pc .section7_tet{ top:80px;}
	.pc .section7_tet h2{ padding-bottom:5px;}
	.section7 .pc .sec7_img{bottom:-185px;  margin-left:-500px; width:1000px; height: 656.08px;}
	.section7 .pc img.sec7_2{  top:275px; left:275px; width:0px; height:0px;}
	.active.section7 .pc img.sec7_2{ top:-5px; left:88.18px; width:300px; height: 173px;}
	/* section8 */
	.section8 .pc .section8_tet{  top:80px;}
	.section8 .pc img.sec8_0{ bottom:-40px; left:10%;width:80%; height: auto;}
	.section8 .pc .sec8_img{top:180px;  margin-left:-200px; width:400px; height: 401.37px;}
	/* section9 */
	.section9 .pc .section9_tet{top:80px;}
	.section9 .pc .section9_tet h1,.section9 .pc .section9_tet h2{ padding-bottom:5px;}
	.section9 .pc .sec9_img{ bottom:-20px;margin-left:-400px; width:800px; height:505.26px; }
	.section9 .pc img.sec9_4{  top:68.6px; left:50.41px; width:60px; height: 60px; }
	.section9 .pc img.sec9_5{ top:68.6px; left:50.41px; width:60px; height: 60px; }
	.section9 .pc img.sec9_6{  top:335.54px; right:228.1px; width:85.95px; height: 62.81px; }
	.section9 .pc img.sec9_7{ top:335.54px; right:228.1px; width:85.95px; height: 62.81px; }
	.section9 .pc img.sec9_8{ top:72.73px;width:249.59px; height:333.06px;}
	.section9 .pc img.sec9_9{ top:135.54px;width: 314.05px; height: 295.04px;}
	/* section10 */
	.section10 .pc .section_tet{ top:80px;}
	.section10 .pc .section_tet h1{ padding-bottom:5px; }
	.owl-carousel{top:55%;}
	/* section11 */
	.section11 .pc .section11_tet{ top:80px;}
	.section11 .pc .sec11_img{bottom:-100px; }
	/* section12 */
	.pc img.sec12_1{ height:130%; top:-20%;}
	.section12 .pc .section12_tet{ margin-left:-200px;}
}
@media screen and (max-width:1350px){
	/* section2 */
	.section2 .pc .section2_tet{ top:200px; margin-left:0; left:6%; }
	/* section11 */
	.section11 .pc .sec10_img{height:50%; top:30%; }
}
@media screen and (max-width:1300px){	
	.header_menu{  top:20px; right:22px;}
	.header_menu1{  top:20px; right:22px;}
	.header-link{ padding-right:40px;}
	/* section2 */
	.section2 .pc .section2_tet{top:150px; }
	/* section3 */
	.pc .sec3_img,.sec3_step2,.sec3_step3 img{ bottom:10px; margin-left:-400px; width:800px; height:596.67px;}
	.section3 img.sec3_5{left:282px; bottom:162px; width:116px; height:77.33px; }
	.section3 img.sec3_7{ right:284px; bottom:129.33px;width:117.33px; height:110.67px;}
	.section3 img.sec3_6{left:282px; bottom:162px; width:116px; height:77.33px;}
	.section3 img.sec3_8{right:284px; bottom:129.33px;width:117.33px; height:110.67px;}
	.section3 .pc .section3_tet1{ top:20%;}
	/* section4 */
	.pc .sec4_img,.sec4_img2{ margin-left:-400px; bottom:-30px; width:800px; height:454.45px;}
	.sec4_btn{ bottom:90px;}
	.sec4_btn a{ height:70px; margin-bottom:20px; width:300px;}
	/* section5 */
	.pc .sec5_img{ bottom:-20px;}
	/* section6 */
	.section6 .pc .sec6_img{bottom:-380px;}
	.active.section6 .pc .sec6_img{bottom:-180px;}
	/* section7 */
	.section7 .pc .sec7_img{bottom:-120px;  margin-left:-400px; width:800px; height: 524.86px;}
	.section7 .pc img.sec7_2{  top:220px; left:220px; width:0px; height:0px;}
	.active.section7 .pc img.sec7_2{ top:-5px; left:69.29px; width:235px; height: 135.6px;}
	/* section8 */
	.section8 .pc .sec8_img{top:150px;}
	.pc .sec8_img img.sec8_5{top:30px; width:95%; left:2.5%; height:auto;}
	.section8 .pc .sec8_img img.sec8_3{ top:-20px;}
	.section8 .pc .sec8_img img.sec8_4{ top:-20px;}
	/* section9 */
	.section9 .pc .section9_tet{  top:80px;}
	.section9 .pc .section9_tet h1,.section9 .pc .section9_tet h2{ padding-bottom:5px;}
	/* section10 */
	.sec10_cont{ margin-left:-300px;width:600px;}
	.section10 .pc .section_tet{  top:80px;}
	.owl-item{ width:630px; margin:0 auto;}
	.owl-item a{ display:block; width:200px; float:left; margin-left:10px ; height:auto; border:#ddd solid 1px; position:relative;}
	.owl-item a img{ width:100%;}
	.owl-item a p{ position:absolute;top:20px; left:5%; width:85%; background-size:20px auto; background-position:left 5px; padding-left:25px; color:#835c50; font-size:12px; line-height:18px;}
	.owl-controls{float:left;width:100%;position:absolute; top:150px;left:0;height:41px;z-index:99;}
	.owl-buttons div {width:103px;height:327px;}
	.owl-buttons .owl-prev{  left:-103px; top:0; width:103px; background-size:100% auto !important;}
	.owl-buttons .owl-next{right:-103px; top:0;width:103px; background-size:100% auto !important;}
	.owl-carousel{top:220px;	left:50%;	margin-top:0px;	width:650px;	margin-left:-325px;}
	/* section11 */
	.section11 .pc .section11_tet{ top:80px;}
	.section11 .pc .sec11_img{bottom:-20px; margin-left:-400px; width:800px; height: 427.586px;}
}	
@media screen and (max-width:1300px) and (max-height:600px){	
	/* section3 */
	.pc .sec3_img, .sec3_step2, .sec3_step3 img{ bottom:-10px;}
	/* section4 */
	.section4 .pc .section4_tet{ top:60px;}
	/* section5 */
	.section5 .pc .section5_tet{ top:60px;}
	/* section6 */
	.active.section6 .pc .sec6_img{ bottom:-220px;}
	/* section7 */
	.section7 .pc .section7_tet{ top:60px;}
	.section7 .pc .sec7_img{ bottom:-100px;}
	/* section8 */
	.section8 .pc .section8_tet{ top:60px;}
	.section8 .pc .sec8_img{ top:110px;}
	/* section9 */
	.section9 .pc .section9_tet{ top:40px;}
	.section9 .pc .sec9_img{ bottom:-40px;}
	/* section10 */
	.owl-carousel{ top:180px;}
	/* section12 */
	.pc img.sec12_2{ right:200px;}
 } 	
@media screen and (max-width:1200px){
	.header{ top:0;}
	.header_menu,.header_menu1{ display:none;}
	.nav_ul li.active .img2{ display:block;}
	.nav_ul li.active .img1{ display:none;}
	.buy{ width:180px; height:40px; bottom:20px; margin-left:-90px; line-height:40px; font-size:16px; }
	.buy a{width:180px; height:40px;}
	.buy a img{ position:absolute; right:10px; top:16.5px;}
	.buy a:hover img{ right:5px;}
	/* header */
	.header{height:60px;width:100%; position:fixed !important; top:0; left:0; z-index:99999;}
	.section_foot,.section_foot .fp-tableCell,.section_foot.fp-slide,.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height:40px !important; overflow:hidden; }
	.fp-tableCell{ position:relative; top:0; left:0;width:95%; margin:0 auto;}
	.section2 .fp-tableCell .section2_inner,.section4 .fp-tableCell .section4_inner,.section10 .fp-tableCell .section9_inner{position:relative; top:0; left:0;width:95%; margin:0 auto; height:100%;}
	/* section1 */
	.section1 .pc .section1_tet{  top:15%; width:54%;}
	.section1 .pc .section1_tet1{  top:15%; width:54%;}
	/* section2 */
	.section2 .pc .section2_tet{ left:0;}
	.pc .sec2_img{ right:-200px;}
	.active.section2  .pc .sec2_img{  right:-190px;  }
	/* section3 */
	.section3 .pc .section3_tet{  top:120px; }
	.section3 .pc .section3_tet2{ top:120px;}
	/* section4 */
	.section4 .pc .section4_tet{  top:65px;}
	.pc .sec4_img,.sec4_img2{ bottom:-20px; margin-left:-450px; width:900px; height:511.25px;}
	.sec4_btn{ bottom:100px;}
	.sec4_btn a{ height:90px; margin-bottom:20px; width:350px;}
	/* section4 */
	.section5 .pc .section5_tet{ top:70px;}
	.pc .sec5_img{ bottom:-10px;}
	/* section6 */
	.section6 .pc .section6_tet{  top:70px;}
	.section6 .pc .sec6_img{bottom:-200px;}
	.active.section6 .pc .sec6_img{bottom:-160px;}
	/* section7 */
	.section7 .pc .section7_tet{  top:70px;}
	.section7 .pc .sec7_img{bottom:-80px; }
	/* section8 */
	.section8 .pc .section8_tet{  top:70px;}
	.section8 .pc img.sec8_0{ bottom:10px; left:10%;width:80%; height: auto;}
	.section8 .pc .sec8_img{ top:150px;}
	/* section9 */
	.section9 .pc .section9_tet{  top:100px;}
	/* section10 */
	.section10 .pc .section_tet{  top:100px;}
	.owl-carousel{top:220px;}
	/* section11 */
	.section11 .pc .section11_tet{ top:100px;}
	/* section12 */
	.pc img.sec12_1{ height:100%; top:0; }
	.section12 .pc .section12_tet{left:30%; margin-left:0;}
}
@media screen and (max-width:1024px){
	.pc  h1{ font-size:1.7rem; line-height:1.7rem; font-weight:lighter; padding-bottom:6px; color:#8c643c;}
	.pc  h2{ font-size:2.9rem; font-weight:normal; line-height:3.4rem; color:#59331c; padding-bottom:10px;}
	.pc  h3{ font-size:2.3rem; font-weight:normal; line-height:2.3rem; color:#654430;padding-bottom:5px; }
	.pc p{font-size:1.25rem; color:#010101; line-height:1.7rem;}
	/* section1 */
	.section1 .pc .section1_tet{  top:22%;width: 48%; padding:18px 0 20px 21px; }
	.section1 .pc .section1_tet img,.section1 .pc .section1_tet1 img{ padding-top:0px; width:auto; height:25px;}
	.section1 .pc .section1_tet h1,.section1 .pc .section1_tet1 h1{ font-size:2.9rem; padding-bottom:8px; line-height:2.9rem; }
	.section1 .pc .section1_tet h2,.section1 .pc .section1_tet1 h2{ font-size:2.3rem;  line-height:2.3rem; letter-spacing:3px; padding-bottom:0px; }
	.section1 .pc .section1_tet1{ top:22%;width: 48%; padding:18px 0 20px 21px; }
	/* section2 */
	.section2 .pc .section2_tet{ top:200px;}
	.pc .sec2_img{ right:-110px;}
	.active.section2  .pc .sec2_img{  right:-100px;  }
	/* section3 */
	.section3_tet img{ width:20px; height:auto;}
	.section3 .pc .section3_tet{  top:100px; }
	.section3 .pc .section3_tet1{  top:20%; right:50%; margin-right:-270px; width:280px;}
	.section3 .pc .section3_tet1 a,.section3 .pc .section3_tet2 a{ width:60px; height:60px; line-height:60px; font-size:1.4rem;}
	.section3 .pc .section3_tet1 a span,.section3 .pc .section3_tet2 a span{ font-size:1.8rem; padding-right:2.5px; line-height:60px;}
	.section3 .pc .section3_tet2{ top:100px;margin-left:-240px; width:480px; height: auto;}
	.pc .sec3_img,.sec3_step2,.sec3_step3 img{ bottom:0px;}
	/* section4 */
	.section4 .pc .section4_tet{  top:100px;}
	.pc .sec4_img,.sec4_img2{ bottom:20px; margin-left:-400px; width:800px; height:454.45px;}
	.sec4_btn{ bottom:100px;}
	.sec4_btn a{ height:70px; margin-bottom:10px; width:300px;}
	/* section5 */
	.section5 .pc .section5_tet{  top:100px;}
	.pc .sec5_img{ bottom:0px;}
	/* section6 */
	.section6 .pc .section6_tet{  top:100px;}
	.section6 .pc .sec6_img{bottom:-180px; margin-left:-375px; width:750px; height: 505px; }
	.active.section6 .pc .sec6_img{bottom:-80px;}
	/* section7 */
	.section7 .pc .sec7_img{bottom:-80px;}
	.section7 .pc .section7_tet{  top:100px;}
	/* section8 */
	.section8 .pc .section8_tet{  top:100px;}
	.section8 .pc .sec8_img{top:150px;}
	.pc .sec8_img img.sec8_5{top:30px; width:95%; left:2.5%; height:auto;}
	/* section9 */
	.section9 .pc .section9_tet{  top:100px;}
	.section9 .pc .section9_tet p{ margin-left:-145px;}
	/* section11 */
	.section11 .pc .section11_tet{ top:100px;}
	.section11 .pc .sec11_img{bottom:0px; }
	/* section12 */
	.section12 .pc .section12_tet{left:30%;  margin-top:-89px; }
	.section12 .pc .section12_tet p{ padding-bottom:10px;}
	.pc img.sec12_1{ right:-100px;}
	.pc img.sec12_2{ right:0px;}
}
@media screen and (max-width:960px){
	/* section2 */
	.pc .sec2_img{ right:-50px;}
	.active.section2  .pc .sec2_img{  right:-40px;  }
	/* section3 */
	.section3 .pc .section3_tet{  top:80px; }
	.section3 .pc .section3_tet2{ top:80px;margin-left:-220px; width:460px; }
	.pc .sec3_img,.sec3_step2,.sec3_step3 img{ bottom:15px;margin-left:-300px; width:600px; height:447.5px;}
	.section3 img.sec3_5{left:211.5px; bottom:121.5px; width:87px; height:58px; }
	.section3 img.sec3_7{ right:213px; bottom:97px;width:88px; height:83px;}
	.section3 img.sec3_6{left:211.5px; bottom:121.5px; width:87px; height:58px;}
	.section3 img.sec3_8{right:213px; bottom:97px;width:88px; height:83px;}
	/* section4 */
	.section4 .pc .section4_tet{  top:80px; }
	.pc .sec4_img,.sec4_img2{margin-left:-300px; width:600px; height:340.83px;}
	.sec4_btn{ bottom:60px;}
	.sec4_btn a{ height:50px; margin-bottom:20px; width:250px;}
	/* section5 */
	.section5 .pc .section5_tet{  top:80px;}
	.pc .sec5_img{ bottom:30px;margin-left:-300px; width:600px; height:323.42px;}
	.section5 .pc img.sec5_1{ top:20px;}
	/* section6 */
	.section6 .pc .section6_tet{  top:80px;}
	.section6 .pc .sec6_img{bottom:-280px; }
	.active.section6 .pc .sec6_img{bottom:-180px; }
	/* section7 */
	.section7 .pc .section7_tet{  top:80px;}
	.section7 .pc .sec7_img{bottom:-40px;  margin-left:-300px; width:600px; height: 393.65px;}
	.section7 .pc img.sec7_2{  top:166px; left:166px; width:0px; height:0px;}
	.active.section7 .pc img.sec7_2{ top:0; left:54px; width:182px; height: 105px;}
	/* section8 */
	.section8 .pc .section8_tet{  top:80px;}
	.section8 .pc .sec8_img{top:140px;  margin-left:-150px; width:300px; height: 301.03px;}
	.pc .sec8_img img.sec8_5{ top:10px;}
	/* section9 */
	.section9 .pc .section9_tet{top:80px;}
	.section9 .pc .section9_tet h2{ padding-bottom:2px;}
	.section9 .pc .sec9_img{ bottom:-10px;margin-left:-300px; width:600px; height:378.95px; }
	.section9 .pc img.sec9_4{  top:51.39px; left:37.77px; width:44.58px; height: 44.58px; }
	.section9 .pc img.sec9_5{  top:51.39px; left:37.77px; width:44.58px; height: 44.58px; }
	.section9 .pc img.sec9_6{  top:251.39px; right:171px; width:64.4px; height: 47.1px; }
	.section9 .pc img.sec9_7{  top:251.39px; right:171px; width:64.4px; height: 47.1px; }
	.section9 .pc img.sec9_8{ top:54.5px;width:187px; height:249.54px;}
	.section9 .pc img.sec9_9{ top:101.55px;width: 235.3px; height: 221.05px;}
	/* section10 */
	.section10 .pc .section_tet{  top:80px;}
	.owl-carousel{top:160px;}
	/* section11 */
	.section11 .pc .section11_tet{ top:80px;}
	.section11 .pc .sec11_img{bottom:-60px;}
	/* section12 */
	.pc img.sec12_1{right:-80px;}
	.pc img.sec12_2{ right:100px;}
}	
@media screen and (max-width:800px){

	.section_foot,.section_foot .fp-tableCell,.section_foot.fp-slide,.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell{ height:30px !important; overflow:hidden; }
	.header{ height:45px;}
	/* section2 */
	.pc .sec2_img{ right:-130px;}
	.active.section2  .pc .sec2_img{  right:-120px;  }
	/* section3 */
	.section3 .pc .section3_tet{  top:80px; }
	.section3 .pc .section3_tet2{ top:80px;}
	.pc .sec3_img,.sec3_step2,.sec3_step3 img{ bottom:-10px;}
	/* section4 */
	.section4 .pc .section4_tet{  top:55px;}
	.pc .sec4_img,.sec4_img2{bottom:0px;}
	/* section5 */
	.section5 .pc .section5_tet{  top:55px;}
	.pc .sec5_img{ bottom:0px;}
	/* section6 */
	.section6 .pc .section6_tet{  top:55px;}
	.section6 .pc .sec6_img{bottom:-200px; margin-left:-300px; width:600px; height: 404.25px; }
	.active.section6 .pc .sec6_img{bottom:-100px; }
	/* section7 */
	.section7 .pc .section7_tet{  top:55px;}
	.section7 .pc .sec7_img{bottom:-60px; }
	/* section8 */
	.section8 .pc .section8_tet{  top:55px;}
	.section8 .pc .sec8_img{top:95px;}
	.pc .sec8_img img.sec8_5{ top:20px;}
	/* section9 */
	.section9 .pc .section9_tet{top:55px;}
	.section9 .pc .section9_tet h2{ padding-bottom:0px;}
	.section9 .pc .sec9_img{ bottom:-20px; }
	/* section10 */
	.sec10_cont{ margin-left:-200px;width:400px;}
	.section10 .pc .section_tet{  top:55px;}
	.owl-item{ width:565px; }
	.owl-item a{  width:180px;margin-left:5px ;}
	.owl-item a p{top:15px; left:5%; width:85%; background-size:20px auto; background-position:left 0px; padding-left:20px;  font-size:11px; line-height:18px;}
	.owl-controls{ top:100px;}
	.owl-buttons div {width:92.2px;height:293px;}
	.owl-buttons .owl-prev{  left:-92.2px; top:0; width:92.2px; background-size:100% auto !important;}
	.owl-buttons .owl-next{right:-92.2px; top:0;width:92.2px; background-size:100% auto !important;}
	.owl-carousel{top:130px;	left:50%;	margin-top:0px;	width:565px;	margin-left:-280px;}
	/* section11 */
	.section11 .pc .section11_tet{ top:55px;}
	.section11 .pc .sec11_img{bottom:-80px;}
	/* section12 */
	.section12 .pc .section12_tet{left:25%;  margin-top:-89px; }
	.pc img.sec12_2{right:80px;}
}	
@media screen and (max-width:780px){
	.section{ font-family: 'yueroudgo1',"明黑","PingFang SC","Microsoft YaHei";}
	.pc{ display:none;}
	.mobile{ display:block; width:100%; height:100%;}
	.section1{ background-image:url(/bundles/frontend/images/02section1_1.jpg); background-size:auto 100%; background-position:center right 16%; background-repeat:no-repeat;}
	.section12{ background-image:url(/bundles/frontend/images/sec12_bg1.jpg); background-size:cover; background-repeat:no-repeat;background-position: center bottom; background-color:#cbc7bb;}
	.buy{ width:160px; height:34px; bottom:25px; margin-left:-80px; font-size:1.4rem; line-height:34px;}
	.buy a{width:160px; height:34px;}
	.buy a:hover { background:#262626;}
	.buy a img{ position:absolute; right:10px; top:15px; width:auto; height:4px;}
	.buy a:hover img{ right:10px;}
	.mobile  h1{ font-size:1.6rem; line-height:1.6rem; font-weight:lighter; padding-bottom:6px; color:#8c643c; font-family:"Noto Sans S Chinese",'yueroudgo2',"PingFang SC","Microsoft YaHei"; letter-spacing:-0.5px; }
	.mobile  h2{ font-size:2.5rem; font-weight:normal; line-height:3rem; color:#59331c;padding-bottom:10px;}
	.mobile  h3{ font-size:1.9rem; font-weight:normal; line-height:1.9rem; color:#654430;padding-bottom:5px; }
	.mobile p{font-size:1rem; color:#010101;  line-height:1.3rem;}
 .mobile p.zlh{ padding-top:10px;}
	/* section1 */
	.section1 .mobile .section1_tet{ position: absolute; right:0;top:200px; width: 60%;   padding:18px 0 20px 21px;  height: auto; transition: all 2s; opacity:0; z-index:10; background:url(/bundles/frontend/images/section1_bg.png) repeat; color:#fff; display:none;}
	.active.section1 .mobile .section1_tet{opacity:1; transition-delay: 1s;}
	.section1 .mobile .section1_tet img,.section1 .mobile .section1_tet1 img{ height:25px;}
	.section1 .mobile .section1_tet h1,.section1 .mobile .section1_tet1 h1{ font-size:2.5rem; line-height:2.5rem; font-weight:lighter; color:#fff; padding-bottom:8px; padding-top:2px;  }
	.section1 .mobile .section1_tet h2,.section1 .mobile .section1_tet1 h2{ font-size:1.9rem; line-height:1.9rem; font-weight:lighter; color:#968750; padding-bottom:0;  }
	.section1 .mobile .section1_tet1{ position: absolute; right:0;top:200px; width: 60%;  padding:18px 0 20px 21px;height: auto; z-index:10; background:url(/bundles/frontend/images/section1_bg.png) repeat; color:#fff; 
	-webkit-animation: 	appearFromRL3 2000ms ease 1000ms both;
	-moz-animation: 	appearFromRL3 2000ms ease 1000ms both;
	-ms-animation: 		appearFromRL3 2000ms ease 1000ms both;
	-o-animation: 		appearFromRL3 2000ms ease 1000ms both;
	animation: 			appearFromRL3 2000ms ease 1000ms both;
	}
	.sec1_img{ height:100%;bottom:0; position:absolute;}
	/* section2 */
	.section2 .section2_bg{transition: all 3s;opacity:0;  z-index:1; position: absolute; top:0; left:0; width: 100%; height:100%; }
	.active.section2 .section2_bg{opacity:1; transition-delay: 0.1s;}
	.section2 .mobile .section2_tet{ position: absolute; bottom:20%;left:10%; width:80%; height: auto; transition: all 1s; opacity:0; z-index:10; color:#2d1e1e;}
	.active.section2 .mobile .section2_tet{opacity:1; transition-delay: 0.7s;}
	.mobile .sec2_img{ position: absolute; bottom:0;right:-100px; width:auto; height: 100%; transition: all 1s; opacity:0; z-index:5;}
	.active.section2  .mobile .sec2_img{ opacity:1; transition-delay: 0.7s; }
	.mobile .sec2_img img{ position:absolute;right:0; bottom:0; width:auto; height:100%; opacity:0;}
	.section2 .mobile img.sec2_1{ width: auto; height: 100%; transition: all 1s; opacity:0; z-index:5;}
	.active.section2 .mobile img.sec2_1{ opacity:1; transition-delay: 0.7s; }
	.section2 .mobile img.sec2_2{ width: auto; height: 100%; transition: all 1s; opacity:0; z-index:6;}
	.active.section2 .mobile img.sec2_2{ opacity:1; transition-delay: 1.5s; }
	.section2 .mobile img.sec2_3{ width: auto; height: 100%; transition: all 0.5s; opacity:0; z-index:7;}
	.active.section2 .mobile img.sec2_3{ opacity:1; transition-delay: 1.8s; }
	.section2 .mobile img.sec2_4{ width: auto; height: 100%; transition: all 0.8s; opacity:0; z-index:8;}
	.active.section2 .mobile img.sec2_4{ opacity:1; transition-delay: 1.9s; }
	.section2 .mobile img.sec2_5{ width: auto; height: 100%; transition: all 0.8s; opacity:0; z-index:8;}
	.active.section2 .mobile img.sec2_5{ opacity:1; transition-delay: 2s; }
	/* section3 */
	.sec3_img1,.step2_2{ display:none;}
	.section3 .mobile .section3_tet{ position: absolute; top:150px; left:50%; margin-left:-600px; width: 1200px; height: auto; transition: all 1s; opacity:0; z-index:10; text-align:center;}
	.active.section3 .mobile .section3_tet,.active1.section3 .mobile .section3_tet{opacity:1; transition-delay: 0.7s;}
	.mobile .sec3_img{ position: absolute; bottom:150px;left:50%; margin-left:-400px; width:800px; height:596.67px; text-align:center; }
	.section3 .mobile img.sec3_1{ width:100%; height:100%;position:absolute; left:0; top:0;  transition: all 2s; opacity:0; z-index:10;}
	.active.section3 .mobile img.sec3_1,.active1.section3 .mobile img.sec3_1{ opacity:1; transition-delay: 0.7s; }
	.section3 .mobile img.sec3_2{ width:100%; height:100%; position:absolute; left:0; top:0; transition: all 1s; opacity:0; z-index:11;}
	.active.section3 .mobile img.sec3_2,.active1.section3 .mobile img.sec3_2{ opacity:1; transition-delay: 1.5s; }
	.section3 .mobile img.sec3_3{ width:100%; height:100%; position:absolute; left:0; top:0;  transition: all 1s; opacity:0; z-index:11;}
	.active.section3 .mobile img.sec3_3,.active1.section3 .mobile img.sec3_3{ opacity:1; transition-delay: 2.5s; }
	.section3 img.sec3_5{position:absolute;left:282px; bottom:162px; width:116px; height:77.33px;z-index:13;transition: all 1s; opacity:0; z-index:11;}
	.active.section3 .mobile img.sec3_5,.active1.section3 .mobile img.sec3_5{ opacity:1; transition-delay: 2.5s; }
	.section3 img.sec3_4 { width:100%; height:100%; position:absolute; right:0; top:0;transition: all 1s; opacity:0; z-index:11;}
	.active.section3 .mobile img.sec3_4,.active1.section3 .mobile img.sec3_4{ opacity:1; transition-delay: 3s; }
	.section3 img.sec3_7{ position:absolute; right:284px; bottom:129.33px;width:117.33px; height:110.67px;transition: all 1s; opacity:0; z-index:12;}
	.active.section3 .mobile img.sec3_7,.active1.section3 .mobile img.sec3_7{ opacity:1; transition-delay: 3s; }
	.section3 img.sec3_6{position:absolute;left:282px; bottom:162px; width:116px; height:77.33px;display:none; z-index:13;}
	.section3 img.sec3_8{ position:absolute;right:284px; bottom:129.33px;width:117.33px; height:110.67px;display:none; z-index:13;}
	.sec3_step2,.sec3_step3{ display:none;}
	.sec3_step2{ position:absolute;bottom:150px; left:50%; margin-left:-400px; width:800px; height:596.67px;}
	.sec3_step2 img{ position:absolute; bottom:0; left:0;  width:100%; }
	.section3 .mobile .section3_tet1{ position: absolute; top:20%; right:50%; margin-right:-250px; width:250px; height: auto; transition: all 1s; opacity:0; z-index:10;}
	.active.section3 .mobile .section3_tet1,.active1.section3 .mobile .section3_tet1{opacity:1; transition-delay: 0.7s;}
	.section3 .mobile .section3_tet1 a{ display:block; width:60px; height:60px; border-radius:50px; background:#ab957b; position:absolute; top:0px; right:0px; line-height:60px; color:#fff; text-align:center; font-size:1rem; vertical-align:middle;}
	.section3 .mobile .section3_tet1 a span{ font-family:"宋体"; font-size:1.4rem; padding-right:2.5px; line-height:60px;}
	.sec3_step3 img{position:absolute;bottom:150px; left:50%; margin-left:-400px; width:800px; height:596.67px;}
	.section3 .mobile .section3_tet2{ position: absolute; top:150px; left:50%; margin-left:-200px; width:400px; height: auto; transition: all 1s; opacity:0; z-index:10;}
	.active.section3 .mobile .section3_tet2,.active1.section3 .mobile .section3_tet2{opacity:1; transition-delay: 0.7s;}
	.section3 .mobile .section3_tet2 a{ display:block; width:60px; height:60px; border-radius:50px; background:#ab957b; position:absolute; top:0px; right:0px; line-height:60px; color:#fff; text-align:center; font-size:1rem; vertical-align:middle;}
	.section3 .mobile .section3_tet1 a:hover,.section3 .mobile .section3_tet2 a:hover{ background:#654430;}
	.section3 .mobile .section3_tet2 a span{ font-family:"宋体"; ont-size:1.4rem; padding-right:2.5px; line-height:60px;}
	/* section4 */
	.mobile .sec4_img1,.section4 .mobile .section4_tet1,.mobile .sec4_img3_1{ display:none;}
	.section4 .mobile .section4_tet{ position: absolute; top:150px;left:0; width: 100%; height: auto; transition: all 2s; opacity:0; z-index:10; color:#fff; text-align:center;}
	.active.section4 .mobile .section4_tet{ opacity:1; transition-delay: 0.7s;}
	.mobile .sec4_img,.mobile .sec4_img2{ position: absolute; bottom:150px;right:50%; margin-right:-400px; width:800px; height:454.45px; z-index:5; }
	.mobile .sec4_img2{ z-index:6; margin-left:0; left:auto;}
	.mobile .sec4_img img{ position:absolute; right:0; top:0; width:100%; height:100%; }
	.mobile .sec4_img2 img{ left:auto; right:0;}
	.section4 .mobile img.sec4_1{  opacity:1; z-index:5;}
	.section4 .mobile img.sec4_2{  opacity:0; z-index:6;}
	.section4 .mobile img.sec4_3{ z-index:5;}
	.sec4_btn{ right:60px;}
	.sec4_btn a{ height:90px;}
	/* section5 */
	.section5_tet1{display:none;}
	.section5 .mobile .section5_tet{ position: absolute; top:150px;left:0; width: 100%; height: auto; transition: all 2s; opacity:0; z-index:10; color:#fff; text-align:center;}
	.active.section5 .mobile .section5_tet{ opacity:1; transition-delay: 0.7s;}
	.mobile .sec5_img{ position: absolute; bottom:150px;right:50%; margin-right:-400px; width:800px; height:431.22px; z-index:5; transition: all 1s; opacity:0;}
	.active .mobile .sec5_img{opacity:1; transition-delay: 0.7s; }
	.mobile .sec5_img img{ position:absolute; right:0; top:0; width:100%; height:100%; }
	.section5 .mobile img.sec5_2{ z-index:5;}
	.section5 .mobile img.sec5_1{ top:25px;  transition: all 1s; z-index:3;}
	.active.section5 .mobile img.sec5_1{ top:0; transition-delay: 1s; }
	/* section6 */
	.mobile .sec6_img1{ display:none;}
	.section6 .mobile .section6_tet{ position: absolute; top:150px;right:0; width: 100%; height: auto; transition: all 1s; opacity:0; z-index:10;  text-align:center;}
	.active.section6 .mobile .section6_tet{ opacity:1; transition-delay: 0.7s;}
	.section6 .mobile .sec6_img{position: absolute; bottom:-100px; left:50%; margin-left:-300px; width:600px; height: 404.25px; transition: all 1s; opacity:0;}
	.active.section6 .mobile .sec6_img{ bottom:0;opacity:1; transition-delay: 0.7s; }
	.mobile .sec6_img img{ position:absolute; left:0; bottom:0; width:100%; height:100%; transition: all 1s; opacity:0;}
	.active .mobile .sec6_img img{opacity:1;}
	.active .mobile img.sec6_1{ transition-delay: 0.7s; }
	.active .mobile img.sec6_2{ transition-delay: 1.5s; }
	.active .mobile img.sec6_3{ transition-delay: 2s; }
	.active .mobile img.sec6_4{ transition-delay: 2.5s; }
	.active .mobile img.sec6_5{ transition-delay: 3s; }
	.active .mobile img.sec6_6{  transition-delay: 3.5s; }
	.active .mobile img.sec6_7{  transition-delay: 4s; }
	.active .mobile img.sec6_8{  transition-delay: 4.5s; }
	.active .mobile img.sec6_9{  transition-delay: 5s; }
	.active .mobile img.sec6_10{  transition-delay: 5.5s; }
	.active .mobile img.sec6_11{  transition-delay: 6s; }
	/* section7 */
	.section7 .mobile .section7_tet{ position: absolute; top:150px;right:0; width: 100%; height: auto; transition: all 1s; opacity:0; z-index:10;  text-align:center;}
	.active.section7 .mobile .section7_tet{ opacity:1; transition-delay: 0.7s;}
	.section7 .mobile .sec7_img{position: absolute; bottom:0px; left:50%; margin-left:-350px; width:700px; height: 459.26px; transition: all 1s; opacity:0;}
	.active.section7 .mobile .sec7_img{opacity:1; transition-delay: 0.7s; }
	.section7 .mobile img.sec7_1{ position: absolute; top:0;left:0; width:100%; height: 100%; transition: all 1s; opacity:0; z-index:5;}
	.active.section7 .mobile img.sec7_1{ opacity:1; transition-delay: 0.7s; }
	.section7 .mobile img.sec7_2{ position: absolute; top:214px; left:214px; width:0px; height:0px; transition: all 1s; opacity:0; z-index:6;}
	.active.section7 .mobile img.sec7_2{ top:-40px; left:61.78px; width:235px; height: 135.6px; opacity:1; transition-delay: 1.5s; }
	/* section8 */
	.section8 .mobile .section8_tet{ position: absolute; top:150px;left:0; width: 100%; text-align:center; height: auto; transition: all 1s; opacity:0; z-index:10;}
	.active.section8 .mobile .section8_tet{ opacity:1; transition-delay: 0.7s;}
	.section8 .mobile img.sec8_0{ position: absolute;top:50%;left:50%; margin-left:-400px; margin-top:-337.935px; width:800px; height:675.87px;}
	.active.section8 .mobile img.sec8_0{ 
		-webkit-animation: 	appearCircle 3000ms ease 500ms both;
		-moz-animation: 	appearCircle 3000ms ease 500ms both;
		-ms-animation: 		appearCircle 3000ms ease 500ms both;
		-o-animation: 		appearCircle 3000ms ease 500ms both;
		animation: 			appearCircle 3000ms ease 500ms both;}
	.section8 .mobile .sec8_img{position: absolute; top:300px; left:20%; width:60%; height:auto; transition: all 1s; opacity:0;}
	.active.section8 .mobile .sec8_img{opacity:1; transition-delay: 0.7s; }
	.mobile .sec8_img img{ position:absolute; left:0; top:0; width:100%; height:auto; transition: all 1s; opacity:0;}
	.active .mobile .sec8_img img{opacity:1;}
	.active .mobile img.sec8_1{ transition-delay: 1.5s; }
	.active .mobile img.sec8_2{ transition-delay: 2s; }
	.active .mobile img.sec8_3{ transition-delay: 2.5s; }
	.active .mobile img.sec8_4{ transition-delay: 3s; }
	.active .mobile img.sec8_5{ transition-delay: 1.5s; }	
	/* section9 */
	.sec9_img1{ display:none;}
	.section9 .mobile .section9_tet{ position: absolute; top:150px;right:0; width:100%; height: auto; transition: all 1s; opacity:0; z-index:10; text-align:center;}
	.active.section9 .mobile .section9_tet{opacity:1; transition-delay: 0.7s;}
	.section9 .mobile .sec9_img{position: absolute; bottom:0px; right:50%; margin-right:-300px; width:600px; height:378.95px; transition: all 1s; opacity:0;}
	.active.section9 .mobile .sec9_img{opacity:1; transition-delay: 1s; }
	.section9 .mobile img.sec9_1{ position: absolute; top:0; left:0; width: auto; height: 100%; z-index:5;}
	.section9 .mobile img.sec9_2{ position: absolute; top:0; left:0; width: 100%; height: 100%; transition: all 1s; opacity:0; z-index:6;}
	.active.section9 .mobile img.sec9_2{ opacity:1; transition-delay: 2s; }
	.section9 .mobile img.sec9_3{ position: absolute; top:0; left:0; width: 100%; height: 100%;  transition: all 1s; opacity:0; z-index:7;}
	.active.section9 .mobile img.sec9_3{ opacity:1; transition-delay: 3s; }
	.section9 .mobile img.sec9_4{ position: absolute;top:51.39px; left:37.77px; width:44.58px; height: 44.58px; transition: all 1s; opacity:0; z-index:8;}
	.active.section9 .mobile img.sec9_4{ opacity:1; transition-delay: 2s; }
	.section9 .mobile img.sec9_5{  opacity:0; position: absolute; top:51.39px; left:37.77px; width:44.58px; height: 44.58px;z-index:9;}
	.section9 .mobile img.sec9_6{ position: absolute; top:251.39px; right:171px; width:64.4px; height: 47.1px; transition: all 1s; opacity:0; z-index:8;}
	.active.section9 .mobile img.sec9_6{ opacity:1; transition-delay: 3s; }
	.section9 .mobile img.sec9_7{   opacity:0; position: absolute; top:251.39px; right:171px; width:64.4px; height: 47.1px; z-index:9;}
	.section9 .mobile img.sec9_8{  display:none;position: absolute;  left:0; top:54.5px;width:187px; height:249.54px; z-index:8;}
	.section9 .mobile img.sec9_9{  display:none;position: absolute;  right:0; top:101.55px;width: 235.3px; height: 221.05px;z-index:9;}
.section9 .mobile p.zlh{ padding-top:0px;}
	/* section10 */
	.sec10_cont{ left:50%; margin-left:-153px; position:absolute; width:306px; height:100%;}
	.section10 .mobile .section_tet{ position: absolute; top:150px;left:0; margin-top:0px; width:100%; height: auto; transition: all 1s; opacity:0; z-index:10; text-align:center;}
	.active.section10 .mobile .section_tet{opacity:1; transition-delay: 0.7s;}
	.slide li{ float:left; width:100%;}
	.slide li a{ display:block; width:100%;height:auto; font-size:0; line-height:0;}
	.slide li a img{ display:block;}
	.slide li p{ position:absolute;top:10px; left:5%; width:80%; background-image:url(/bundles/frontend/images/add.jpg); background-repeat:no-repeat; background-position:left 5px; background-size:20px auto; padding-left:30px; color:#835c50; font-size:1.2rem; line-height:1.6rem; z-index:2; min-height:25px;}
	.slide_container{ top:250px}
	/* section11 */
	.section11 .mobile .section11_tet{ position: absolute; top:150px;left:0; width: 100%; text-align:center; height: auto; transition: all 1s; opacity:0; z-index:10;}
	.active.section11 .mobile .section11_tet{ opacity:1; transition-delay: 0.7s;}
	.section11 .mobile .sec11_img{position: absolute; bottom:150px; right:50%; margin-right:-250px; width:500px; height: 418.54px; transition: all 1s; opacity:0;}
	.active.section11 .mobile .sec11_img{opacity:1; transition-delay: 0.7s; }
	.mobile .sec11_img img{ position:absolute; left:0;bottom:0; width:100%; height:100%; transition: all 1s; opacity:0;}
	.active .mobile .sec11_img img{opacity:1;}
	.active .mobile img.sec11_1{ transition-delay: 1s; }
	.active .mobile img.sec11_2{ transition-delay: 1.8s; }
	.active .mobile img.sec11_3{ transition-delay: 2.4s; }
	.active .mobile img.sec11_4{ transition-delay: 3.1s; }
	.active .mobile img.sec11_5{ transition-delay: 3.9s; }	
	/* section12 */
	.section12 .mobile .section12_tet{ position: absolute; top:150px;left:0;  width: 100%; height:auto; text-align:center; height: auto;  z-index:10;}
	.section12 .mobile .section12_tet p{ padding-bottom:5px;}
	.mobile img.sec12_1{ position:absolute;right:35%;bottom:150px; width:40%; height:auto; z-index:2}
	.sec12_3{ display:none;}
}
@media screen and (max-width:740px){
	.section1{ background-image:url(/bundles/frontend/images/02section1.jpg); background-size:cover; background-position:center right 16%; background-repeat:no-repeat;}
	/* section1 */
	.section1 .mobile .section1_tet,.section1 .mobile .section1_tet1{ top:60px;padding:15px 0 15px 20px;}
	.sec1_img{ display:none;}
	/* section2 */
	.section2 .mobile .section2_tet{ bottom:120px;left:0; width:50%;}
	.mobile .sec2_img{ right:0px;}
	/* section3 */
	.section3 .mobile .section3_tet{  top:55px; }
	.mobile .section3_tet h1{ padding-bottom:0;}
	.section3 .mobile .section3_tet1{ top:15%; width:230px;margin-right:-230px;}
	.section3 .mobile .section3_tet2{ top:55px;margin-left:-175px; width:380px;}
	.section3 .mobile .section3_tet1 a,.section3 .mobile .section3_tet2 a{  width:50px; height:50px; line-height:50px}
	.section3 .mobile .section3_tet1 a span,.section3 .mobile .section3_tet2 a span{ line-height:50px;}
	.mobile .sec3_img,.sec3_step3 img{ bottom:-5px;margin-left:-250px; width:500px; height:372.92px;}
	.section3 img.sec3_5{left:176.25px; bottom:101.25px; width:72.5px; height:48.33px; }
	.section3 img.sec3_7{ right:177.5px; bottom:80.83px;width:73.33px; height:69.167px;}
	.section3 img.sec3_6{left:176.25px; bottom:101.25px; width:72.5px; height:48.33px;}
	.section3 img.sec3_8{right:177.5px; bottom:80.83px;width:73.33px; height:69.167px;}
	.sec3_step2{ bottom:-5px;margin-left:-205px; width:410px; height:305.79px;}
	/* section4 */
	.section4 .mobile .section4_tet{ display:none;}
	.section4 .mobile .section4_tet1{ display:block;}
	.section4 .mobile .section4_tet1{ position: absolute; top:120px;left:0; width: 100%; height: auto; transition: all 2s; opacity:0; z-index:10; color:#fff; text-align:left;}
	.active.section4 .mobile .section4_tet1{ opacity:1; transition-delay: 0.7s;}
	.section4 .mobile h1,.section4 .mobile h2{ padding-bottom:5px;}
	.section4 .mobile p{ display:none;}
	.section4 .mobile p{ line-height:1.8rem;}
	.mobile .sec4_img,.mobile .sec4_img2{ bottom:15px;margin-right:0; right:-60px; width:500px; height:284.03px;}
	.sec4_btn{ right:20px;}
	.sec4_btn a{ height:40px; margin-bottom:10px; width:200px;}
	/* section5 */
	.section5_tet{display:none;}
	.section5_tet1{display:block;}
	.section5 .mobile .section5_tet1{ position: absolute; top:120px;left:0; width: 100%; height: auto; transition: all 2s; opacity:0; z-index:10; color:#fff; text-align:left;}
	.active.section5 .mobile .section5_tet1{ opacity:1; transition-delay: 0.7s;}
	.section5_tet1 h1,.section5_tet1 h2{ padding-bottom:5px;}
	.mobile .sec5_img{ bottom:15px; margin-right:0; right:-80px; width:500px; height:269.51px; }
	.section5 .mobile img.sec5_1{ top:15px;}
	/* section6 */
	.section6 .mobile .section6_tet{ top:55px;}
	.section6 .mobile .sec6_img{ bottom:-270px;margin-left:-300px; width:600px; height: 404.25px;}
	.active.section6 .mobile .sec6_img{ bottom:-170px;}
	/* section7 */
	.section7 .mobile .section7_tet{  top:55px;}
	.section7_tet h1,.section7_tet h2{ padding-bottom:2px;}
	.section7 .mobile .sec7_img{bottom:-80px;  margin-left:-250px; width:500px; height: 328px;}
	.section7 .mobile img.sec7_2{  top:136px; left:136px; width:0px; height:0px;}
	.active.section7 .mobile img.sec7_2{ top:0; left:44px; width:150px; height:86.55px;}
	/* section8 */
	.section8 .mobile .section8_tet{ top:55px;}
	.section8 .mobile img.sec8_0{ top:50%;left:50%; margin-left:-300px; margin-top:-253.455px; width:600px; height:506.91px;}
	.section8 .mobile .sec8_img{ top:110px; left:30%; width:40%;}
	.mobile .sec8_img img.sec8_5{ width:95%; left:2.5%; top:-10px;}
	.mobile .sec8_img img.sec8_1,.mobile .sec8_img img.sec8_2{ top:-20px;}
	.mobile .sec8_img img.sec8_3,.mobile .sec8_img img.sec8_4{ top:-30px;}
	/* section9 */
	.section9 .mobile .section9_tet{ top:120px; left:0; text-align:left; width:45%;}
	.section9_tet h1,.section9_tet h2{ padding-bottom:2px;}
	.section9 .mobile p{ display:none;}
 .section9 .mobile p.zlh{ display:block;}
	.section9 .mobile .sec9_img{bottom:10px; margin-right:0; right:0; width:400px; height:252.63px; }
	.section9 .mobile img.sec9_4{top:34.58px; left:25.42px; width:30px; height: 30px;}
	.section9 .mobile img.sec9_5{top:34.58px; left:25.42px; width:30px; height: 30px;}
	.section9 .mobile img.sec9_6{top:169.17px; right:115px; width:43.33px; height: 31.67px;}
	.section9 .mobile img.sec9_7{ top:169.17px; right:115px; width:43.33px; height: 31.67px;}
	.section9 .mobile img.sec9_8{top:36.67px;width:125.83px; height:167.92px; }
	.section9 .mobile img.sec9_9{ top:68.33px;width: 158.33px; height: 148.75px;}
	/* section10 */
	.sec10_cont{margin-left:0;width:100%; left:0;}
	.section10 .mobile .section_tet{  top:55px;}
	.section10 .mobile .section_tet h1{ padding-bottom:2px;}
	.slide_container {margin-bottom: 0px;  top:110px;margin-left:-76.5px;width:153px; left:50%;}
	.slide li{ float:left; width:100%;}
	.slide li p{ position:absolute; left:5%; width:80%; background-image:url(/bundles/frontend/images/add.jpg); background-repeat:no-repeat; background-position:left 5px; background-size:10px auto; padding-left:15px; color:#835c50; font-size:1.2rem; line-height:1.6rem; z-index:2;}
	.slide_nav { left:-85px;  height: 250px;  width: 79px;  }
	.slide_nav.next {  right: -85px;  }
	/* section11 */
	.section11 .mobile .section11_tet{  top:120px; text-align:left; left:2.5%;}
	.section11 .mobile .sec11_img{bottom:-60px;margin-right:0px; right:40px; width:400px; height: 334.83px;}
	/* section12 */
	.section12{ background-image:none; background-position: center center;}
	.section12 .mobile .section12_tet{ text-align:left; top:80px; width:90%; left:5%;}
	.section12 .mobile .section12_tet p{ padding-bottom:0px;}
	.section12 .mobile h2{ padding-bottom:0;}
	.mobile img.sec12_1{right:50px;bottom:30px; width:25%;}
	.mobile1{ display:none;}
	.sec12_3{ display:block; bottom:50px; right:25%;  position:absolute; width:100px; height:auto;}
}
@media screen and (max-width:700px){
	/* section2 */
	.mobile .sec2_img{ right:-50px;}
	/* section3 */
	.mobile .sec3_img,.sec3_step3 img,.sec3_step2{ bottom:10px;}
}
@media screen and (max-width:670px){
	/* section7 */
	.section7 .mobile .sec7_img{bottom:-70px;}
	/* section8 */
	.section8 .mobile .sec8_img{ top:125px; }
	/* section9 */
	.section9 .mobile .sec9_img{ bottom:30px;right:-10px; }
	/* section11 */
	.section11 .mobile .sec11_img{ right:20px;}
}
@media screen and (max-width:600px){
	/* section3 */
	.section3 .mobile .section3_tet{  top:50px; }
	.mobile .section3_tet h1{ padding-bottom:0;}
	.section3 .mobile .section3_tet1{ top:15%; width:230px;margin-right:-230px;}
	.section3 .mobile .section3_tet2{ top:55px;margin-left:-160px; width:380px;}
	.section3 .mobile .section3_tet1 a,.section3 .mobile .section3_tet2 a{  width:50px; height:50px; line-height:50px}
	.section3 .mobile .section3_tet1 a span,.section3 .mobile .section3_tet2 a span{ line-height:50px;}
	.mobile .sec3_img,.sec3_step3 img{ bottom:0px; width:400px; margin-left:-200px; height:298.33px;}
	.sec3_step2{ bottom:0px; width:350px; margin-left:-175px; height:261.04px;}
	.section3 img.sec3_5{left:141px; bottom:81px; width:58px; height:38.67px; }
	.section3 img.sec3_7{ right:142px; bottom:64.67px;width:58.67px; height:55.33px;}
	.section3 img.sec3_6{left:141px; bottom:81px; width:58px; height:38.67px;}
	.section3 img.sec3_8{right:142px; bottom:64.67px;width:58.67px; height:55.33px;}
	/* section7 */
	.section7 .mobile .sec7_img{bottom:-60px;  margin-left:-200px; width:400px; height: 262px;}
	.section7 .mobile img.sec7_2{  top:107px; left:107px; width:0px; height:0px;}
	.active.section7 .mobile img.sec7_2{ top:0; left:35px; width:117px; height:67.51px;}
	/* section9 */
	.section9_tet h2{ font-size:2.2rem; line-height:2.2rem;}
	.section9 .mobile .sec9_img{bottom:-35px; }
	.section9 .mobile .section9_tet{ top:50px; text-align:center; width:100%;}
	.section9 .mobile .sec9_img{bottom:-30px; margin-right:-200px; right:50%; width:400px; height:252.63px; }
	/* section10 */
	.section10 .mobile .section_tet{  top:50px;}
	.slide_container{ top:95px;}
}

@media screen and (max-width:580px){
	.section1{ background-image:url(/bundles/frontend/images/02section1.jpg); background-size:cover; background-position:center top; background-repeat:no-repeat;}
	.buy{ width:140px;  margin-left:-70px; line-height:30px;}
	.buy a{width:140px; height:30px;}
	.buy a img{  top:13px;}
	/* section1 */
	.section1 .mobile .section1_tet,.section1 .mobile .section1_tet1{ top:50px; padding:10px 0 10px 20px;}
	/* section2 */
	.section2 .mobile .section2_tet{ bottom:100px; width:60%;}
	.mobile .sec2_img{ bottom:-10px;}
	/* section4 */
	.section4 .mobile .section4_tet1{ top:75px;}
	.mobile .sec4_img,.mobile .sec4_img2{ bottom:-10px; right:-30px;width:400px; height:227.22px;}
	.sec4_btn{ bottom:40px; right:20px;}
	.sec4_btn a{ height:40px; margin-bottom:10px; width:200px;}
	/* section5 */
	.section5 .mobile .section5_tet1{ top:100px;}
	.section5_tet h1,.section5_tet h2{ padding-bottom:2px;}
	.mobile .sec5_img{ width:400px; height:215.61px; }
	.section5 .mobile img.sec5_1{ top:15px;}
	/* section6 */
	.section6 .mobile .section6_tet{ top:50px;}
	.section6 .mobile .sec6_img{ bottom:-235px;margin-left:-250px; width:500px; height: 336.88px;}
	.active.section6 .mobile .sec6_img{ bottom:-135px;}
	/* section8 */
	.section8 .mobile .sec8_img{ top:115px;}
	/* section10 */
	.section10 .mobile .section_tet h2{ font-size:2rem; line-height:2rem;}
	.slide_container {margin-bottom: 0px;  top:95px;margin-left:-67.5px;width:135px; left:50%; }
	.slide li p{ position:absolute; left:5%; width:80%; background-image:url(/bundles/frontend/images/add.jpg); background-repeat:no-repeat; background-position:left 5px; background-size:10px auto; padding-left:15px; color:#835c50; font-size:1.2rem; line-height:1.6rem; z-index:2;}
	 .slide_nav { left:-75px;  height: 220px;  width:70px;  }
	.slide_nav.next {  right: -75px;  }
	/* section11 */
	.section11 .mobile .section11_tet { top:80px;}
	.section11 .mobile .section11_tet h1,.section11 .mobile .section11_tet h2{ padding-bottom:2px;}
	.section11 .mobile .section11_tet h2{ font-size:2rem; line-height:2rem;}
	.section11 .mobile .sec11_img{bottom:-80px;width:400px; height: 334.83px;}
	/* section12 */
	.section12 .mobile .section12_tet{ top:60px; }
	.sec12_3{ bottom:55px; right:30%; }
}
@media screen and (max-width:540px){
	.section1{ background-image:url(/bundles/frontend/images/02section1_1.jpg); background-size:auto 100%; background-position:center;}
	/* section1 */
	.section1 .mobile .section1_tet,.section1 .mobile .section1_tet1{ top:250px; width: 75%;padding:18px 0 20px 21px; }
	.sec1_img{left:-30%; display:block;}
	/* section2 */
	.section2 .mobile .section2_tet{ width:90%; left:5%;}
	.mobile .sec2_img{ right:-210px;}
	/* section3 */
	.sec3_img1,.step2_2{ display:block;}
	.sec3_img,.step2_1{ display:none;}
	.section3 .mobile .section3_tet{  top:100px; }
	.mobile .section3_tet h1{ padding-bottom:0;}
	.mobile .sec3_img1,.sec3_step3 img,.sec3_step2{ position: absolute; left:50%;bottom:40px;margin-left:-300px; width:600px; height:573.6px; text-align:center; }
	.section3 .mobile img.sec3_5{left:192.94px; bottom:173.53px; width:82.35px; height:71.76px; }
	.section3 .mobile img.sec3_7{ right:175.88px; bottom:145.29px;width:135.29px; height:84.71px;}
	.section3 .mobile img.sec3_6{left:192.94px;  bottom:173.53px; width:82.35px; height:71.76px;  }
	.section3 .mobile img.sec3_8{right:175.88px; bottom:145.29px;width:135.29px; height:84.71px;}
	.section3 .mobile .section3_tet1{ top:12%; width:230px;margin-right:-230px;text-align:left;}
	.section3 .mobile h3{ padding-bottom:10px;}
	.section3 .mobile .section3_tet2{ top:100px;margin-left:-175px; width:380px; text-align:center;}
	.section3 .mobile .section3_tet1 a{ position:absolute; left:0; top:70px;  width:50px; height:50px; line-height:50px}
	.section3 .mobile .section3_tet2 a{position:absolute; left:50%; top:80px; margin-left:-25px;  width:50px; height:50px; line-height:50px}
	.section3 .mobile .section3_tet1 a span,.section3 .mobile .section3_tet2 a span{ line-height:50px;}
	/* section4 */
	.mobile .sec4_img,.mobile .sec4_img3{ display:none;}
	.mobile .sec4_img1{ display:block;}
	.mobile .sec4_img1,.mobile .sec4_img2{ position: absolute; bottom:40px;left:50%; margin-left:-300px; width:600px; height:495.6px; z-index:5;}
	.mobile .sec4_img2{ z-index:9;}
	.mobile .sec4_img1 img{ position:absolute; left:0; top:0; width:100%; height:100%; }
	.sec4_btn{ bottom:auto; top:0; right:10%; width:80%;}
	.sec4_btn a{ height:100px; margin-bottom:0; width:50%; float:left;}
	.section4 .mobile h1{ padding-bottom:6px;}
	.section4 .mobile h2{ padding-bottom:5px;}
	.section4 .mobile p{ line-height:1.6rem;}
	.section4 .mobile .section4_tet1{ text-align:center; left:0; width:100%;}
	/* section5 */
	.mobile .sec5_img{ bottom:50px; right:50%;margin-right:-410px; width:800px; height:431.22px; }
	.section5 .mobile img.sec5_1{ top:25px; }
	.section5 .mobile .section5_tet1{ text-align:center;}
	/* section6 */
	.mobile .sec6_img{ display:none;}
	.mobile .sec6_img1{ display:block;}
	.section6 .mobile .sec6_img1{position: absolute; bottom:-100px; left:50%; margin-left:-300px; width:600px; height: 513.65px; transition: all 1s; opacity:0;}
	.active.section6 .mobile .sec6_img1{ bottom:0;opacity:1; transition-delay: 0.7s; }
	.mobile .sec6_img1 img{ position:absolute; left:0; bottom:0; width:100%; height:100%; transition: all 1s; opacity:0;}
	.active .mobile .sec6_img1 img{opacity:1;}
	.section6 .mobile .section6_tet{  top:100px; }
	/* section7 */
	.section7 .mobile .section7_tet{ top:150px;}
	.section7 .mobile .sec7_img{ bottom:0px;  margin-left:-300px; width:800px; height: 524.86px;}
	.section7 .mobile img.sec7_2{  top:214px; left:214px;}
	.active.section7 .mobile img.sec7_2{ top:-10px;  left:69.29px; width:235px; height: 135.6px;  }
	/* section8 */
	.section8 .mobile .section8_tet{ top:150px;}
	.section8 .mobile .sec8_img{ top:250px; left:10%; width:80%;}
	.mobile .sec8_img img.sec8_5{ width:100%; left:0;}
	.mobile .sec8_img img.sec8_3,.mobile .sec8_img img.sec8_4{ top:-5px;}
	/* section9 */
	.sec9_img{ display:none;}
	.sec9_img1{ display:block;}
	.section9_tet h1, .section9_tet h2{ padding-bottom:5px;}
	.section9 .mobile .section9_tet{ top:150px;}
	.section9 .mobile .sec9_img1{position: absolute; bottom:0px;left:50%; margin-left:-400px; width:800px; height:440.31px; transition: all 1s; opacity:0;}
	.active.section9 .mobile .sec9_img1{opacity:1; transition-delay: 1s; }
	.section9 .mobile img.sec9_4{ top:88.125px; left:241.25px; width:43.75px; height: 43.75px;}
	.section9 .mobile img.sec9_5{ top:88.125px; left:241.25px; width:43.75px; height: 43.75px;}
	.section9 .mobile img.sec9_6{ top:24.375px; right:192.5px; width:50px; height: 306.25px;}
	.section9 .mobile img.sec9_7{ top:24.375px; right:192.5px; width:50px; height: 306.25px;}
	.section9 .mobile img.sec9_8{ left:200.625px; top:92.5px;width:189.375px; height:256.875px;}
	.section9 .mobile img.sec9_9{ right:206.875px; top:193.125px;width:423.75px; height: 191.25px;}
	/* section10 */
	.section10 .mobile .section_tet{  top:150px;}
	.section10 .mobile .section_tet h3{ font-size:2.2rem; line-height:2.2rem;}
	.slide_container {margin-bottom: 0px;  top:250px;margin-left:-110px;width:220px; left:50%; }
	 .slide_nav { left:-120px;  height: 358px;  width:113.37px;  }
	.slide_nav.next {  right: -120px;  }
	/* section11 */
	.section11 .mobile .section11_tet{ top:150px; text-align:center;}
	.section11 .mobile .section11_tet h1,.section11 .mobile .section11_tet h2{ padding-bottom:5px;}
	.section11 .mobile .section11_tet h2{ font-size:2.2rem; line-height:2.2rem;}
	.section11 .mobile .sec11_img{bottom:0px; right:50%;margin-right:-280px; width:600px; height:502.25px;}
	/* section12 */
	.section12{ background-position: center bottom;}
	.section12 .mobile .section12_tet{ text-align:center; top:100px; width:100%; left:0;}
	.section12 .mobile .section12_tet p{ padding-bottom:5px;}
	.section12 .mobile h2{ padding-bottom:5px;}
	.mobile img.sec12_1{right:18%;bottom:80px; width:65%;}
	.sec12_3{ bottom:150px; right:5%; }
	}
@media screen and (max-width:500px){
	/* section1 */
	.section1 .mobile .section1_tet,.section1 .mobile .section1_tet1{ top:180px; }
	.sec1_img{left:-25%; }
	/* section4 */
	.section4 .mobile .section4_tet1{ top:100px; text-align:center;}
	/* section5 */
	.section5 .mobile .section5_tet1{ top:100px; text-align:center;}
	.mobile .sec5_img{ bottom:80px;margin-right:-300px; right:50%; width:600px; height:323.42px; }
	.section5 .mobile img.sec5_1{ top:15px; }
	/* section7 */
	.section7 .mobile .section7_tet{ top:100px;}
	.section7 .mobile .sec7_img{  margin-left:-250px;}
	/* section8 */
	.section8 .mobile .section8_tet{ top:100px;}
	.section8 .mobile .sec8_img{ top:200px;}
	/* section9 */
	.section9 .mobile .section9_tet{ top:100px;}
	/* section10 */
	.section10 .mobile .section_tet{  top:100px;}
	/* section11 */
	.section11 .mobile .section11_tet{ top:100px; text-align:center;}
	.section11 .mobile .sec11_img{bottom:50px;margin-right:-240px; right:50%; width:500px; height: 418.54px;}
}
@media screen and (max-width:420px){

	/* section1 */
	.section1 .mobile .section1_tet,.section1 .mobile .section1_tet1{ top:150px; }
	.sec1_img{left:-22%; }
	/* section2 */
	.mobile .sec2_img{ right:-160px;}
	/* section3 */
	.mobile .sec3_img1,.sec3_step3 img,.sec3_step2{ bottom:20px;}
	/* section4 */
	.mobile .sec4_img1,.mobile .sec4_img2{ bottom:15px;margin-left:-250px; width:500px; height:413px;}
	.sec4_btn a{ height:90px;}
	/* section5 */
	.mobile .sec5_img{ bottom:50px;margin-right:-300px;  }
	/* section6 */
	.section6 .mobile .sec6_img1{bottom:-100px; margin-left:-250px; width:500px; height: 428.04px;}
	.active.section6 .mobile .sec6_img1{bottom:0px;}
	/* section7 */
	.section7_tet h1, .section7_tet h2{ padding-bottom:8px;}
	.section7 .mobile .sec7_img{ bottom:0px;margin-left:-250px; width:600px; height: 393.65px;}
	.section7 .mobile img.sec7_2{  top:166px; left:166px;}
	.active.section7 .mobile img.sec7_2{ top:-20px;  left:54px; width:183px; height: 105.6px;  }
	/* section8 */
	.section8 .mobile .sec8_img{ top:220px;  left:5%; width:90%;}
	.mobile .sec8_img img.sec8_3,.mobile .sec8_img img.sec8_4{ top:-5px;}
	/* section9 */
	.section9 .mobile p{ line-height:1.6rem;}
	.section9 .mobile .sec9_img1{ bottom:40px; margin-left:-300px; width:600px; height:330.23px; transition: all 1s; opacity:0;}
	.section9 .mobile img.sec9_4{ top:65.58px; left:179.53px; width:32.56px; height: 32.56px;}
	.section9 .mobile img.sec9_5{ top:65.58px; left:179.53px; width:32.56px; height: 32.56px;}
	.section9 .mobile img.sec9_6{ top:18.14px; right:143.26px; width:37.21px; height: 227.91px;}
	.section9 .mobile img.sec9_7{ top:18.14px; right:143.26px; width:37.21px; height: 227.91px;}
	.section9 .mobile img.sec9_8{ left:149.3px; top:68.84px;width:140.93px; height:191.16px;}
	.section9 .mobile img.sec9_9{ right:153.95px; top:143.72px;width:315.35px; height: 142.33px;}
	/* section10 */
	.section10 .mobile .section_tet h1{ padding-bottom:8px;}
	/* section11 */
	.section11 .mobile .sec11_img{bottom:80px;margin-right:-205px; width:420px; height: 351.5715px;}
	/* section12 */
	.section12 .mobile .section12_tet{top:80px; }
}
@media screen and (max-width:400px){
	/* section1 */
	.section1 .mobile .section1_tet{ top:120px;}
	.section1 .mobile .section1_tet1{ top:120px;}
	.sec1_img{ left:-16%;}
	/* section2 */
	.mobile .sec2_img{ right:-120px;}
	/* section3 */
	.mobile .section3_te{ top:80px;}
	.mobile .section3_tet h1{ padding-bottom:10px;}
	.mobile .sec3_img1,.sec3_step3 img,.sec3_step2{ bottom:20px;margin-left:-250px; width:500px; height:478px;}
	.section3 .mobile img.sec3_5{left:164px; bottom:147.5px; width:70px; height:61px; }
	.section3 .mobile img.sec3_7{ right:149.5px; bottom:123.5px;width:115px; height:72px;}
	.section3 .mobile img.sec3_6{left:164px; bottom:147.5px; width:70px; height:61px;}
	.section3 .mobile img.sec3_8{right:149.5px; bottom:123.5px;width:115px; height:72px;}
	.section3 .mobile .section3_tet1{ top:6%;}
	.section3 .mobile .section3_tet2{ top:80px;margin-left:0; left:0; width:100%;}
	.section3 .mobile .section3_tet1 a{ top:65px;}
	.section3 .mobile .section3_tet2 a{top:90px; }
	.section3 .mobile .section3_tet2 p{ font-size:1.1rem; line-height:1.9rem;}
	/* section4 */
	.mobile .sec4_img1,.mobile .sec4_img2{ bottom:0px;margin-left:-225px; width:450px; height:371.7px; }
	.section4 .mobile .section4_tet1{  top:80px;}
	/* section5 */
	.section5 .mobile .section5_tet1{ top:80px;}
	.mobile .sec5_img{ bottom:30px;margin-right:-250px; width:500px; height:269.51px; }
	.section5 .mobile img.sec5_1{ top:10px; }
	/* section6 */
	.section6 .mobile .sec6_img1{bottom:-100px;margin-left:-200px; width:400px; height: 342.43px; }
	.active.section6 .mobile .sec6_img1{bottom:0px; }
	.section6 .mobile .section6_tet{  top:80px; }
	/* section7 */
	.section7 .mobile .section7_tet{ top:80px;}
	.section7 .mobile .sec7_img{ bottom:0px;margin-left:-200px; width:500px; height:328px;}
	.section7 .mobile img.sec7_2{  top:170px; left:90px;}
	.active.section7 .mobile img.sec7_2{ top:-30px;  left:54px; width:183px; height: 105.6px;  }
	/* section8 */
	.section8 .mobile .section8_tet{ top:80px;}
	.section8 .mobile .sec8_img{ top:180px; left:0; width:100%;}
	/* section9 */
	.section9 .mobile .section9_tet{ top:80px;}
	.section9 .mobile .sec9_img1{ bottom:20px;}
	/* section10 */
	.section10 .mobile .section_tet{  top:80px;}
	.slide_container { top:150px;margin-left:-100px;width:200px; left:50%; }
	 .slide_nav { left:-105px;  height: 325px;  width:102.92px;  }
	.slide_nav.next {  right: -105px;  }
	/* section11 */
	.section11 .mobile .section11_tet{  top:80px;}
	.section11 .mobile .sec11_img{bottom:40px;}
	/* section12 */
	.mobile img.sec12_1{bottom:60px;}
	.mobile img.sec12_1{right:22%; width:60%;}
	.sec12_3{ bottom:100px; }
}	
@media screen and (max-width:360px){
	/* section1 */
	.section1 .mobile .section1_tet,.section1 .mobile .section1_tet1{top:60px;}
	.sec1_img{left:-15%; }
	/* section2 */
	.section2 .mobile .section2_tet{ bottom:80px; left:2.5%;width:95%;}
	.mobile .sec2_img{ right:-110px; bottom:10px;}
	/* section3 */
	.section3 .mobile .section3_tet{  top:60px; }
	.mobile .sec3_img1{ bottom:20px; }
	.section3 .mobile .section3_tet1{ top:7%;margin-right:-210px;}
	.section3 .mobile .section3_tet2{ top:60px;}
	.section3 .mobile .section3_tet2 p{ font-size:0.9rem; line-height:1.3rem;}
	.section3 .mobile .section3_tet2 a{ top:70px;}
	.mobile .sec3_img1,.sec3_step3 img,.sec3_step2{ bottom:20px;margin-left:-200px; width:400px; height:382.4px;}
	.section3 .mobile img.sec3_5{left:131.2px; bottom:118px; width:56px; height:48.8px; }
	.section3 .mobile img.sec3_7{ right:119.6px; bottom:98.8px;width:92px; height:57.6px;}
	.section3 .mobile img.sec3_6{left:131.2px; bottom:118px; width:56px; height:48.8px;}
	.section3 .mobile img.sec3_8{right:119.6px; bottom:98.8px;width:92px; height:57.6px;}
	/* section4 */
	.mobile .sec4_img1,.mobile .sec4_img2{ bottom:-15px;margin-left:-200px; width:400px; height:330.4px; }
	.section4 .mobile .section4_tet1{  top:60px;}
	.section4 .mobile h2{ font-size:2.2rem;}
	/* section5 */
	.section5 .mobile .section5_tet1{ top:60px;}
	.mobile .sec5_img{ bottom:40px;margin-right:-200px; width:400px; height:215.61px; }
	.section5 .mobile img.sec5_1{ top:10px; }
	/* section6 */
	.section6 .mobile .section6_tet{ top:60px;}
	.section6 .mobile h1{ font-size:1.4rem;}
	.section6 .mobile .sec6_img1{bottom:-130px;}
	.active.section6 .mobile .sec6_img1{bottom:-30px;}
	/* section7 */
	.section7 .mobile .section7_tet{ top:60px;}
	.section7 .mobile .sec7_img{ bottom:0px;margin-left:-180px; width:400px; height:262px;}
	.section7 .mobile img.sec7_2{  top:140px; left:60px;}
	.active.section7 .mobile img.sec7_2{ top:-50px;  left:35px; width:183px; height: 105.6px;  }
	/* section8 */
	.section8 .mobile .section8_tet{ top:60px;}
	.section8 .mobile .section8_tet h2{ font-size:2.2rem;}
	.section8 .mobile .sec8_img{ top:140px; }
	/* section9 */
	.section9 .mobile .section9_tet{ top:60px;}
	.section9 .mobile .sec9_img1{bottom:0px;}
	.section9 .mobile img.sec9_9{ right:140px; top:135px;}
	/* section10 */
	.section10 .mobile .section_tet{  top:60px;}
	.slide_container {margin-bottom: 0px;  top:130px;margin-left:-76.5px;width:153px; left:50%; }
	 .slide_nav { left:-85px;  height: 250px;  width:79px;  }
	.slide_nav.next {  right: -85px;  }
	/* section11 */
	.section11 .mobile .section11_tet{  top:50px;}
	.section11 .mobile .sec11_img{bottom:40px;margin-right:-160px; width:350px; height: 293px;}
	/* section12 */
	.section12 .mobile .section12_tet{ top:60px; width:95%; left:2.5%;}
	.section12 .mobile .section12_tet p{ padding-bottom:5px; font-size:1rem; letter-spacing:-0.5px;}
	.section12 .mobile h1,.section12 .mobile h2{ padding-bottom:2px;}
	.mobile img.sec12_1{right:25%;bottom:70px; width:55%;}
}
@-webkit-keyframes appearFromRL3 {
	0%	{opacity: 0; }
	100%{ opacity: 1;}
}@-moz-keyframes appearFromRL3 {
	0%	{opacity: 0;}
	100%{opacity: 1;}
}@-ms-keyframes appearFromRL3 {
	0%	{opacity: 0;}
	100%{opacity: 1;}
}@-o-keyframes appearFromRL3 {
	0%	{opacity: 0;}
	100%{opacity: 1;}
}@keyframes appearFromRL3 {
	0%	{opacity: 0;}
	100%{opacity: 1;}
}
@-webkit-keyframes appearCircle {
	0%	{ -webkit-transform: rotate(0deg) scale(0);}
	100%{ -webkit-transform: rotate(360deg) scale(1);}
}@-moz-keyframes appearCircle {
	0%	{-moz-transform: rotate(0deg) scale(0);}
	100%{ -moz-transform: rotate(360deg) scale(1);}
}@-ms-keyframes appearCircle {
	0%	{-ms-transform: rotate(0deg) scale(0);}
	100%{-ms-transform: rotate(360deg) scale(1);}
}@-o-keyframes appearCircle {
	0%	{-o-transform: rotate(0deg) scale(0);}
	100%{-o-transform: rotate(360deg) scale(1);}
}@keyframes appearCircle {
	0%	{transform: rotate(0deg) scale(0);}
	100%{transform: rotate(360deg) scale(1);}
}