@charset "utf-8";
.el-carousel {
	position:relative
}
.el-carousel__container {
	position:relative;
	height:300px
}
.el-carousel__arrow {
	border:none;
	outline:0;
	padding:0;
	margin:0;
	height:36px;
	width:36px;
	cursor:pointer;
	transition:.3s;
	border-radius:50%;
	background-color:rgba(31,45,61,.11);
	color:#fff;
	position:absolute;
	top:50%;
	z-index:10;
	transform:translateY(-50%);
	text-align:center;
	font-size:12px
}
.el-carousel__arrow--left {
	left:16px
}
.el-carousel__arrow--right {
	right:16px
}
.el-carousel__arrow:hover {
	background-color:rgba(31,45,61,.23)
}
.el-carousel__arrow i {
	cursor:pointer
}
.el-carousel__indicators {
	position:absolute;
	list-style:none;
	margin:0;
	padding:0;
	z-index:2
}
.el-carousel__indicators--horizontal {
	bottom:0;
	left:50%;
	transform:translateX(-50%)
}
.el-carousel__indicators--vertical {
	right:0;
	top:50%;
	transform:translateY(-50%)
}
.el-carousel__indicators--outside {
	bottom:26px;
	text-align:center;
	position:static;
	transform:none
}
.el-carousel__indicators--outside .el-carousel__indicator:hover button {
	opacity:.64
}
.el-carousel__indicators--outside button {
	background-color:#c0c4cc;
	opacity:.24
}
.el-carousel__indicators--labels {
	left:0;
	right:0;
	transform:none;
	text-align:center
}
.el-carousel__indicators--labels .el-carousel__button {
	height:auto;
	width:auto;
	padding:2px 18px;
	font-size:12px
}
.el-carousel__indicators--labels .el-carousel__indicator {
	padding:6px 4px
}
.el-carousel__indicator {
	background-color:transparent;
	cursor:pointer
}
.el-carousel__indicator:hover button {
	opacity:.72
}
.el-carousel__indicator--horizontal {
	display:inline-block;
	padding:12px 4px
}
.el-carousel__indicator--vertical {
	padding:4px 12px
}
.el-carousel__indicator--vertical .el-carousel__button {
	width:2px;
	height:15px
}
.el-carousel__indicator.is-active button {
	opacity:1
}
.el-carousel__button {
	display:block;
	opacity:.48;
	width:30px;
	height:2px;
	background-color:#fff;
	border:none;
	outline:0;
	padding:0;
	margin:0;
	cursor:pointer;
	transition:.3s
}
.el-carousel__item,.el-carousel__mask {
	position:absolute;
	height:100%;
	top:0;
	left:0
}
.el-carousel__item {
	width:100%;
	display:inline-block;
	overflow:hidden;
	z-index:0
}
.el-carousel__item.is-active {
	z-index:2
}
.el-carousel__item--card,.el-carousel__item.is-animating {
	transition:transform .4s ease-in-out
}
.el-carousel__item--card {
	width:50%
}
.el-carousel__item--card.is-in-stage {
	cursor:pointer;
	z-index:1
}
.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask,.el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
	opacity:.12
}
.el-carousel__item--card.is-active {
	z-index:2
}
.el-carousel__mask {
	width:100%;
	background-color:#fff;
	opacity:.24;
	transition:.2s
}
.t-icon {
	display:inline-block;
}

.t-icon-honor_list_1 {
	width:224px;
	height:162px;
	background-image:url(../img/img-honor-1.jpg);
	background-size:224px 162px;
}
.t-icon-honor_list_2 {
	width:224px;
	height:162px;
	background-image:url(../img/img-honor-2.jpg);
	background-size:224px 162px;
}
.t-icon-honor_list_3 {
	width:224px;
	height:162px;
	background-image:url(../img/img-honor-3.jpg);
	background-size:224px 162px;
}

