@charset "utf-8";

body {overflow:hidden; background:#5f8ddb;}
#wrap {min-width:1200px; max-width:2000px; height:100%;}
#body4week {position:absolute; top:0; left:50%; width:2000px; height:100%; margin-left:-1000px; background:#5f8ddb; transform: none!important;}
#body4week img {vertical-align:top;}

#body4week h1 {position:absolute; top:40px; left:50%; z-index:100; margin-left:-600px;}
#nav {position:absolute; top:130px; left:50%; bottom:160px; z-index:100; margin-left:-600px;}
#nav li {overflow:hidden; position:relative; -webkit-transition: all 0.45s ease; transition: all 0.45s ease;}
#nav li:after {position:absolute; left:0; top:72px; bottom:30px; width:1px; background:#fff; content:'';}
#nav li.line2:after {top:100px}
#nav a {display:block; padding:3px 0; font-size:20px; color:#fff; line-height:28px; font-weight:500;}
#nav a b {color:#e35284;}

#quick_big {display:inline-block; position:fixed; right:0; bottom:0; z-index:1000; -webkit-transition: bottom 0.4s ease; transition: bottom 0.4s ease;}
#quick_big .btn_close {position:absolute; top:12px; left:-26px;}
#quick_big .btn_consult {float:left;}
#best_slider {float:left; width:314px; height:211px;}
#best_slider .bx-controls-direction a {overflow:hidden; width:24px; height:24px; margin:0;}
#best_slider .bx-wrapper .bx-prev {top:159px; left:17px; background:url('../images/cont/body4week/btn_prev.jpg');}
#best_slider .bx-wrapper .bx-next {top:159px; left:43px; background:url('../images/cont/body4week/btn_next.jpg');}
#quick_small {display:inline-block; position:fixed; right:0; bottom:-120px; z-index:1001; margin-right:50px; -webkit-transition: bottom 0.4s ease 0.3s; transition: bottom 0.4s ease 0.3s;}
#quick_small a {float:left; margin-left:16px;}

#quick_big.close {bottom:-230px;}
#quick_small.open {bottom:55px;}

#qconsult_pop {}
/* #qconsult_pop:before {position:fixed; top:200%; left:0; z-index:10000; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.6); content:''; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease;} */
#qconsult_pop .box {position:fixed; top:150%; left:50%; z-index:10001; width:495px; margin-left:-248px; margin-top:-320px; padding:23px 40px 20px; border:29px solid #9cedee; border-image-source: linear-gradient(100deg, #6a9ff7, #eee950); border-image-slice: 20; color:#333; text-align:center; background:#fff; -webkit-transition: top 0.4s ease; transition: top 0.4s ease;}
#qconsult_pop .btn_close {position:absolute; top:-20px; right:-86px;}
#qconsult_pop .chk_list {display:inline-block; margin:23px; text-align:left;}
#qconsult_pop .chk_list li+li {margin-top:15px;}
#qconsult_pop .chk_list * {vertical-align:middle;}
#qconsult_pop h2 {font-size:30px; letter-spacing:-0.1em;}
#qconsult_pop input[type="text"], #qconsult_pop select {width:100%; height:58px; margin:5px 0; padding:0 15px; border:1px solid #d8d8d8; font-size:18px; color:#333333;}
#qconsult_pop select {padding:8px 8px 8px 15px;}
#qconsult_pop .frow {font-size:0;}
#qconsult_pop input.hp, #qconsult_pop select.hp {width:114px;}
#qconsult_pop input.hp {margin-left:7px;}
#qconsult_pop .agree_box {position:relative; margin:8px -20px 0; padding-left:20px; text-align:left; font-size:13px; color:#000000; line-height:18px;}
#qconsult_pop .agree_box input {position:absolute; top:3px; left:0;}
#qconsult_pop .btn_wrap {text-align:center; font-size:0;}
#qconsult_pop .btn_wrap .btn+.btn {margin-left:4px;}
#qconsult_pop .btn {width:173px; height:70px; margin-top:25px; border:0; font-size:20px; color:#fff; font-weight:500; cursor:pointer;}
#qconsult_pop .btn.blue {background:#67a0f9;}
#qconsult_pop .btn.yellow {background:#fadb09;}

/* #qconsult_pop.on:before {top:0; opacity:1;}*/
#qconsult_pop.on .box {top:50%;}


#best_pop {}
#best_pop .box {position:fixed; top:150%; left:50%; z-index:10001; margin-left:-434px; margin-top:-290px; text-align:center; -webkit-transition: top 0.4s ease; transition: top 0.4s ease;}
#best_pop .btn_close {position:fixed; top:0; right:-100px; z-index:10002; -webkit-transition: right 0.4s ease; transition: right 0.4s ease;}
#best_pop h2 {height:128px; -webkit-transition: margin-top 0.4s ease; transition: margin-top 0.4s ease;}
#best_pop ul {overflow:hidden; width:891px; margin:0 auto 0; -webkit-transition: margin-top 0.4s ease 0.5s; transition: margin-top 0.4s ease 0.5s;}
#best_pop li {float:left; width:33.333%; padding:12px;}

.dimmed_bg {display:none; position:fixed; top:0; left:0; z-index:10000; width:100%; height:100%; opacity:0; background:rgba(0,0,0,0.95); content:'';}

#best_pop.on:before {top:0; opacity:1;}
#best_pop.on .box {top:50%;}
#best_pop.on .btn_close {right:0;}

/*
.radio_box {display: block; position: relative;  height: 26px;}
.radio_box input {position: absolute; top: 1px;	left: 0; width: 25px; height: 25px; cursor: pointer;}
.radio_box label {font-size:20px; color:#333333; line-height:26px; background:url('../images/cont/body4week/radio_off.png') no-repeat 0 center;}
.radio_box input:checked + label {background-image:url('../images/cont/body4week/radio_off.png')}
*/

input[type='radio']:not(old) {margin:0; padding:0; opacity:0;width:0;}
input[type='radio']:not(old) + label {display: inline-block; text-align: left; padding-left: 35px; font-size:20px; color:#333333; line-height:26px; font-weight:400; background: url('../images/cont/body4week/radio_off.png') no-repeat 0 center;}
input[type='radio']:not(old):checked + label {background: url('../images/cont/body4week/radio_on.png') no-repeat 0 0;}


.slist {position:absolute; top:0; left:0; width:100%; height:100%;}
.section {opacity:0; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; overflow:hidden; padding-left:147px; text-align:center; -webkit-transition: opacity 0.45s ease; transition: opacity 0.45s ease;}
.swrap {position:relative; width:1053px; height:100%; margin:0 auto; text-align:left;}
.acenter {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}

.section.s01 {background:url('../images/cont/body4week/s01_bg.jpg') no-repeat right 0; background-size:auto 100%;}
.section.s01 .txt {position:absolute; top:50%; left:105px; margin-top:-247px; padding-top:20px; -webkit-transition: padding-top 0.45s ease; transition: padding-top 0.45s ease;}
.section.s01.on .txt {padding-top:0px;}

.section.s02 {}
.section.s02 .swrap {}
.section.s02 .cont01 {width:100%; height:100%; background:url('../images/cont/body4week/s02_bg.jpg') left no-repeat #fff; background-size:auto 100%;}
.section.s02 .cont01 img {margin-top:20px; -webkit-transition: margin-top 0.45s ease 0.1s; transition: margin-top 0.45s ease 0.1s;}
.section.s02 .cont02 {width:100%; height:100%; opacity:0; z-index:2; -webkit-transition: all 0.45s ease 0.1s; transition: all 0.45s ease 0.1s;}
.section.s02 .cont02 ul {position:absolute; top:724px; left:142px;}
.section.s02 .cont02 li {float:left; position:relative; width:193px;}
.section.s02 .cont02 li:before {position:absolute; top:-11px; left:50%; width:7px; height:28px; margin-left:-4px; border-radius:3px; background:#c9c9c9; content:''; -webkit-transition: all 0.45s ease; transition: all 0.45s ease;}
.section.s02 .cont02 strong {display:block; padding-top:16px; font-size:24px; color:#c9c9c9; font-weight:700; text-align:center; -webkit-transition: all 0.45s ease; transition: all 0.45s ease;}
.section.s02 .cont02 span {display:block; font-size:18px; color:#fff; text-align:center; -webkit-transition: all 0.45s ease; transition: all 0.45s ease;}
.section.s02 .cont02 a.btn_view {position:absolute; top:-278px; left:50%; width:40px; height:40px; margin-left:-10px; border-radius:50%; background:url('../images/cont/body4week/plus.png'); background-size:100%;}
.section.s02 .cont02 a.btn_view {color:#fff; -webkit-animation:pulse 1000ms cubic-bezier(.215,.61,.355,1) infinite alternate-reverse;animation:pulse 1000ms cubic-bezier(.215,.61,.355,1) infinite alternate-reverse;}
/*.section.s02 .cont02 a.btn_view:before {font-size:36px; position:absolute; top:0px; left:0px; width:100%; text-align:center; line-height:33px; content: "+";}*/
.section.s02 li:nth-child(2) .btn_view {-webkit-animation-delay:0.3s; animation-delay:0.3s;}
.section.s02 li:nth-child(3) .btn_view {-webkit-animation-delay:0.6s; animation-delay:0.6s;}
.section.s02 li:nth-child(4) .btn_view {-webkit-animation-delay:0.9s; animation-delay:0.9s;}
.section.s02 .cont02 a.btn_view:hover {border-color:#fe2f7b; color:#fe2f7b;}
.section.s02 .circle {display:block; position:absolute; width:93px; height:93px; border-radius:50%; padding-top:24px; font-size:20px; color:#fff; opacity:0; text-align:center; font-weight:400; line-height:22px; letter-spacing:-0.08em; -webkit-transform:scale(0.1);transform:scale(0.1);}
.section.s02 .circle.c01 {top:-343px; left:-28px; background:#fc647d; -webkit-transition:all 0.5s cubic-bezier(.215,.61,.355,1);transition:all 0.5s cubic-bezier(.215,.61,.355,1);}
.section.s02 .circle.c02 {top:-187px; left:135px; background:#fe2f7b; -webkit-transition:all 0.5s cubic-bezier(.215,.61,.355,1);transition:all 0.5s cubic-bezier(.215,.61,.355,1);}
.section.s02 .circle.c03 {top:-297px; left:150px; background:#fe2f7b; -webkit-transition:all 0.5s cubic-bezier(.215,.61,.355,1);transition:all 0.5s cubic-bezier(.215,.61,.355,1);}
.section.s02 .circle.c04 {top:-212px; left:-17px; background:#fc7d64; -webkit-transition:all 0.5s cubic-bezier(.215,.61,.355,1);transition:all 0.5s cubic-bezier(.215,.61,.355,1);}
.section.s02 li.active {}
.section.s02 li.active:before {background:#fe2f7b;}
.section.s02 li.active strong, .section.s02 li.active span {color:#333333;}
.section.s02 li.active .circle {opacity:1; -webkit-transform:scale(1);transform:scale(1);}
.section.s02 li.active .btn_view {opacity:0;}

.section.s02.on .cont01 img {margin-top:0;}
.section.s02.on .cont02 {opacity:1; -webkit-transition: all 0.45s ease 1.5s; transition: all 0.45s ease 1.5s;}

@keyframes pulse{
	from{width:50px; height:50px; margin-left:-15px; margin-top:-5px;}
	to{width:40px; height:40px;}
}




.section.s03 .swrap:after {position:absolute; left:0; top:0; bottom:0; width:1454px; background:url('../images/cont/body4week/s03_bg.jpg') no-repeat right 0 #e7eff0; background-size:auto 100%; content:'';}
.section.s03 .cont {position:absolute; top:50%; left: 100px; z-index:1; margin-top:-260px; -webkit-transition: all 0.45s ease; transition: all 0.45s ease;}
.section.s03 .title {margin-left:46px; margin-bottom:36px;}
.section.s03 .box {overflow:hidden; position:relative; width:953px; height:439px; background:rgba(255,255,255,0.75);}
.section.s03 .cont_list {position:absolute; top:43px; left:0; width:300%;}
.section.s03 .cont_list li {float:left; width:33.333%; padding-left:63px;}
.section.s03 .link_list {position:absolute; top:268px; left:63px;}
.section.s03 .link_list li {float:left; margin-right:15px;}
.section.s03 .link_list a {display:block; width:136px; height:136px; padding-top:30px; border-radius:50%; font-size:24px; color:#fff; line-height:30px; font-weight:500; text-align:center; background:#aeb2b9; -webkit-transition: background 0.45s ease; transition: background 0.45s ease;}
.section.s03 .link_list li.on a {background:#5f8ddb;}

.section.s03.on .cont {margin-top:-290px;}


.section.s04 {text-align:left;}
.section.s04 .swrap {}
.section.s04 .box {overflow:hidden; position:relative; width:905px; height:100%; border:29px solid #9cedee; border-image-source: linear-gradient(135deg, #9cedee, #5e6ee2); border-image-slice: 20; background:#fff;}
.section.s04 .cont_list {position:absolute; top:0; left:0; width:100%; height:500%;}
.section.s04 .cont_list li {height:20%; position:relative; width:100%;}
.section.s04 .link_list {position:absolute; top:50%; right:0; z-index:5; width:125px; margin-top:-310px; font-size:20px; color:#bdd6ff; font-weight:500; text-align:center; line-height:24px;}
.section.s04 .link_list em {display:block; padding-bottom:5px;}
.section.s04 .link_list li {padding:10px 0 62px; background:url('../images/cont/body4week/s04_arrow.png') no-repeat center bottom; -webkit-transition: color 0.45s ease; transition: color 0.45s ease;}
.section.s04 .link_list li.on {color:#fff; background-image:url('../images/cont/body4week/s04_arrow_on.png');}
.section.s04 .link_list li:last-child {background-image:url('');}
.section.s04 .link_list a {display:block;}


.section.s05 .swrap:after {position:absolute; left:0; top:0; bottom:0; width:1454px; background:#f2f2f2; content:'';}
.section.s05 .cont {position:absolute; top:50%; left: 100px; z-index:1; margin-top:-290px;}
.section.s05 h2 {height:130px;}
.section.s05 .chk_list {overflow:hidden; margin-bottom:60px;}
.section.s05 .chk_list li {float:left; width:295px; text-align:center; font-size:24px; color:#333333;}
.section.s05 .chk_list img {display:block; margin:0 auto 15px;}
.section.s05 .frow {margin-bottom:6px;}
.section.s05 input[type="text"], .section.s05 select {height:50px; border-radius:7px; border:1px solid #dadada; font-size:18px; color:#333333;}
.section.s05 input[type="text"] {padding:0 13px;}
.section.s05 select {padding:5px 5px 5px 13px;}
.section.s05 .hp {width:150px;}
.section.s05 .name {width:180px; margin-right:10px;}
.section.s05 .btn {width:200px; margin-left:15px; border:0; border-radius:7px; font-size:20px; color:#fff; line-height:50px; text-align:center; font-weight:700; cursor:pointer;}
.section.s05 .btn.blue {background:#5f8ddb;}
.section.s05 .btn.yellow {background:#ebd200;}
.section.s05 .agree_box {margin-top:10px; font-size:14px; color:#000; letter-spacing:-0.07em;}


.section.s06 .swrap:after {position:absolute; left:0; top:0; bottom:0; width:1454px; background:#efefef; content:'';}
.section.s06 .cont01 {position:absolute; top:0; left:0; z-index:1; width:454px; height:100%; padding:25px; background:url('../images/cont/body4week/s06_bg.jpg') no-repeat center bottom #5d5355;}
.section.s06 h2 {height:134px;}
.section.s06 dl {position:relative; width:400px; height:410px;}
.section.s06 dl dt {float:left; width:50%;}
.section.s06 dl a {display:block; font-size:20px; color:#333333; line-height:80px; text-align:center; background:#fff; -webkit-transition: all 0.45s ease; transition: all 0.45s ease;}
.section.s06 dd {display:none; position:absolute; top:120px; left:20px;}
.section.s06 dt.on a {color:#fff; background:#fd4e7c;}
.section.s06 dt.on + dd {display:block;}
.section.s06 .cont02 {position:absolute; top:50%; left:454px; z-index:2; width:599px; margin-top:-500px;}
.section.s06 .bx-pager {bottom:205px; width:100%; text-align:center;}
.section.s06 .bx-pager .bx-pager-item {display:inline-block; float:none;}
.section.s06 .bx-pager.bx-default-pager a {background: #efefef; opacity:1; display: block;	width: 14px; height: 14px; margin:0 6px;}
.section.s06 .bx-pager.bx-default-pager a.active {background: #5f8ddb;}
.section.s06 h3 {margin-top: 25px;}

.section.on {opacity:1;}







/*

linear-gradient(-135deg, #fcb38b, #ff9cb8) fixed

.section.s01:before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/cont/body4week/s01_bg.jpg') center; background-size:cover; content:'';}
.section.s01 .txt {position:absolute; top:50%; left:50%; margin-left:-349px; margin-top:-247px;}

.section.s02 {width:1200px; margin:0 auto;}
.section.s02 .cont_wrap {position:relative; background:url('../images/cont/body4week/s02_bg.jpg') left no-repeat #fff; background-size:auto 100%;}
.section.s02 .txt01 {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
*/
/*
.section.s02:before {position:absolute; top:0; left:50%; right:0; height:100%; margin-left:-453px; background:url('../images/cont/body4week/s02_bg.jpg') center; background-size:cover; content:'';}
*/