@media screen and (min-width:1050px) {
	.jojo_honors-container {
	width:100%
}
.jojo_honors-container .jojo_honors {
	width:100%;
	overflow:hidden;
	text-align:center;
	padding:96px
}
.jojo_honors-container .jojo_honors .honor_title {
	font-size:42px;
	font-weight:700;
	display:inline-block;
	line-height:61px;
	color:#333;
	position:relative
}
.jojo_honors-container .jojo_honors .honor_title:before {
	content:"";
	width:17px;
	height:40px;
	background:url(../img/icon-index-honor-left.png) no-repeat;
	background-size:17px 40px;
	position:absolute;
	left:-35px;
	top:13px
}
.jojo_honors-container .jojo_honors .honor_title:after {
	content:"";
	width:17px;
	height:40px;
	background:url(../img/icon-index-honor-right.png) no-repeat;
	background-size:17px 40px;
	position:absolute;
	right:-35px;
	top:13px
}
.jojo_honors-container .jojo_honors .honor_box {
	width:826px;
	overflow:hidden;
	margin:36px auto 0;
	text-align:center
}
.jojo_honors-container .jojo_honors .honor_box li {
	width:270px;
	margin-bottom:4px;
	margin-right:4px;
	overflow:hidden;
	float:left;
	padding-top:20px;
	background-color:#fafafb;
	padding-bottom:30px;
	border-radius:8px
}
.jojo_honors-container .jojo_honors .honor_box li .img_box {
	width:224px;
	height:162px;
	overflow:hidden;
	margin:0 auto
}
.jojo_honors-container .jojo_honors .honor_box li h5 {
	color:#444;
	font-size:16px;
	margin-top:8px;
	line-height:24px
}
.jojo_honors-container .jojo_honors .honor_box li p {
	font-size:14px;
	margin-top:8px;
	line-height:14px;
	color:#9d9d9d;
	margin-bottom:0
}
}
@media screen and (max-width:1049px) {
.jojo_honors-container {
	width:100%
}
.jojo_honors-container .jojo_honor {
	width:100%;
	padding: 56px 0 20px 0;
	text-align:center
}
.jojo_honors-container .jojo_honor .honor_title {
	display:inline-block;
	margin:0 auto;
	font-size:25px;
	color:#333;
	line-height:36px;
	position:relative;
   margin-bottom: 24px;
}
.jojo_honors-container .jojo_honor .honor_title:before {
	content:"";
	width:10px;
	height:24px;
	background:url(../img/icon-index-honor-left.png) no-repeat;
	background-size:10px 24px;
	position:absolute;
	left:-18px;
	top:5px
}
.jojo_honors-container .jojo_honor .honor_title:after {
	content:"";
	width:10px;
	height:24px;
	background:url(../img/icon-index-honor-right.png) no-repeat;
	background-size:10px 24px;
	position:absolute;
	right:-17px;
	top:5px
}
.jojo_honors-container .jojo_honor .swiper_box {
	 width:100%;
     margin: 0 auto 18px;
     max-width:297px;
     overflow:hidden;
}
.jojo_honors-container .jojo_honor .swiper_box .item_box {
	background-color:#fafafb;
	height:238px;
	border-radius:9px;
	text-align:center;
}
 .jojo_honors-container .jojo_honor .swiper_box .item_box img {
	width: 100%;
    height: 178px;
	overflow:hidden;
	transform:scale(.89)
}

.jojo_honors-container .jojo_honor .swiper_box .item_box h5 {
	font-size:16px;
	color:#444;
	line-height:24px;
	margin-top:4px;
	margin-bottom:5px
}
.jojo_honors-container .jojo_honor .swiper_box .item_box p {
	font-size:13px;
	font-weight:400;
	color:#888;
	line-height:15px;
	text-align: center;
}
.jojo_honors-container .slidesjs-pagination {
      position: absolute;
      bottom: 24px;
      left:50%;
      transform: translate(-50%, -50%)
    }
    .jojo_honors-container .slidesjs-pagination li{
      display: inline-block;
    }
    .jojo_honors-container .slidesjs-pagination li a{
      display:block;
      width: 6px;
	  height: 6px;
	  background: #eaeaea;
	  border-radius: 3px;
	  padding: 0;
	  margin: 16px 4px 0;
	  font-size: 0;
    }
    .jojo_honors-container .slidesjs-pagination li a.active,
    .jojo_honors-container .slidesjs-pagination li a:hover.active {
      width: 12px;
	  height: 6px;
	  background: #ffd630;
	  border-radius: 6px;
	   margin: 18px 4px 0;
	   font-size: 0;
      }
}
@media screen and (max-width:1049px) {
.container .swiper_box .el-carousel .el-carousel__indicators .el-carousel__indicator {
	width:5px;
	height:5px;
	background:#eaeaea;
	border-radius:3px;
	padding:0;
	margin:16px 3px 0
}
.container .swiper_box .el-carousel .el-carousel__indicators .el-carousel__indicator .el-carousel__button {
	width:5px;
	height:5px
}
.container .swiper_box .el-carousel .el-carousel__indicators .is-active,.container .swiper_box .el-carousel .el-carousel__indicators .is-active .el-carousel__button {
	width:12px;
	height:5px;
	background:#ffd630;
	border-radius:6px
}
.container .swiper_box .el-carousel .el-carousel__container .el-carousel__arrow {
	top:40%;
	display:none
}
.container .swiper_box .el-carousel .el-carousel__container .el-carousel__item {
	width:100%
}
}
.wap_side {
	width:335px;
	border-radius:18px;
	width:100%;
	max-width:335px;
	margin:0 auto;
	position:relative;
	z-index:99
}
.wap_side.has-padding {
	padding-bottom:32px;
	padding-top:90px
}
.wap_side .yellow_bg {
	padding:20px 0;
	background:#ffe459;
	border-radius:18px;
	display:flex;
	position:relative;
	justify-content:center
}
.wap_side .yellow_bg .jojo {
	width:100%;
	position:absolute;
	top:-73px;
	left:50%;
	transform:translateX(-50%)
}
.wap_side .yellow_bg .jojo_content {
	display:flex;
	align-items:center;
	padding:0 16px
}
.wap_side .yellow_bg .jojo_content p {
	color:#753d05;
	font-size:16px;
	font-weight:700;
	max-width:167px;
	text-align:center;
	margin:0
}
.wap_side .yellow_bg .jojo_content .arrows {
	width:21px;
	height:21px;
	margin-left:30px
}
.wap_side .yellow_bg .jojo_content .qrcode {
	width:96px;
	height:96px;
	margin-left:10px
}
.wap_side .side_circle {
	position:fixed;
	right:16px;
	bottom:74px;
	height:144px;
	width:58px
}
.wap_side .side_circle .gift.circle1 {
	width:58px;
	height:58px;
	display:flex;
	justify-content:center;
	position:relative;
	border-radius:50%;
	margin-bottom:14px;
	box-shadow:0 2px 3px 0 #ff8b8b;
	background-color:#f95e23
}
.wap_side .side_circle .gift.circle1 .img {
	width:58px;
	height:58px
}
.wap_side .side_circle .gift.circle1 .text {
	width:48px;
	height:14px;
	position:absolute;
	top:14px
}
.wap_side .side_circle .gift.circle1 .star {
	position:absolute
}
.wap_side .side_circle .gift.circle1 .star1 {
	width:56px;
	height:12px;
	top:-4px
}
.wap_side .side_circle .gift.circle1 .star2 {
	width:49px;
	height:17px;
	top:-8px;
	right:0
}
.wap_side .side_circle .circle {
	display:block;
	width:58px;
	height:58px;
	background:#fff;
	box-shadow:0 6px 30px 0 rgba(0,0,0,.12);
	border-radius:28px;
	margin-bottom:14px;
	overflow:hidden;
	transition:all .3s linear
}
.wap_side .side_circle .circle div {
	width:100%;
	height:100%;
	background:url(../img/icon-talk.png) no-repeat;
	background-size:35px 35px;
	background-position:50% 50%
}

.t-icon-four_course_1 {
	width: 36px;
    height: 36px;
    background: url(../img/icon-mark-1.png) no-repeat;
    background-size: 36px 36px;
}
.t-icon-four_course_2 {
	width: 36px;
    height: 36px;
    background: url(../img/icon-mark-2.png) no-repeat;
    background-size: 36px 36px;
}
.t-icon-four_course_3 {
	width: 36px;
    height: 36px;
    background: url(../img/icon-mark-3.png) no-repeat;
    background-size: 36px 36px;
}

.t-icon-guide_list_1 {
	width:142px;
	height:142px;
	background: url(../img/icon-guide_list_1.png) no-repeat;
    background-size: 142px 142px;
    margin-bottom: 12px;
}
.t-icon-guide_list_2 {
	width:142px;
	height:142px;
	background: url(../img/icon-guide_list_2.png) no-repeat;
    background-size: 142px 142px;
    margin-bottom: 12px;
}
.t-icon-guide_list_3 {
	width:142px;
	height:142px;
	background: url(../img/icon-guide_list_3.png) no-repeat;
    background-size: 142px 142px;
    margin-bottom: 12px;
}
.t-icon-guide_list_4 {
	width:142px;
	height:142px;
	background: url(../img/icon-guide_list_4.png) no-repeat;
    background-size: 142px 142px;
    margin-bottom: 12px;
}
.t-icon-guide_list_5 {
	width:142px;
	height:142px;
	background: url(../img/icon-guide_list_5.png) no-repeat;
    background-size: 142px 142px;
    margin-bottom: 12px;
}
.t-icon-guide_list_6 {
	width:142px;
	height:142px;
	background: url(../img/icon-guide_list_6.png) no-repeat;
    background-size: 142px 142px;
    margin-bottom: 12px;
}

.t-icon-intimate_service_wap_1 {
	width:100px;
	height:100px;
	background: url(../img/icon-learn-1.png) no-repeat;
    background-size: 100px 100px;
}
.t-icon-intimate_service_wap_2 {
	width:100px;
	height:100px;
	background: url(../img/icon-learn-2.png) no-repeat;
    background-size: 100px 100px;
}
.t-icon-intimate_service_wap_3 {
	width:100px;
	height:100px;
	background: url(../img/icon-learn-3.png) no-repeat;
    background-size: 100px 100px;
}
.t-icon-intimate_service_wap_4 {
	width:100px;
	height:100px;
	background: url(../img/icon-learn-4.png) no-repeat;
    background-size: 100px 100px;
}
.t-icon-intimate_service_wap_5 {
	width:100px;
	height:100px;
	background: url(../img/icon-learn-5.png) no-repeat;
    background-size: 100px 100px;
}
.t-icon-intimate_service_wap_6 {
	width:100px;
	height:100px;
	background: url(../img/icon-learn-6.png) no-repeat;
    background-size: 100px 100px;
}
.t-icon-learn_1 {
	width:100px;
	height:100px;
	background: url(../img/icon-learn-1.png) no-repeat;
	background-size:100px 100px
}
.t-icon-learn_2 {
	width:100px;
	height:100px;
	background: url(../img/icon-learn-2.png) no-repeat;
	background-size:100px 100px
}
.t-icon-learn_3 {
	width:100px;
	height:100px;
	background: url(../img/icon-learn-3.png) no-repeat;
	background-size:100px 100px
}
.t-icon-learn_4 {
	width:100px;
	height:100px;
	background: url(../img/icon-learn-4.png) no-repeat;
	background-size:100px 100px
}
.t-icon-learn_5 {
	width:100px;
	height:100px;
	background: url(../img/icon-learn-5.png) no-repeat;
	background-size:100px 100px
}
.t-icon-learn_6 {
	width:100px;
	height:100px;
	background: url(../img/icon-learn-6.png) no-repeat;
	background-size:100px 100px
}
.t-icon-philosophy_quan_wap {
	width:26px;
	height:26px;
	background-position:-450px -710px
}
.t-icon-philosophy_quan {
	width:42px;
	height:42px;
	background-position:-321px -710px
}
.t-icon-three_standard_1 {
	width:110px;
	height:120px;
	background: url(../img/t-icon-three_standard_1.png) no-repeat;
	background-size:110px 120px;
}
.t-icon-three_standard_2 {
	width:110px;
	height:120px;
	background: url(../img/t-icon-three_standard_2.png) no-repeat;
	background-size:110px 120px;
}
.t-icon-three_standard_3 {
	width:110px;
	height:120px;
	background: url(../img/t-icon-three_standard_3.png) no-repeat;
	background-size:110px 120px;
}
.t-icon-three_standard_4 {
	width:110px;
	height:120px;
	background: url(../img/t-icon-three_standard_4.png) no-repeat;
	background-size:110px 120px;
}
.t-icon-three_standard_5 {
	width:110px;
	height:120px;
	background: url(../img/t-icon-three_standard_5.png) no-repeat;
	background-size:110px 120px;
}
.t-icon-three_standard_6 {
	width:110px;
	height:120px;
	background: url(../img/t-icon-three_standard_6.png) no-repeat;
	background-size:110px 120px;
}
.t-icon-three_standard_wap_1 {
	width:80px;
	height:92px;
	background-position:-405px -334px
}
.t-icon-three_standard_wap_2 {
	width:80px;
	height:92px;
	background-position:-746px 0
}
.t-icon-three_standard_wap_3 {
	width:80px;
	height:92px;
	background-position:-746px -97px
}
@media screen and (min-width:1050px) {
.container {
	width:100%
}
.container .to_center {
	transform:translateX(-50%);
	margin-left:50%
}
.container .intro_box {
	position:relative;
	overflow:hidden;
	width:100%;
	height:36.45vw;
	background-color:#ffdf59
}
.container .intro_box .white_bottom {
	width:100%;
	position:absolute;
	z-index:9;
	left:0;
	right:0;
	bottom:-28.64vw
}
.container .intro_box .guide_teach {
	width:35.7vw;
	position:absolute;
	z-index:8;
	right:18.5vw;
	bottom:5.6vw
}
.container .intro_box .text_box {
	position:absolute;
	left:20.35vw;
	top:12.81vw;
	z-index:99
}
.container .intro_box .text_box .word_img {
	width:24.583vw;
	margin-bottom:23px
}
.container .intro_box .text_box .p3 {
	font-size:1.1459vw;
	color:#594b40;
	font-weight:500
}
.container .intro_box .text_box .p4 {
	font-size:1.1459vw;
	color:#594b40;
	margin-top:2.083vw
}
.container .intro_box .text_box .p4 i {
	margin-right:1.667vw;
	font-style:normal
}

.container .common_title h3 {
	color:#333;
	font-size:42px;
	line-height:61px;
	text-align:center;
	padding:0 50px;
	display:inline-block;
	white-space:nowrap;
	background:url(../img/icon-index-circle.png) no-repeat;
	background-size:50px;
	background-position:18px 9px;
	font-weight:700;
	position:relative;
	transform:translateX(-50%);
	margin-left:50%;
	margin-bottom:0
}
.container .common_title h3:after {
	content:"";
	width:12px;
	height:12px;
	border-radius:50%;
	background-color:#ffe881;
	position:absolute;
	right:28px;
	bottom:14px
}
.container .common_title p {
	font-size:18px;
	width:100%;
	color:#777;
	text-align:center;
	margin-top:15px;
	transform:translateX(-50%);
	margin-left:50%;
	font-weight:500
}
.container .system_read {
	width:100%;
	background-color:#fafafb;
	padding-top:100px;
	padding-bottom:72px;
	overflow:hidden
}
.container .system_read .common_title {
	margin-bottom:30px
}
.container .system_read .guide_list {
	overflow:hidden;
	width:860px;
	display:flex;
	margin-bottom:0
}
.container .system_read .guide_list li {
	flex:0 180px;
	margin-right:160px;
	margin-top: 36px;
	text-align:center
}
.container .system_read .guide_list li .img_box {
	overflow:hidden
}
.container .system_read .guide_list li h5 {
	font-size:22px;
	font-weight:700;
	color:#333;
	line-height:31px;
	white-space:nowrap;
	font-weight:500;
	margin-bottom:8px
}
.container .system_read .guide_list li p {
	color:#999;
	font-size:14px;
	line-height:14px;
	margin-bottom:10px
}
.container .system_read .guide_list li:nth-child(3n+0) {
	margin-right:0
}
.container .three_standard {
	background-color:#fafafb;
	overflow:hidden;
	padding:96px 0
}
.container .three_standard .three_standard_box {
	margin-top:81px;
	display:flex;
	justify-content:center
}
.container .three_standard .three_standard_box .item {
	width:320px;
	height:297px;
	background:#fff;
	box-shadow:0 7px 20px 0 rgba(0,0,0,.06);
	border-radius:28px;
	position:relative;
	padding-top:96px;
	margin:0 16px
}
.container .three_standard .three_standard_box .item .item_icon {
	position:absolute;
	top:-41px;
	margin-left:50%;
	left:-56px
}
.container .three_standard .three_standard_box .item .item_title {
	text-align:center;
	margin:0;
	font-size: 16px;
    font-weight: 500;
    color: #6b430b;
    background-color: #fffbeb;
    margin: 2px 42px;
    border-radius: 8px;
    padding: 8px 10px;
}
.t-icon-three_standard_1 {
	width:110px;
	height:120px;
	background: url(../img/t-icon-three_standard_1.png) no-repeat;
	background-size:110px 120px;
}
.t-icon-three_standard_2 {
	width:110px;
	height:120px;
	background: url(../img/t-icon-three_standard_2.png) no-repeat;
	background-size:110px 120px;
}
.t-icon-three_standard_3 {
	width:110px;
	height:120px;
	background: url(../img/t-icon-three_standard_3.png) no-repeat;
	background-size:110px 120px;
}
.t-icon-three_standard_4 {
	width:110px;
	height:120px;
	background: url(../img/t-icon-three_standard_4.png) no-repeat;
	background-size:110px 120px;
}
.t-icon-three_standard_5 {
	width:110px;
	height:120px;
	background: url(../img/t-icon-three_standard_5.png) no-repeat;
	background-size:110px 120px;
}
.t-icon-three_standard_6 {
	width:110px;
	height:120px;
	background: url(../img/t-icon-three_standard_6.png) no-repeat;
	background-size:110px 120px;
}
.container .all_course {
	background-color:#fff;
	overflow:hidden;
	padding:96px 0
}
.container .all_course img {
	width:558px;
	margin-top: 20px;
	margin-bottom: -20px;
	position: relative;
    z-index: 1;
}
.container .all_course .four_course_box {
	width:980px;
	height:280px;
	background:#fff7cd;
	border-radius:28px;
	margin:auto;
	position:relative;
	box-sizing:border-box;
	padding:26px 40px;
	display:flex;
	justify-content:space-between
}
.container .all_course .four_course_box .four_course_top {
	width:980px;
	height:110px;
	background:#ffe255;
	border-radius:28px;
	position:absolute;
	top:0;
	left:0;
	z-index:0
}
.container .all_course .four_course_box .item {
	width:297px;
	height:232px;
	background:#fff;
	border-radius:28px;
	z-index:2;
	position:relative;
	padding:15px 0 0 15px
}
.container .all_course .four_course_box .item .item_top {
	display:flex;
	align-items:center
}
.container .all_course .four_course_box .item .item_top .item_top_left {
	width:64px;
	height:64px;
	background:#ffc11a;
	border:5px solid #fff;
	border-radius:32px;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	z-index:1
}
.container .all_course .four_course_box .item .item_top .item_top_right {
	position:relative;
	left:-26px;
	width:172px;
	height:44px;
	background:#ffe255;
	border-radius:22px;
	z-index:0;
	padding-right:18px
}
.container .all_course .four_course_box .item .item_top .item_top_right p {
	color:#955a20;
	font-size:22px;
	text-align:right;
	line-height:44px;
	font-weight:700
}
.container .all_course .four_course_box .item .item_top .item_top_right .first {
	position:relative;
	left:-22px
}
.container .all_course .four_course_box .item .item_bottom {
	margin-left:5px;
	margin-top:10px
}
.container .all_course .four_course_box .item .item_bottom .item_bottom_bottom {
	margin-top:16px;
	margin-bottom:0
}
.container .all_course .four_course_box .item .item_bottom .item_bottom_bottom li {
	display:flex;
	padding-left:20px;
	position:relative;
	margin-bottom:4px
}
.container .all_course .four_course_box .item .item_bottom .item_bottom_bottom li p {
	color:#777;
	margin:0;
	font-size:14px
}
.container .all_course .four_course_box .item .item_bottom .item_bottom_bottom li .item_text_max_length {
	max-width:180px
}
.container .all_course .four_course_box .item .item_bottom .item_bottom_bottom li:before {
	content:"";
	width:3px;
	height:3px;
	background-color:#ffe08c;
	border-radius:50%;
	position:absolute;
	left:9px;
	top:8px
}

.container .design_philosophy {
	width:100%;
	padding-top:96px;
	background:#fff;
	padding-bottom:56px;
	overflow:hidden
}
.container .design_philosophy .design_philosophy_box ul {
	padding:0;
	display:flex;
	justify-content:center;
	margin:32px 0 0
}
.container .design_philosophy .design_philosophy_box ul li {
	width:200px;
	cursor:pointer;
	height:60px;
	background:#fff;
	border-radius:29px;
	margin:0 12px;
	border:1px solid #ffd738;
	display:flex;
	justify-content:center;
	line-height:60px
}
.container .design_philosophy .design_philosophy_box ul li p {
	margin:0;
	font-size:22px;
	font-weight:500;
	color:#6b430b
}
.container .design_philosophy .design_philosophy_box ul .active {
	background:#ffe631;
	border:none;
	border-radius:29px
}
.container .design_philosophy .design_philosophy_box ul .active p {
	color:#613000
}
.container .design_philosophy .design_philosophy_box .design_philosophy_content {
	margin-top:57px;
	position:relative;
	height:400px
}
.container .design_philosophy .design_philosophy_box .design_philosophy_content .item {
	width:100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	transition:all .8s ease-in-out
}
.container .design_philosophy .design_philosophy_box .design_philosophy_content .item div {
	display:flex;
	justify-content:center;
	align-items:center
}
.container .design_philosophy .design_philosophy_box .design_philosophy_content .item div p {
	max-width:369px;
	font-size:20px;
	font-weight:400;
	color:#777;
	margin:0 10px 0 0;
	line-height:31px
}
.container .design_philosophy .design_philosophy_box .design_philosophy_content .item div .design_philosophy_item_img {
	display:block;
	width:660px;
	height:400px;
	margin-left:10px
}
.container .design_philosophy .design_philosophy_box .design_philosophy_content .hidden {
	opacity:0
}
.container .design_philosophy .design_philosophy_box .design_philosophy_content .show {
	opacity:1
}
.container .intimate_service {
	width:100%;
	padding:96px 0;
	overflow:hidden;
	background-color: #fafafb;
	
}
.container .intimate_service .float_box {
	margin-top:10px;
	width:1010px
}
.container .intimate_service .float_box li {
	width:303px;
	height:115px;
	margin-right:46px;
	margin-top:32px;
	text-align:left;
	transition:all .2s ease;
	border-radius:8px;
	float:left;
	display:flex
}
.container .intimate_service .float_box li .text_box {
	padding-top:15px;
	margin-left:16px
}
.container .intimate_service .float_box li h4 {
	font-size:22px;
	color:#444;
	line-height:32px;
	font-weight:700
}
.container .intimate_service .float_box li p {
	font-size:14px;
	font-weight:500;
	max-width:200px;
	color:#999;
	line-height:20px;
	margin-top:8px
}
.container .intimate_service .float_box li:last-child {
	margin-right:0
}
#footer {
  width: 100%;
  background-color: #fff;
}

}
@media screen and (max-width:1049px) {
.container {
	width:100%;
	overflow:hidden
}
.container .common_title {
	text-align:center;
	margin-bottom: 24px;
}
.container .common_title h3 {
	font-size:25px;
	font-weight:700;
	display:inline-block;
	padding:0 10px;
	color:#333;
	line-height:37px;
	position:relative;
	margin-bottom:0
}
.container .common_title h3 span {
	position:relative;
	z-index:9
}
.container .common_title h3:before {
	content:"";
	width:27.5px;
	height:27.5px;
	background: url(../img/icon-index-circle.png) no-repeat;
	background-size:27.5px;
	background-position:0;
	font-weight:500;
	position:absolute;
	left:-9px;
	top:6px;
	z-index:1
}
.container .common_title h3:after {
	content:"";
	width:6.6px;
	height:6.6px;
	background-color:#fbeeb2;
	position:absolute;
	right:-2px;
	top:22px;
	border-radius:50%
}
.container .common_title p {
	font-size:12px;
	font-weight:500;
	color:#777;
	line-height:19px;
	margin-top:8px;
	padding:0 10px
}
.container .intro_box {
	padding-top:40px;
	background:#ffe459
}
.container .intro_box .word_img {
	width:294px;
	display:block;
	margin:0 auto
}
.container .intro_box p {
	font-size:13px;
	width:301px;
	font-weight:600;
	white-space:nowrap;
	color:#594b40;
	line-height:20px;
	text-align:left;
	margin:9px auto 6px
}
.container .intro_box .guide_teach {
	width:100%;
	display:block;
	max-width:414px;
	margin:6px auto 0
}
.container .system_read {
	padding:56px 0 56px;
	width: 100%;
    background-color: #fafafb;
    overflow: hidden;
}
.container .system_read .common_title {
	margin-bottom:24px
}
.container .system_read .common_title h3 {
	text-align:center
}
.container .system_read .common_title h3:before {
	left:-8px;
	top:3px
}
.container .system_read .common_title h3:after {
	right:1px
}
.container .system_read .guide_list {
	width:297px;
	display:flex;
	margin:0 auto 18px
}
.container .system_read .guide_list .guide_item {
	flex:0 135px;
	max-width:135px;
	margin-right:34px;
	text-align:center
}
.container .system_read .guide_list .guide_item .img_box {
	width:126px;
	height:126px;
	overflow:hidden
}
.container .system_read .guide_list .guide_item h5 {
	font-size:15px;
	color:#333;
	line-height:21px
}
.container .system_read .guide_list .guide_item p {
	margin-top:5px;
	font-size:12px;
	font-weight:400;
	color:#999;
	line-height:12px;
	white-space:nowrap
}
.container .system_read .guide_list .guide_item:last-child {
	margin-right:0
}
.container .system_read .t-icon-guide_list_wap_1 {
    width:120px;
	height:120px;
    background: url(../img/icon-guide_list_1.png) no-repeat;
    background-size: 120px 120px;
    margin-bottom: 12px;
}
.container .system_read .t-icon-guide_list_wap_2 {
	width:120px;
	height:120px;
    background: url(../img/icon-guide_list_2.png) no-repeat;
    background-size: 120px 120px;
    margin-bottom: 12px;
}
.container .system_read .t-icon-guide_list_wap_3 {
	width:120px;
	height:120px;
    background: url(../img/icon-guide_list_3.png) no-repeat;
    background-size: 120px 120px;
    margin-bottom: 12px;
}
.container .system_read .t-icon-guide_list_wap_4 {
	width:120px;
	height:120px;
    background: url(../img/icon-guide_list_4.png) no-repeat;
    background-size: 120px 120px;
    margin-bottom: 12px;
}
.container .system_read .t-icon-guide_list_wap_5 {
	width:120px;
	height:120px;
    background: url(../img/icon-guide_list_5.png) no-repeat;
    background-size: 120px 120px;
    margin-bottom: 12px;
}
.container .system_read .t-icon-guide_list_wap_6 {
	width:120px;
	height:120px;
    background: url(../img/icon-guide_list_6.png) no-repeat;
    background-size: 120px 120px;
    margin-bottom: 12px;
}
.container .three_standard {
	padding:56px 0 56px;
	background:#fafafb
}
.container .three_standard .common_title {
	margin-bottom:24px
}
.container .three_standard .common_title h3 {
	text-align:center
}
.container .three_standard .common_title h3:before {
	left:-8px;
	top:3px
}
.container .three_standard .three_standard_item {
	margin-top:62px;
	display:flex;
	justify-content:center
}
.container .three_standard .three_standard_item .item {
	width:320px;
	height:297px;
	background:#fff;
	box-shadow:0 7px 20px 0 rgba(0,0,0,.06);
	border-radius:28px;
	position:relative;
	padding-top:96px;
	margin:0 16px
}
.container .three_standard .three_standard_item .item .item_icon {
	position:absolute;
	top:-41px;
	margin-left:50%;
	left:-56px
}
.container .three_standard .three_standard_item .item .item_title {
	text-align:center;
	margin:0;
	font-size: 16px;
    font-weight: 500;
    color: #6b430b;
    background-color: #fffbeb;
    margin: 2px 42px;
    border-radius: 8px;
    padding: 8px 10px;
}

.container .three_standard .three_standard_box {
	margin-top:81px;
	display:flex;
	justify-content:center
}
.container .three_standard .three_standard_box .item {
	width:320px;
	height:297px;
	background:#fff;
	box-shadow:0 7px 20px 0 rgba(0,0,0,.06);
	border-radius:28px;
	position:relative;
	padding-top:96px;
	margin:0 16px
}
.container .three_standard .three_standard_box .item .item_icon {
	position:absolute;
	top:-41px;
	margin-left:50%;
	left:-60px
}
.container .three_standard .three_standard_box .item .item_title {
	text-align:center;
	margin:0;
	font-size: 16px;
    font-weight: 500;
    color: #6b430b;
    background-color: #fffbeb;
    margin: 2px 42px;
    border-radius: 8px;
    padding: 8px 10px;
}

.container .all_course {
	text-align:center;
	overflow:hidden;
	width:100%;
	padding: 56px 0;
}
.container .all_course .common_title {
	margin-bottom:16px
}
.container .all_course .common_title p {
	max-width:224px;
	margin:8px auto auto
}
.container .all_course .four_course_box {
	max-width: 297px;
    margin: auto auto 16px;
    margin-top: 24px;
}
.container .all_course .four_course_box .item {
	width:297px;
	height:232px;
	background:#fff7cd;
	border-radius:28px;
	z-index:2;
	position:relative;
	padding:15px 0 0 15px;
	margin-bottom: 16px;
}
.container .all_course .four_course_box .item .item_top {
	display:flex;
	align-items:center
}
.container .all_course .four_course_box .item .item_top .item_top_left {
	width:64px;
	height:64px;
	background:#ffc11a;
	border:5px solid #fff;
	border-radius:32px;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	z-index:1
}
.container .all_course .four_course_box .item .item_top .item_top_right {
	position:relative;
	left:-26px;
	width:172px;
	height:44px;
	background:#ffe255;
	border-radius:22px;
	z-index:0;
	padding-right:18px
}
.container .all_course .four_course_box .item .item_top .item_top_right p {
	color:#955a20;
	font-size:22px;
	text-align:right;
	line-height:44px;
	font-weight:700
}
.container .all_course .four_course_box .item .item_top .item_top_right .first {
	position:relative;
	left:-22px
}
.container .all_course .four_course_box .item .item_bottom {
	margin-left:5px;
	margin-top:10px
}
.container .all_course .four_course_box .item .item_bottom .item_bottom_bottom {
	margin-top:14px;
	margin-bottom:0
}
.container .all_course .four_course_box .item .item_bottom .item_bottom_bottom li {
	display:flex;
	padding-left:20px;
	position:relative;
	margin-bottom:4px
}
.container .all_course .four_course_box .item .item_bottom .item_bottom_bottom li p {
	color: #6b430b;
	margin:0;
	font-size:14px
}
.container .all_course .four_course_box .item .item_bottom .item_bottom_bottom li .item_text_max_length {
	max-width:180px
}
.container .all_course .four_course_box .item .item_bottom .item_bottom_bottom li:before {
	content:"";
	width:3px;
	height:3px;
	background-color:#ffc11a;
	border-radius:50%;
	position:absolute;
	left:9px;
	top:8px
}
.container .all_course .all_course_top {
	width:100%;
	max-width:362px;
	display:block;
	margin:auto
}
.container .all_course .all_course_bottom {
	width:100%;
	max-width:346px
}
.container .all_course .all_course_box {
	max-width:343px;
	height:274px;
	background:#fff7cd;
	border-radius:28px;
	margin:auto
}
.container .all_course .all_course_box .all_course_content {
	max-width:343px;
	height:80px;
	background:#ffe255;
	border-radius:28px;
	display:flex;
	justify-content:center;
	padding-top:16px
}
.container .all_course .all_course_box .all_course_content .all_course_content_box {
	max-width:158px;
	height:105px;
	background:#fff;
	border-radius:18px;
	margin:0 4px
}
.container .all_course .all_course_box .all_course_content .all_course_content_box .item_top {
	display:flex;
	align-items:center;
	padding:9px 0 0 5px
}
.container .all_course .all_course_box .all_course_content .all_course_content_box .item_top .item_top_left {
	width:46px;
	height:46px;
	background:#ffc11a;
	border:4px solid #fff;
	border-radius:23px;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	z-index:1
}
.container .all_course .all_course_box .all_course_content .all_course_content_box .item_top .item_top_right {
	position:relative;
	left:-16px;
	width:124px;
	height:32px;
	background:#ffe255;
	border-radius:22px;
	z-index:0;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	font-weight:700;
	padding-right:9px
}
.container .all_course .all_course_box .all_course_content .all_course_content_box .item_top .item_top_right p {
	color:#955a20;
	font-size:16px;
	text-align:right;
	margin:0
}
.container .all_course .all_course_box .all_course_content .all_course_content_box .item_bottom {
	margin-left:13px;
	margin-top:5px
}
.container .all_course .all_course_box .all_course_content .all_course_content_box .item_bottom .item_bottom_top {
	align-items:center;
	display:flex
}
.container .all_course .all_course_box .all_course_content .all_course_content_box .item_bottom .item_bottom_top p {
	color:#333;
	font-size:13px;
	font-weight:700;
	margin:0 0 0 4px
}
.container .all_course .all_course_box .all_course_content .all_course_content_box .item_bottom .item_more {
	padding-left:20px;
	color:#777;
	font-size:14px
}
.container .all_course .all_course_box .bottom {
	margin-top:57px
}

.container .design_philosophy {
	width:100%;
	padding-top:56px;
	background:#fff;
	overflow:hidden;
	padding-bottom:56px
}
.container .design_philosophy .common_title h3 {
	max-width:230px
}
.container .design_philosophy .common_title h3 span {
	position:relative;
	z-index:9
}
.container .design_philosophy .philosophy_box {
	max-width:375px;
	margin:auto;
	align-items:center;
	justify-content:center
}
.container .design_philosophy .philosophy_box .philosophy_icon {
	position:absolute;
	top:23px;
	left:10px;
	z-index:1
}
.container .design_philosophy .philosophy_box .philosophy_title {
	font-size:18px;
	color:#613000;
	position:relative;
	z-index:2;
	margin-bottom:0;
	font-weight:700
}
.container .design_philosophy .philosophy_box .philosophy_text {
	font-size: 18px;
    font-weight: 400;
    color: #6b430b;
    margin-top: 24px;
    margin-left: 10px;
    margin-bottom: 10px;
    line-height: 31px;
}
.container .design_philosophy .philosophy_box .philosophy_img {
	width: 100%;
}
.container .intimate_service {
	padding: 42px 0 36px;
	background-color: #fafafb;
	width:100%;
	overflow:hidden
}
.container .intimate_service .service_box {
	display:flex;
	width:100%;
	max-width:375px;
	justify-content:center;
	padding:0 20px;
	margin:auto auto 30px
}
.container .intimate_service .service_box li {
	margin:0 20px;
	text-align:center
}
.container .intimate_service .service_box li .title {
	font-size:18px;
	font-weight:500;
	color:#333;
	white-space:nowrap;
	margin:8px 0 0
}
.container .intimate_service .service_box li .text {
	font-size:13px;
	font-weight:500;
	color:#999;
	margin:9px 0 0
}
.container .intimate_service .service_box li .now_rap_text {
	white-space:nowrap
}
.container .jojo_map {
	width:100%;
	max-width:375px;
	height:310px;
	background:#fafafb;
	padding-top:56px;
	position:relative;
	margin:auto;
	overflow:hidden
}
.container .jojo_map .common_title h3 {
	max-width:250px
}
.container .jojo_map .common_title h3:after {
	right:10px
}
.container .jojo_map .common_title h3:before {
	left:6px;
	top:4px
}
.container .jojo_map .map_box {
	width:100%;
	max-width:375px;
	height:138px;
	background:url(../img/jojo_map_wap.bdd69cc.png) no-repeat;
	background-size:375px 138px;
	position:absolute;
	bottom:0;
	display:flex;
	justify-content:space-between;
	padding:18px 37px
}
.container .jojo_map .map_box .jojo_map_text {
	text-align:center;
	width:124px
}
.container .jojo_map .map_box .jojo_map_text .jojo_map_text_top {
	color:#ff5f54;
	font-size:42px;
	font-weight:700;
	line-height:40px;
	margin-bottom:0
}
.container .jojo_map .map_box .jojo_map_text .jojo_map_text_bottom,.container .jojo_map .map_box .jojo_map_text .jojo_map_text_top span {
	color:#777;
	font-size:13px
}
}