@charset "utf-8";
body.show_album {
	overflow:hidden;
}
body._show_search {
	overflow:hidden;
	background-color:#2f2c2c;
}
body._has_test_hint {
}
body {
	overflow-x:hidden;
}
.test_hint {
	color:#1f1f1f;
	background-color:#ffe100;
	height:30px;
	width:100%;
	line-height:30px;
}
.go_up {
	position:relative;
	-webkit-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	-webkit-transform: translateY(160px);
	-moz-transform: translateY(160px);
	-ms-transform: translateY(160px);
	-o-transform: translateY(160px);
	transform: translateY(160px);
	opacity:0;
}
.go_up.animated {
	opacity:1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.waypoint_ani {
	-webkit-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	-webkit-transform: translateY(160px);
	-moz-transform: translateY(160px);
	-ms-transform: translateY(160px);
	-o-transform: translateY(160px);
	transform: translateY(160px);
	opacity:0;
}
.waypoint_ani.animated {
	opacity:1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
#page_header_container {
	width:100%;
	height:75px;
	background-color:#fff;
	z-index:99;
	border-bottom:1px solid #f0efef;
 -webkit-transition:.8s cubic-bezier(.19, 1, .22, 1);
 -moz-transition:.8s cubic-bezier(.19, 1, .22, 1);
 -o-transition:.8s cubic-bezier(.19, 1, .22, 1);
 transition:.8s cubic-bezier(.19, 1, .22, 1);
}
#page_header_container .phc_main_body {
	width:100%;
	height:100%;
}
#page_header_container .phc_logo_container {
	width:18%;
	height:100%;
	border-right:1px solid #f0efef;
	float:left;
	cursor:pointer;
	background-size:120px 50px;
}
#page_header_container .phc_head_menu {
	float:left;
	height:100%;
	width:62%;
}
#page_header_container._with_opacity_bg {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	border-bottom:1px solid rgba(255, 255, 255, .3);
	background-color:transparent;
}
#page_header_container .page_inner_container {
	z-index:1;
}
#page_header_container.__hide {
	transform: translateY(-100%);
}
#page_header_container.__show {
	position:fixed;
	transform: translateY(0);
}
#page_header_container._with_opacity_bg .phc_logo_container {
	border-right-color:rgba(255, 255, 255, .3);
}
#page_header_container._with_opacity_bg .phc_head_menu li {
	color:#fff;
}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.fdj {
	border-left-color:rgba(255, 255, 255, .3);
	border-right-color:rgba(255, 255, 255, .3);
}
.phc_head_menu li {
	color:#1f1f1f;
	height:100%;
	line-height:75px;
	float:left;
	position:relative;
	text-align:center;
	width:16.66%;
}
.phc_head_menu li:first-child {
	margin-left:0;
}
.phc_head_menu li .top_nav_link {
	display:block;
	position:relative;
	width:100%;
	height:100%;
	-webkit-perspective: 500px;
	-moz-perspective: 500px;
	perspective: 500px;
}
.phc_head_menu li:hover .cube_container {
	-webkit-transform: translateZ(-37px) rotateX(90deg);
	-moz-transform: translateZ(-37px) rotateX(90deg);
	-ms-transform: translateZ(-37px) rotateX(90deg);
	-o-transform: translateZ(-37px) rotateX(90deg);
	transform: translateZ(-37px) rotateX(90deg);
}
.phc_head_menu li:hover .front {
	opacity:0;
}
.phc_head_menu li:hover .backer {
	opacity:1;
}
.cube_container {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform: translateZ(-37px);
	-moz-transform: translateZ(-37px);
	-ms-transform: translateZ(-37px);
	-o-transform: translateZ(-37px);
	transform: translateZ(-37px);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cube_container .front {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:1;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-90deg) translateZ(37px);
	-moz-transform: rotateX(-90deg) translateZ(37px);
	-ms-transform: rotateX(-90deg) translateZ(37px);
	-o-transform: rotateX(-90deg) translateZ(37px);
	transform: rotateX(-90deg) translateZ(37px);
	-webkit-transform: translateZ(37px);
	-moz-transform: translateZ(37px);
	-ms-transform: translateZ(37px);
	-o-transform: translateZ(37px);
	transform: translateZ(37px);
	-webkit-transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#page_header_container._with_opacity_bg .cube_container .backer {
	background-color:rgba(255, 255, 255, .1)
}
.cube_container .backer {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	background-color:rgba(219, 235, 235, .1);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: rotateX(-90deg) translateZ(37px);
	-moz-transform: rotateX(-90deg) translateZ(37px);
	-ms-transform: rotateX(-90deg) translateZ(37px);
	-o-transform: rotateX(-90deg) translateZ(37px);
	transform: rotateX(-90deg) translateZ(37px);
	-webkit-transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.phc_icons_group {
	float:left;
	font-size:0;
	height:100%;
}
.phc_icons_group .phc_icon_grid {
	display:inline-block;
	zoom:1;
	vertical-align:top;
	height:100%;
	position:relative;
	cursor:pointer;
}
.phc_icons_group .phc_icon_grid i {
	display:block;
	background:url('icon.png') no-repeat 0 27px;
	height:100%;
}
.phc_icons_group .phc_icon_grid.fdj {
	padding:0 33px;
	border-left:1px solid #f0efef;
	border-right:1px solid #f0efef;
	cursor:pointer;
}
.phc_icons_group .phc_icon_grid.fdj i {
	background-position-x:0;
	width:21px;
}
.phc_icons_group .phc_icon_grid.weibo {
	margin-left:2.03125vw;
}
.phc_icons_group .phc_icon_grid.weibo i {
	background-position:-101px 26px;
	width:26px;
}
.phc_icons_group .phc_icon_grid.wechat {
	margin-left:2.291vw;
}
.phc_icons_group .phc_icon_grid.wechat i {
	background-position-x:-171px;
	width:27px;
}
.phc_icons_group .phc_icon_grid.qq {
	margin-left:2.03125vw;
}
.phc_icons_group .phc_icon_grid.qq i {
	background-position-x:-236px;
	width:23px;
}
.phc_icons_group .phc_icon_grid.unknowicon {
	margin-left:2.03125vw;
}
.phc_icons_group .phc_icon_grid.unknowicon i {
	background-position-x:-296px;
	width:22px;
}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.fdj i {
	background-position:0 -53px;
}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.weibo i {
	background-position:-126px -53px;
}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.wechat i {
	background-position:-70px -52px;
}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.qq i {
	background-position:-184px -52px;
}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.unknowicon i {
	background-position:-234px -53px;
}
.page_inner_container {
	width:1315px;
	margin:0 auto;
	position:relative;
	height:100%;
}
.page_inner_container.sp_width {
	width:1500px;
}
#page_header {
	width:100%;
	height:76px;
	background-color:#fff;
	font-size:0;
}
#page_header .header_logo {
	width:210px;
	height:100%;
	background:url('imgs/logo.png') no-repeat left center;
	background-size:116px auto;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
#page_header .header_logo::after {
content:'';
position:absolute;
top:0;
right:0;
width:1px;
height:100%;
font-size:0;
background-color:#f0efef;
}
#page_header .header_nav {
	font-size:0;
	display:inline-block;
	vertical-align:top;
}
#page_header .header_nav li {
	display:inline-block;
	vertical-align:top;
	font-size:15px;
	color:#1f1f1f;
	line-height:76px;
	margin-left:75px;
}
#page_header .header_nav li:first-child {
	margin-left:89px;
}
#page_header .header_search_container {
	width:82px;
	height:100%;
	border-left:1px solid #f0efef;
	border-right:1px solid #f0efef;
	font-size:0;
	display:inline-block;
	vertical-align:top;
	margin-left:80px;
}
#page_header .header_search_container form {
	width:100%;
	height:100%;
	position:relative;
}
#page_header .header_search_container form button {
	width:100%;
	height:100%;
	position:relative;
	z-index:11;
	cursor:pointer;
}
#page_header .header_search_container form::after {
content:'';
position:absolute;
top:50%;
left:50%;
 width:21px;
height:21px;
 transform: translate(-50%, -50%);
}
#page_header .header_social_bts {
	display:inline-block;
	font-size:0;
	vertical-align:top;
	height:100%;
}
#page_header .header_social_bts li {
	display:inline-block;
	vertical-align:middle;
	margin-left:19px;
}
#page_header .header_social_bts li:first-child {
	margin-left:29px;
}
#page_header .header_social_bts li.wechat {
	width:27px;
	height:22px;
	background-position:-70px 0;
}
#page_header .header_social_bts li.webo {
	width:26px;
	height:21px;
	background-position:-126px -1px;
}
#page_header .header_social_bts li.qq {
	width:23px;
	height:23px;
	background-position:-184px 0;
}
#page_main_body {
	padding-top:41.51%;
}
.page_big_image_container {
	width:100%;
	position:fixed;
	top:0;
	left:0;
}
.page_big_image_container::before {
content:'';
width:100%;
padding-bottom:41.51%;
display:block;
}
.page_big_image_container .image_container {
	width:100%;
	overflow:hidden;
	font-size:0;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	height:100%;
}
.image_container .this_image {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.page_big_image_container .index_pc_bt {
	width:0;
	height:100%;
	background:url('banner_bg.png') repeat;
	position:absolute;
	top:0;
	z-index:1;
	cursor:pointer;
}
.page_big_image_container .index_pc_bt::before {
content:'';
width:45px;
height:83px;
background:url('jt.png') no-repeat;
position:absolute;
top:50%;
left:50%;
opacity:.55;
background-size:130px auto;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 -o-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 transition:opacity .3s;
}
#__prev_bts {
	left:0;
}
#__next_bts {
	right:0;
}
#__prev_bts::before {
background-position:0 center;
}
#__next_bts::before {
background-position:-90px center;
}
 .page_big_image_container .index_pc_bt:hover::before {
opacity:.9;
}
.page_index_highlights_container {
	padding:60px 0 0px;
	background-color:#f5f5f5;
	position:relative;
	z-index:1;
}
.part_title {
	position:relative;
	line-height:1;
	text-align:center;
}
.part_title::before {
content:'';
position:absolute;
top:50%;
left:3px;
 transform:translateY(-50%);
}
.part_title.bg::before {
}
.part_title.icon_1 {
	padding-left:51px;
}
.part_title.icon_1::before {
width:41px;
height:31px;
}
.part_title.icon_2 {
	padding-left:49px;
}
.part_title.icon_2::before {
width:38px;
height:37px;
background-position:-121px 0;
}
.part_title.icon_3 {
	padding-left:50px;
}
.part_title.icon_3::before {
width:36px;
height:36px;
background-position:-256px 0;
}
.part_title.icon_4 {
	padding-left:53px;
}
.part_title.icon_4::before {
width:42px;
height:42px;
background-position:-384px 0;
}
.part_title.icon_5 {
	padding-left:50px;
}
.part_title.icon_5::before {
width:34px;
height:34px;
background-position:-538px 0;
}
.part_title.icon_6 {
	padding-left:52px;
}
.part_title.icon_6::before {
width:36px;
height:36px;
background-position:-661px 0;
}
.page_index_highlights_container .highlights_container {
	width:100%;
	position:relative;
	margin-top:35px;
}
.highlights_container ul {
	width:100%;
	overflow:hidden;
	font-size:0;
}
.highlights_container ul li {
	width:447px;
	display:inline-block;
	cursor:pointer;
}
.highlights_container ul li:first-child {
	margin-left:0;
}
.highlights_container ul li .inner_li {
	width:100%;
	padding-bottom:100%;
	position:relative;
}
.highlights_container ul li .inner_put_li {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	padding-right:28px;
}
.highlights_container ul li .h_main_body {
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:100%;
}
.h_main_body .text_card {
	width:100%;
	height:30%;
	position:absolute;
	bottom:0px;
	right:0px;
	background-color:#fff;
}
.text_card .category_card {
	height:39px;
	position:absolute;
	right:0;
	top:-39px;
	color:#fff;
	text-align:center;
	line-height:39px;
	text-transform:uppercase;
	padding:0 10px;
}
.text_card .category_card.bg_1 {
	background-color:rgba(85, 111, 181, .75);
}
.text_card .category_card.bg_2 {
	background-color:rgba(248, 181, 81, .75);
}
.text_card .category_card.bg_3 {
}
.text_card .text_main_body {
	padding-left:6.906%;
	color:#1f1f1f;
	line-height:1;
	margin-top:8.2872%;
}
.text_card .text_main_body > .title {
	font-weight:500;
}
.text_card .text_main_body > .location {
	font-weight:normal;
	margin-top:3.31%;
}
.part_line {
	width:27px;
	height:1px;
	display:block;
	background-color:#cdcdcd;
	font-size:0;
}
.text_card .text_main_body > .part_line {
	margin-top:8.2872%;
}
.text_card .text_main_body > .text_other_info {
	color:#a5a5a5;
	margin-top:4.41%;
	text-transform:uppercase;
}
.text_other_info ._date {
}
.text_other_info ._like {
	position:relative;
	padding-left:26px;
	margin-left:10px;
}
.text_other_info ._like > i {
	position:absolute;
	width:20px;
	height:20px;
	background:url('icon-look.png') no-repeat center;
	background-size:contain;
	top:50%;
	left:0;
	transform:translateY(-50%);
}
.block_direction_buttons {
	position:absolute;
	right:0;
	top:0;
	font-size:0;
}
.block_direction_buttons > .buttons {
	width:34px;
	height:34px;
	border-radius:7px;
	overflow:hidden;
	display:inline-block;
	zoom:1;
	vertical-align:top;
	border:2px solid #aaa;
	position:relative;
	margin-left:9px;
	cursor:pointer;
	-webkit-transition: border-color, 0.5s ease-in-out, background-color, 0.5s ease-in-out;
	-o-transition: border-color, 0.5s ease-in-out, background-color, 0.5s ease-in-out;
	transition: border-color, 0.5s ease-in-out, background-color, 0.5s ease-in-out;
}
.block_direction_buttons > .buttons:hover {
	border-color:#fff;
	background-color:#fff
}
.block_direction_buttons > .buttons:first-child {
	margin-left:0;
}
.block_direction_buttons > .buttons::after {
content:'';
position:absolute;
width:6px;
height:11px;
top:50%;
left:50%;
 transform:translate(-50%, -50%);
}
.block_direction_buttons > .buttons.left::after {
background-position:0 -1px;
}
.block_direction_buttons > .buttons.right::after {
background-position:-43px 0;
}
.page_index_cases_lists_container {
	position:relative;
	width:100%;
	background-color:#f5f5f5;
	padding-bottom:84px;
	overflow:hidden;
}
.page_index_cases_lists_container::before {
content:'';
width:100%;
height:353px;
background-color:rgba(89, 106, 150, .7);
position:absolute;
top:0;
left:0;
}
.page_index_cases_lists_container .page_inner_container {
	padding-top:80px;
}
.page_index_cases_lists_container .cases_lists_container {
	margin-top:28px;
	position:relative;
}
.cases_lists_container {
	width:100%;
	font-size:0;
}
.cases_lists_container .case_box {
	display:inline-block;
	zoom:1;
	vertical-align:top;
	margin-left:2.12%;
	cursor:pointer;
}
.cases_lists_container .case_box:nth-of-type(4) {
margin-left:0;
}
.cases_lists_container .case_box:nth-of-type(7) {
margin-left:0;
}
.cases_lists_container .case_box:nth-of-type(10) {
margin-left:0;
}
.cases_lists_container .case_box:nth-of-type(13) {
margin-left:0;
}
.cases_lists_container .case_box:nth-of-type(16) {
margin-left:0;
}
.cases_lists_container .case_box:nth-of-type(19) {
margin-left:0;
}
.cases_lists_container .case_box:nth-of-type(22) {
margin-left:0;
}
.cases_lists_container .case_box:nth-of-type(25) {
margin-left:0;
}
.cases_lists_container .case_box:nth-of-type(28) {
margin-left:0;
}
.cases_lists_container .case_box:hover .case_cover_box > img {
	-webkit-transform: scale(1.05) rotate(0.01deg);
	-ms-transform: scale(1.05) rotate(0.01deg);
	transform: scale(1.05) rotate(0.01deg);
}
.cases_lists_container .case_row {
	margin-top:28px;
}
.cases_lists_container .case_row:first-child {
	margin-top:0;
}
.cases_lists_container .case_row .case_box:first-child {
	margin-left:0;
}
.case_box.size_big {
	width:65.855%;
}
.case_box.size_middle {
	width:48.897%;
}
.case_box.size_small {
	width:31.863%;
}
.case_box .inner_structure {
	width:100%;
	position:relative;
}
.loadingM {
	position:relative;
}
.loadingM::after {
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:0;
}
.loadingM img {
}
.case_box.size_big .inner_structure {
	padding-bottom:89.145%;
}
.case_box.size_middle .inner_structure {
	padding-bottom:93.312%;
}
.case_box.size_small .inner_structure {
	padding-bottom:102.625%;
}
.case_box:hover .the_put_box::after {
opacity:1;
}
.case_box .the_put_box {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.case_box .the_put_box::after {
 position: absolute;
 z-index: 1;
 content: '';
 top: 0;
 left: 0;
 -webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3);
 box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3);
 height: 100%;
 width: 100%;
 opacity: 0;
 -webkit-transition: opacity 2s ease-in-out;
 -o-transition: opacity 2s ease-in-out;
 transition: opacity 2s ease-in-out
}
.case_box .case_cover_box {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.case_box .case_cover_box > img {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-webkit-transform: scale(1) rotate(0deg) translateY(0);
	-ms-transform: scale(1) rotate(0deg) translateY(0);
	transform: scale(1) rotate(0deg) translateY(0);
	-webkit-transition: all 2s;
	transition: all 2s;
}
.case_box.size_big .case_cover_box {
	padding-bottom:66.628%;
}
.case_box.size_middle .case_cover_box {
	padding-bottom:66.562%;
}
.case_box.size_small .case_cover_box {
	padding-bottom:66.348%;
}
.case_box.size_big .the_put_box {
	padding-top:66.628%;
}
.case_box.size_middle .the_put_box {
	padding-top:66.562%;
}
.case_box.size_small .the_put_box {
	padding-top:66.348%;
}
.case_box .case_info_card {
	width:100%;
	height:100%;
	line-height:1;
	color:#1f1f1f;
	background-color:#fff;
	position:relative;
}
.case_info_card .category_card {
	position:absolute;
	top:-39px;
	height:39px;
	min-width:103px;
	padding:0 10px;
	text-align:center;
	line-height:39px;
	right:0;
	text-transform:uppercase;
	color:#fff;
}
.case_info_card .category_card.bg_1 {
	background-color:rgba(89, 106, 150, .7);
}
.case_info_card .category_card.bg_2 {
	background-color:rgba(248, 181, 81, .75);
}
.case_info_card .category_card.bg_3 {
	background-color:rgba(174, 93, 161, .75);
}
.case_info_card > .location {
}
.case_info_card > .other_info {
	color:#a5a5a5;
	margin-top:16px;
	text-transform:uppercase;
}
.case_info_card > .other_info {
	font-size:14px;
}
._common_like_point {
	position:relative;
	padding-left:25px;
}
._common_like_point::before {
content:'';
width:20px;
height:13px;
background:url('icon-look.png') no-repeat center;
background-size:99%;
position:absolute;
top:50%;
left:0;
 transform:translateY(-50%);
}
.size_big .case_info_card {
	padding:5.08083% 3.11% 0;
}
.size_middle .case_info_card {
	padding:4.6583% 4.192% 0;
}
.size_small .case_info_card {
	padding:6.2052% 6.44% 0;
}
.size_big .case_info_card > .title {
	font-size:24px;
}
.size_big .case_info_card > .location {
	font-size:20px;
	margin:1.354% 0 0 0;
}
.size_big .case_info_card > .part_line {
	margin-top:5.89%;
}
.size_middle .case_info_card > .title {
	font-size:21px;
}
.size_middle .case_info_card > .location {
	font-size:18px;
	margin:1.52801% 0 0 0;
	padding-bottom:2px;
}
.size_middle .case_info_card > .part_line {
	margin-top:6.83%;
}
.size_small .case_info_card > .title {
	font-size:20px;
}
.size_small .case_info_card > .location {
	font-size:18px;
	margin:2.469863% 0 0 0;
}
.size_small .case_info_card > .part_line {
	margin-top:8.84%;
}
.case_more_button {
	width:235px;
	height:64px;
	text-align:center;
	line-height:64px;
	font-size:15px;
	color:#8b8b8b;
	border:2px solid #cfcfcf;
	cursor:pointer;
	text-transform:uppercase;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.case_more_button.bt_pink {
	border-color:#ff1c71;
	color:#ff1c71;
}
.case_more_button p {
	position:relative;
	z-index:1;
}
 .case_more_button.bt_pink::before {
background-color:#ff1c71;
}
.case_more_button.bt_pink:hover {
	color:#fff;
	border-color:#ff1c71;
}
.case_more_button.bt_pink:hover::before {
 transform: translateX(0);
}
.page_index_cases_lists_container .case_more_button {
	margin-top:78px;
}
.page_index_mix_container {
	width:100%;
	padding:80px 0 43px;
	background-color:#fff;
	position:relative;
	z-index:1;
}
.page_index_mix_container .part_container {
}
.part_container.left_part_container {
	width:866px;
}
.part_container.right_part_container {
	width:419px;
}
.page_index_superstar_container {
	width:100%;
}
.page_index_superstar_container .superstars_groups {
	width:100%;
	font-size:0;
	margin-top:35px;
}
.superstars_groups .sg_grid {
	width:50%;
	display:inline-block;
	zoom:1;
	vertical-align:top;
	position:relative;
}
.superstars_groups .sg_grid::before {
content:'';
display:block;
width:100%;
padding-bottom:85.45%;
}
.superstars_groups .sg_grid .aniview {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.superstars_groups .sg_grid img {
	width:100%;
	height:100%;
}
.index_news_container {
	width:100%;
	height:550px;
	background-color:#f5f5f5;
	padding:44px 30px 0;
	margin-top:28px;
}
.index_news_container .news_groups {
	width:100%;
	font-size:0;
	margin-top:23px;
	position:relative;
}
.news_groups .slider-bloc {
	height:303px;
}
.news_groups .nav-slider {
	top:-61px;
}
.news_groups .item-slider {
	width:407px;
	height:100%;
}
.news_groups .one_group {
	width:50%;
	display:inline-block;
	zoom:1;
	vertical-align:top;
	text-align:justify;
}
.news_groups .news_grid {
	display:inline-block;
	zoom:1;
	vertical-align:top;
	width:396px;
	height:auto;
	background-color:#fcfcfc;
	margin:0 0 11px 0;
	padding:0 17px 20px;
	position:relative;
	line-height:1;
	cursor:pointer;
	-webkit-transition: background-color 0.6s ease-in-out;
	-o-transition: background-color 0.6s ease-in-out;
	transition: background-color 0.6s ease-in-out
}
.news_groups .news_grid::after {
position: absolute;
 z-index: 1;
 content: '';
 top: 0;
 left: 0;
 -webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3);
 box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3);
 height: 100%;
 width: 100%;
 opacity: 0;
 -webkit-transition: opacity 0.6s ease-in-out;
 -o-transition: opacity 0.6s ease-in-out;
 transition: opacity 0.6s ease-in-out;
}
.news_groups .news_grid:hover {
	background-color:#fff;
}
.news_groups .news_grid:hover::after {
opacity:1;
}
.news_grid > ._date {
	font-size:14px;
	color:#bebebe;
	margin-top:20px;
	text-transform:uppercase;
}
.news_grid > ._title {
	font-size:16px;
	color:#1f1f1f;
	margin-top:30px;
}
.news_grid > ._summary {
	color:#585858;
	font-size:13px;
	line-height:1.4;
	margin-top:10px;
}
.news_grid > ._img {
	width:100%;
	height:auto;
	overflow:auto;
	margin-top:20px;
}
.news_grid > ._img img {
	width:100%;
	height:auto;
	overflow:auto
}
.index_popular_container {
	width:100%;
}
.index_popular_container .popular_main_container {
	width:100%;
	height:740px;
	border:1px solid #cfcfcf;
	position:relative;
	margin-top:35px;
}
.popular_main_container > .title {
	font-size:0;
	position:absolute;
	top:-12px;
	left:50%;
	white-space:nowrap;
	transform:translateX(-50%);
}
.popular_main_container > .title p {
	display:inline-block;
	zoom:1;
	vertical-align:top;
	color:#1f1f1f;
	font-size:16px;
	height:22px;
	line-height:22px;
	background-color:#fff;
	padding-left:26px;
	padding-right:28px;
	cursor:pointer;
}
.popular_main_container > .title p.active {
	font-weight:bold;
}
.popular_main_container > .title p:first-child {
	border-right:1px solid #cfcfcf;
	padding-right:26px;
	padding-left:28px;
}
.popular_main_container .ranking_boroad {
	margin:19px 32px 0;
	overflow-x:hidden;
	padding-top:16px;
}
.ranking_boroad .ranking_wrap {
	width:200%;
	-webkit-transition:1s cubic-bezier(.19, 1, .22, 1);
	-moz-transition:1s cubic-bezier(.19, 1, .22, 1);
	-o-transition:1s cubic-bezier(.19, 1, .22, 1);
	transition:1s cubic-bezier(.19, 1, .22, 1);
}
.ranking_wrap .ranking_inner {
	width:50%;
	float:left;
}
.ranking_boroad .grid {
	position:relative;
	margin-top:20px;
	cursor:pointer;
}
.ranking_boroad .grid ._shadow_text {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0);
	overflow:hidden;
	-webkit-transition: all 1.6s cubic-bezier(.19, 1, .22, 1);
	transition: all 1.6s cubic-bezier(.19, 1, .22, 1);
}
.ranking_boroad .grid:hover ._shadow_text {
	background-color:rgba(0, 0, 0, .7);
}
._shadow_text p {
	position:absolute;
	top:50%;
	left:50%;
	color:#fff;
	white-space:nowrap;
	-webkit-transform: translate(-50%, 550%);
	-moz-transform: translate(-50%, 550%);
	-ms-transform: translate(-50%, 550%);
	-o-transform: translate(-50%, 550%);
	transform: translate(-50%, 550%);
 -webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
 transition: transform .8s cubic-bezier(.19, 1, .22, 1);
}
.ranking_boroad .grid:hover ._shadow_text p {
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.ranking_boroad .grid {
	width:100%;
	height:330px;
	margin-top:0;
	margin-bottom:20px;
}
.ranking_boroad .grid img {
	width:100%;
	height:100%;
}
.ranking_boroad .grid .rank_text {
	width:32px;
	height:32px;
	border:1px solid #fff;
	background-color:#121212;
	text-align:center;
	line-height:27px;
	font-size:16px;
	color:#fff;
	position:absolute;
	top:-16px;
	left:12px;
	border-radius:50%;
	z-index:8;
}
.ranking_boroad .grid:first-child .rank_text {
	left:8px;
}
.ranking_boroad .grid .normal_body {
	width:100%;
	position:relative;
	padding-left:134px;
	height:89px;
}
.ranking_boroad .grid:hover .normal_body .img_box img {
	-webkit-transform: scale(1.05) rotate(0.01deg);
	-ms-transform: scale(1.05) rotate(0.01deg);
	transform: scale(1.05) rotate(0.01deg);
}
.normal_body .img_box {
	width:134px;
	height:89px;
	position:absolute;
	top:0;
	left:0;
}
.normal_body .img_box ._nmb_mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.normal_body .img_box img {
	width:100%;
	height:100%;
	-webkit-transform: scale(1) rotate(0deg) translateY(0);
	-ms-transform: scale(1) rotate(0deg) translateY(0);
	transform: scale(1) rotate(0deg) translateY(0);
	-webkit-transition: -webkit-transform 2s;
	transition: transform 2s;
}
.normal_body .text_box {
	width:100%;
	line-height:1;
	color:#1f1f1f;
	margin-left:11px;
	padding-top:20px;
}
.text_box > ._category {
	color:#bebebe;
	text-transform:uppercase;
}
.text_box > ._author {
	margin-top:15px;
}
.text_box > ._title {
	margin-top:5px;
}
.index_extends_container {
	width:100%;
	height:438px;
	margin-top:28px;
	cursor:pointer;
	overflow:hidden;
}
.index_extends_container:hover img {
	-webkit-transform: scale(1.05) rotate(0.01deg);
	-ms-transform: scale(1.05) rotate(0.01deg);
	transform: scale(1.05) rotate(0.01deg);
}
.index_extends_container img {
	width:100%;
	height:100%;
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 2s;
	transition: all 2s;
}
#page_bottom {
	background-color:#f5f5f5;
	width:100%;
	height:156px;
	position:relative;
}
#page_bottom .part_content {
	width:100%;
	padding-left:64px;
	overflow:hidden;
	position:relative;
}
.part_content.up_content {
	height:74px;
	border-bottom:1px solid #e0e0e0;
}
.up_content .social_buttons {
	font-size:0;
	margin-top:33px;
}
.social_buttons > .sb_grid {
	display:inline-block;
	zoom:1;
	vertical-align:middle;
	color:#312927;
	text-transform:uppercase;
	margin-left:1vw;
}
.social_buttons > .sb_grid:first-child {
	margin-left:0;
}
.social_buttons > .sb_grid.icon {
	cursor:pointer;
}
.social_buttons > .sb_grid.qq {
	width:22px;
	height:22px;
}
.social_buttons > .sb_grid.weibo {
	width:26px;
	height:21px;
	background-position:-58px -1px;
}
.social_buttons > .sb_grid.wechat {
	width:25px;
	height:21px;
	background-position:-118px -1px;
}
.social_buttons > .sb_grid.unknowx {
	width:22px;
	height:22px;
	background-position:-176px 0;
}
#page_bottom .page_inner_container .back_to_top_bt {
	font-size:16px;
	color:#545454;
	text-transform:uppercase;
	right:0;
	top:33px;
	line-height:1;
	position:absolute;
	cursor:pointer;
}
.part_content.down_content {
	height:82px;
}
.down_content .logo_bottom {
	width:266px;
	height:44px;
	position:relative;
	left:0;
	top:18px;
	background-size:contain;
}
.down_content .text_bottom {
	font-size:13px;
	color:#555;
	font-weight:500;
	position:absolute;
	right:0;
	text-align:right;
	line-height:1.5;
	top:25px;
}
#page_superstars_body {
	width:100%;
	position:relative;
	overflow:hidden;
	background-color:#f5f5f5;
	padding-bottom:99px;
}
.page_header_bg {
	position:relative;
}
.page_header_bg::before {
content:'';
width:100%;
height:352px;
background:rgba(89, 106, 150, .7);
position:absolute;
top:0;
left:0;
}
#page_superstars_body > .page_inner_container {
	margin-top:111px;
}
#page_superstars_body .page_title {
}
.page_title {
	line-height:1;
	position:relative;
}
.page_title > ._title {
	color:#ffffff;
}
.page_title > .part_title {
	font-size:0;
	position:absolute;
	bottom:8px;
	text-align:right;
	right:0;
	text-transform:uppercase;
}
.part_title > .title_grid {
	display:inline-block;
	zoom:1;
	vertical-align:middle;
	position:relative;
	color:#ffffff;
	padding:0 1px;
	cursor:pointer;
	margin-left:80px;
	font-size:16px;
}
.part_title > .title_grid:first-child {
	margin-left:0;
}
.part_title > .title_grid.active {
}
 .part_title > .title_grid::before {
content:'';
position:absolute;
top:50%;
left:-42px;
width:5px;
height:5px;
background-color:#fff;
border-radius:50%;
 transform: translateY(-50%);
}
.part_title > .title_grid:first-child::before {
content:'';
width:0;
height:0;
}
a.hoverChange {
	position:relative;
	display:block;
}
.active a.hoverChange span {
	color:#fff;
}
a.hoverChange span {
	display:block;
 -webkit-transition:.5s cubic-bezier(.19, 1, .22, 1);
 -moz-transition:.5s cubic-bezier(.19, 1, .22, 1);
 -o-transition:.5s cubic-bezier(.19, 1, .22, 1);
 transition:.5s cubic-bezier(.19, 1, .22, 1);
}
a.hoverChange span::after {
display:none;
 content:'';
position:absolute;
width:100%;
height:2px;
font-size:0;
background-color:#fff;
left:0;
bottom:-3px;
}
a.hoverChange span.index_show {
	opacity:1;
	position:relative;
}
a.hoverChange span.index_hover {
	position:absolute;
	top:0;
	left:50%;
	opacity:0;
	white-space:nowrap;
	text-align:center;
	line-height:1.1;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
 .active a.hoverChange span::after {
 display:block;
}
.active a.hoverChange span.index_show {
	opacity:0;
}
.active a.hoverChange span.index_hover {
	opacity:1;
}
a.hoverChange:hover span.index_show {
	opacity:0;
}
a.hoverChange:hover span.index_hover {
	opacity:1;
}
.active a.hoverChange:hover span.index_show {
	opacity:1;
}
.active a.hoverChange:hover span.index_hover {
	opacity:0;
}
.superstars_group {
	width:100%;
	font-size:0;
	margin-top:4.56%;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-wrap:wrap;
}
.superstars_group .sg_grid {
	width:33.33%;
	height:625px;
	cursor:pointer;
}
.superstars_group .sg_grid .picture_effect_box {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.superstars_group .sg_grid:hover .picture {
	opacity:0;
	-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	-moz-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	-ms-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	-o-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	transform: matrix(1.05, 0, 0, 1.05, 0, 0);
}
.superstars_group .sg_grid:hover .hover_img {
	opacity:1;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-o-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
}
.picture_effect_box .p_i_e_box {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	font-size:0;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	transition: all 0.3s ease-in-out;
}
.picture_effect_box .p_i_e_box img {
	width:100%;
	height:100%;
}
.picture_effect_box .p_i_e_box.picture {
	opacity:1;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-o-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
}
.picture_effect_box .p_i_e_box.hover_img {
	opacity: 0;
	-webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
	-moz-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
	-ms-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
	-o-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
	transform: matrix(1.1, 0, 0, 1.1, 0, 0);
}
.superstars_group .dinz_grid {
	width:50%;
	position:relative;
	display:inline-block;
	zoom:1;
	vertical-align:top;
	cursor:pointer;
}
.superstars_group .dinz_grid::before {
content:'';
width:100%;
padding-bottom:64%;
display:block;
}
.superstars_group .dinz_grid ._this_wrapper_container {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.superstars_group .dinz_grid .__cover_container {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	opacity:1;
	transition: all 0.3s ease-in-out;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-o-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
}
.superstars_group .dinz_grid .__cover_container_hover {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	-webkit-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
	background-color:yellow;
	-moz-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
	-ms-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
	-o-transform: matrix(1.1, 0, 0, 1.1, 0, 0);
	transform: matrix(1.1, 0, 0, 1.1, 0, 0);
}
.superstars_group .dinz_grid:hover .__cover_container {
	opacity:0;
	-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	-moz-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	-ms-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	-o-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	transform: matrix(1.05, 0, 0, 1.05, 0, 0);
}
.superstars_group .dinz_grid:hover .__cover_container_hover {
	opacity:1;
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	-o-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
}
.superstars_group .dinz_grid ._text_info {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:28.095%;
	background-size:contain;
	color:#fff;
	padding:0 5.343%;
	text-transform:uppercase;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
._text_info ._info_date {
}
._text_info > p {
	margin-top:8%;
}
#page_superstars_body > .page_inner_container .case_more_button {
	margin-top:69px;
}
#superstar_detail_container {
	width:100%;
}
#superstar_detail_container .superstar_page_viewimage {
	width:100%;
	padding-bottom:45.41%;
	position:relative;
}
.superstar_page_viewimage .spv_image {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-position:0;
	background-size:cover;
}
#superstar_detail_container .introduce_container {
	width:100%;
	position:relative;
	z-index:11;
	background-color:#f5f5f5;
	padding-bottom:81px;
}
.introduce_container ._scroll_title_container {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	z-index:7;
	top:0;
	left:0;
}
._scroll_title_container .parallax_title {
	color:#fff;
	text-transform:uppercase;
	position:absolute;
	top:18.7072%;
	left:0;
	line-height:1;
	white-space:nowrap;
}
#_company_skrollable_text {
	position:relative;
}
#_company_skrollable_text p {
	position:relative;
}
#_company_skrollable_text p.second {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
#_company_skrollable_text p:first-child {
	display:block;
}
.introduce_container .page_inner_container {
}
.the_common_container {
	width:100%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:-54px;
	left:0;
}
.the_common_container::after {
content:'';
width:100%;
height:100%;
background-color:#ffe100;
position:absolute;
top:0;
left:0;
 transform:translateX(248px);
}
.the_common_container .page_title {
	line-height:1;
	position:relative;
	text-transform:uppercase;
	z-index:11;
	padding-top:169px;
}
.the_common_container .page_title > .part_title {
	position:relative;
	bottom:inherit;
	right:inherit;
	text-align:center;
}
.introduce_container .introduce_father_container {
	width:100%;
	z-index:7;
	font-size:0;
	white-space:nowrap;
	position:relative;
}
.introduce_father_container .ifc_main_grid {
	display:inline-block;
	zoom:1;
	vertical-align:top;
	width:100%;
	height:100%;
	margin-top:228px;
	position:relative;
}
.ifc_main_grid ._cover {
	width:861px;
	height:100%;
	position:relative;
}
.ifc_main_grid ._cover .main_company_summary_slider {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:0;
}
.ifc_main_grid ._cover .main_company_summary_slider .main_company_item {
	position:absolute;
	top:0;
	left:0;
}
.main_company_item img {
	max-width:100%;
	display:block;
}
.ifc_main_grid ._text_container {
	width:795px;
	min-height:635px;
	position:absolute;
	right:0;
	background-color:#fff;
	top:584px;
	white-space:normal;
	z-index:9;
}
.ifc_main_grid ._text_container .__text_inner {
	margin:0 13.2%;
	padding:13.83% 0;
	color:#5d5d5d;
	height:635px;
	overflow:hidden;
	line-height:1.8;
	position:relative;
	-webkit-transition:1.5s cubic-bezier(.19, 1, .22, 1);
	-moz-transition:1.5s cubic-bezier(.19, 1, .22, 1);
	-o-transition:1.5s cubic-bezier(.19, 1, .22, 1);
	transition:1.5s cubic-bezier(.19, 1, .22, 1);
}
.__text_inner .__text_slider_item {
	overflow:hidden;
	height:100%;
	display:none;
	position:relative;
	opacity:0;
}
.__text_inner .__text_slider_item.hasgoon::before {
content:'';
position:absolute;
width:100%;
height:30px;
bottom:0;
left:0;
background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 1)));
z-index:10;
}
.__text_inner .__text_slider_item:first-child {
	display:block;
}
.ifc_main_grid ._text_container .__text_inner p.___title_ {
	color:#292929;
}
.ifc_main_grid ._text_container .__text_inner p {
	margin-top:3px;
}
.works_in_company {
	width:100%;
	background-color:#f5f5f5;
	position:relative;
	padding-bottom:108px;
}
.works_in_company .works_s_title_bg {
	position:absolute;
	width:60%;
	height:583px;
	background-color:#ffe100;
	top:0;
	left:0;
}
.works_in_company .works_s_title {
	position:absolute;
	top:0;
	left:-87px;
	z-index:3;
	color:#fff;
	text-transform:uppercase;
	line-height:1;
	font-size:103px;
	writing-mode:vertical-lr;
	transform:rotate(180deg);
}
.works_in_company .works_group.swiper-flex-start .works_group_flex_container {
	align-items: flex-start;
}
.works_in_company .works_group {
	width: 33.33%;
	float:left;
}
.works_in_company .works_group.--row {
	width: 100%;
}
.works_in_company .works_group.--row .works_group_flex_container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.works_in_company .works_group.--row .works_group_flex_container .works_item {
	width: 33.33% !important;
}
.works_group_flex_container {
	height: 100%;
	font-size: 0;
	flex-direction: column;
	justify-content: flex-start;
}
.works_group_flex_container .works_item {
	width: 100% !important;
}
.works_group .works_item {
	width:33.333%;
	position:relative;
	cursor:pointer;
}
.works_group .works_item:hover .works_img_cover {
	-webkit-transform: scale(1.05) rotate(0.01deg);
	-ms-transform: scale(1.05) rotate(0.01deg);
	transform: scale(1.05) rotate(0.01deg);
}
.works_group .works_item::before {
content:'';
width:100%;
padding-bottom:66.361%;
display:block;
}
.works_group .works_item .works_main_body {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000;
	overflow:hidden;
}
.works_main_body .works_img_cover {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 2s;
	transition: all 2s;
}
.works_main_body .works_img_cover::before {
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color:rgba(0, 0, 0, .38);
}
.works_main_body .works_img_cover.light::before {
background-color:rgba(0, 0, 0, .25);
}
.works_main_body .works_img_cover.deep::before {
background-color:rgba(0, 0, 0, .38);
}
.works_main_body .works_text_in_company {
	color:#fff;
	line-height:1;
	position:absolute;
	bottom:9.31%;
	left:6.864%;
}
.works_text_in_company p {
	position:relative;
	display:inline-block;
	text-transform:capitalize;
}
.works_text_in_company p span {
	position:relative;
	z-index:1;
	padding-right:10px;
}
.works_text_in_company p._thick_bottom_line::after {
content:'';
width:100%;
height:13px;
background-color:#ffe100;
bottom:-3px;
left:0;
position:absolute;
z-index:0;
}
#in_company_works_slider {
	width:100%;
	overflow:hidden;
}
#in_company_works_slider .mask_move_container {
	width:100%;
 -webkit-transition:all .8s;
 -moz-transition:all .8s;
 -o-transition:all .8s;
 transition:all .8s;
}
#in_company_works_slider .mask_move_container > .works_group {
	float: none;
}
#in_company_works_slider.__overflow {
	width: 100%;
	position: relative;
	overflow: hidden;
}
#in_company_works_slider.__overflow .mask_move_container {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#in_company_works_slider.__overflow::before {
 content: '';
 width: 100%;
 padding-bottom: 66.3878%;
 display: block;
}
#in_company_works_slider.__overflow .works_group {
	float: none;
}
.works_in_company .works_dir_bts {
	position:absolute;
	z-index:10;
	right: 29px;
	bottom: 29px;
	font-size: 0;
}
.works_dir_bts .buttons {
	display: inline-block;
	zoom: 1;
	vertical-align: top;
	width: 80px;
	height: 80px;
	background-size: contain;
	cursor: pointer;
	transform: rotate(-90deg);
}
.works_dir_bts .buttons.swiper-button-disabled {
	opacity: .3;
	cursor: auto;
}
.works_dir_bts .buttons.next_button {
	transform: rotate(90deg);
}
.news_in_company {
	width:100%;
	padding-bottom:150px;
}
.news_in_company .nav-hl-button span::before {
}
.news_in_company .news_title_container {
	position:relative;
	width:100%;
	overflow:hidden;
}
.news_in_company .news_title_container::before {
content:'';
display:block;
width:100%;
padding-bottom:21.4583%;
background-color:#ffe100;
 transform: translateX(37.083%);
}
.news_in_company .news_title_container .__title {
	position:absolute;
	top:50%;
	left:50%;
	;
	color:#1f1f1f;
	height:auto;
	text-transform:uppercase;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.news_in_company .company_news_slider {
	margin-top:-4.166%;
}
.news_in_company .nic_main_body {
	width:100%;
	position:relative;
}
.news_in_company .nic_main_body::before {
content:'';
width:100%;
padding-bottom:32.699%;
display:block;
}
.news_in_company .nic_main_body .slider-bloc {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.news_in_company .nic_main_body li {
	width:447px;
	height:100%;
}
.news_in_company .nic_main_body li .nic_img_cover {
	width:100%;
	height:100%;
	padding-right:28px;
	position:relative;
}
.nic_img_cover ._the_img_box {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.nic_img_cover ._the_img_text {
	color:#fff;
	position:absolute;
	left:32px;
	bottom:20px;
	z-index:1;
	line-height:1;
	right:28px;
}
._the_img_text > .__author {
}
._the_img_text > .__title {
	margin-top:8px;
}
._the_img_text > .part_line {
	margin-top:15px;
}
._the_img_text > .__date {
	margin-top:10px;
	text-transform:uppercase;
}
.company_news_slider .nav-slider .btn-reset {
	border-color:#1f1f1f;
}
.company_news_slider .nav-slider .btn-reset:hover {
	border-color:#fff;
}
 #superstar_detail_container .between_case_container::before {
padding-bottom:20.72%;
}
#superstar_detail_container .direction_case_grid .mask p::after {
width:0;
height:0;
}
._text_with_border {
	border:1px solid #fff;
	line-height:1;
	padding:20px 26px;
}
._text_with_border + p {
	color:#fff;
	line-height:1;
	margin-top:7%;
	text-transform:uppercase;
}
.unknow {
	font-size:13px;
	color:#636363;
	line-height:1;
	text-transform:uppercase;
	text-align:right;
	margin-top:40px;
}
#page_type_container {
	width:100%;
	overflow:hidden;
	background-color:#f5f5f5;
	padding-bottom:80px;
}
#page_type_container .page_title {
	margin-top:111px;
}
.functions_items {
	font-size:0;
	z-index:11;
}
.functions_items .items {
	display:inline-block;
	zoom:1;
	vertical-align:top;
	cursor:pointer;
	padding-left:1.5625vw;
	position:relative;
	overflow:hidden;
	box-sizing:content-box;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
.functions_items .items::before {
content:'|';
font-size:13px;
color:#999898;
position:absolute;
top:0;
left:0.781215vw;
}
.functions_items .items:first-child {
	padding-left:0;
}
.functions_items .items:first-child::before {
content:'';
}
.functions_items .items .father_item {
	text-align:left;
	display:inline-block;
	position:relative;
	cursor:pointer;
}
.functions_items .items .father_item a {
	cursor: pointer;
	position:relative;
	display:block;
	text-decoration: underline;
	line-height: 1;
}
.functions_items .items .father_item a.__cn {
	opacity: 1;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap;
}
.functions_items .items .father_item a.__en {
	opacity: 0;
}
.functions_items .items > ul {
	font-size:0;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
}
.functions_items .items > ul ._mask {
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	position:relative;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
}
.functions_items .items > ul li {
	display:inline-block;
	zoom:1;
	vertical-align:top;
	position:relative;
}
.functions_items .items > ul li a {
	display: block;
	padding: 0 9px;
	position: relative;
}
.functions_items .items > ul li a::before {
 content: '';
 width: 3px;
 height: 3px;
 background-color: #121212;
 border-radius: 50%;
 position: absolute;
 top: 50%;
 left: -1px;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
}
.functions_items .items > ul li:first-child a::before {
 width: 0;
 height: 0;
}
.functions_items .items > ul li:first-child {
	margin-left:0;
	padding-left:15px;
}
.functions_items .items > ul li:first-child::before {
content:'|';
position:absolute;
left:6px;
top:0;
font-size:13px;
color:#999898;
}
.functions_items .items > ul li p {
	position:relative;
	padding-bottom:2px;
 -webkit-transition:all .3s;
 -moz-transition:all .3s;
 -o-transition:all .3s;
 transition:all .3s;
}
.functions_items .items > ul li p::after {
content:'';
width:100%;
height:1px;
background-color:#636363;
position:absolute;
bottom:0;
left:0;
display:none;
}
.functions_items .items > ul li:first-child .__cn {
	margin-left:7px;
}
.functions_items .items:hover .father_item a.__cn {
	opacity: 0;
}
.functions_items .items:hover .father_item a.__en {
	opacity: 1;
}
.functions_items .items.children_has_actived.opened > ul ._mask {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.functions_items .items.opened > ul ._mask {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
.functions_items .items > ul li p.__en {
	opacity:0;
	text-transform:capitalize;
}
.functions_items .items > ul li p.__cn {
	opacity:1;
	position:absolute;
	top:0;
	left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.functions_items .items > ul li:hover p.__en {
	opacity:1;
}
.functions_items .items > ul li:hover p.__cn {
	opacity:0;
}
.functions_items .items > ul li.function_actived:hover p.__en {
	opacity:0;
}
.functions_items .items > ul li.function_actived:hover p.__cn {
	opacity:1;
}
 .functions_items .items > ul li.function_actived p::after {
display:block;
}
.functions_items .items > ul li.function_actived p.__en {
	opacity:1;
}
.functions_items .items > ul li.function_actived p.__cn {
	opacity:0;
}
#page_type_container .cases_lists_container {
	margin-top:4.56%;
}
#page {
	width:100%;
	font-size:0;
	text-align:center;
}
#page .page_bt {
	display:inline-block;
	zoom:1;
	vertical-align:top;
	font-size:14px;
	color:#a9a9a9;
	margin-left:40px;
}
#page .page_bt:first-child {
	margin-left:0;
}
#page .pagination {
	width:100%;
}
#page .pagination li {
	display:inline-block;
	zoom:1;
	vertical-align:top;
	font-size:14px;
	color:#a9a9a9;
	margin-left:40px;
}
#page .pagination li:first-child {
	margin-left:0;
}
#page .pagination li.active {
	color:#121212;
}
#page_type_container #page {
	margin-top:86px;
}
#page_about_container {
	width:100%;
}
#page_about_container .about_top_image {
	width:100%;
	padding-bottom:29.47%;
	position:relative;
}
.about_top_image img {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#page_about_container .header_image_of_cooperatior .its_img_container {
	background-image:url('about_0.jpg');
}
#page_about_container .about_text {
	width:100%;
	padding-left:998px;
	height:650px;
	position:relative;
}
#page_about_container .remarks_container {
	width:100%;
	position:relative;
}
#page_about_container .remarks_container::before {
content:'';
display:block;
width:100%;
padding-bottom:32.552%;
}
#page_about_container .__word_container.title {
	width:52%;
	background:url('about_1.jpg') no-repeat center;
}
#page_about_container .__word_container.summary {
	width:48%;
	font-weight:normal;
}
#page_about_container .__word_container.summary > div {
	padding:0 20.585% 0 10.83%;
	font-size:16px;
}
#page_about_container .__word_container.summary > div p {
	margin-top:1%;
}
#page_about_container .__word_container.summary > div p:first-child {
	margin-top:0;
}
.about_text .text_grid {
	width:100%;
	height:100%;
}
.about_text .text_grid.bg {
	position:absolute;
	width:998px;
	background:url('about_1.jpg') no-repeat center;
	background-size:cover;
	left:0;
	top:0;
}
.about_text .text_grid.text {
	padding:0 196px 0 104px;
	color:#1f1f1f;
	font-size:15px;
	line-height:1.5;
}
.about_text .text_grid.text p {
	margin-top:7px;
}
.about_text .text_grid.text p:first-child {
	margin-top:0;
}
.its_brand_container {
	width:100%;
	background-color:rgba(89, 106, 150, .7);
	overflow:hidden;
	padding:160px 0 110px;
}
.its_brand_container .text_content {
	width:100%;
	color:#ffffff;
	padding-right:550px;
	position:relative;
	line-height:1.6;
}
.its_brand_container .text_content::after {
content:'企业文化';
color:#ffffff;
font-size:30px;
top:0;
right:82px;
position:absolute;
line-height:1;
}
.its_brand_container .logo_wall {
	width:100%;
	margin-top:9.885%;
}
.logo_wall .logo_grid {
	width:22.965%;
	overflow:hidden;
	position:relative;
	float:left;
	cursor:pointer;
}
.logo_wall .logo_grid:hover .hidden_text {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.logo_wall .logo_row .logo_grid {
	margin-left:2.661%;
}
.logo_wall .logo_row .logo_grid:first-child {
	margin-left:0;
}
.logo_wall .logo_row {
	margin-top:2.661%;
}
.logo_wall .logo_row:first-child {
	margin-top:0;
}
.logo_grid .logo_img {
	width:100%;
	height:100%;
}
.logo_grid .logo_img img {
	width:100%;
	height:100%;
}
.logo_grid .hidden_text {
	width:100%;
	height:50px;
	background-color:rgba(0, 0, 0, .7);
	color:#fff;
	font-size:14px;
	line-height:50px;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0;
	transform:translateY(100%);
 -webkit-transition:.8s cubic-bezier(.19, 1, .22, 1);
 -moz-transition:.8s cubic-bezier(.19, 1, .22, 1);
 -o-transition:.8s cubic-bezier(.19, 1, .22, 1);
 transition:.8s cubic-bezier(.19, 1, .22, 1);
}
#page_about_container .full_year_services_container {
	background-image:url('about_bottom.jpg');
}
#page_about_container .full_year_services_container::before {
padding-bottom:26.5625%;
}
#page_about_container .full_year_services_container .service_inner_container {
	padding:4.6875vw 8.5% 3.90625vw 5.99%;
	overflow:hidden;
}
#page_about_container .full_year_services_container .service_inner_container ._text_group {
	text-transform:uppercase;
	line-height:1.1;
}
#page_about_container .full_year_services_container .service_text_container .other_text {
	width:43.6672%;
	line-height:1.4;
}
#page_about_container .full_year_services_container .service_text_container .other_text p:nth-child(2) {
margin-top:1%;
}
#page_company_news_container {
	width:100%;
	overflow:hidden;
	background-color:#f5f5f5;
	padding-bottom:73px;
}
#page_company_news_container .page_inner_container {
	margin-top:111px;
}
.cn_groups_container {
	width:100%;
	margin-top:4.56%;
}
.cn_groups_container .cng_grid {
	float:left;
	width:31.863%;
	position:relative;
	margin-left:2.12%;
	cursor:pointer;
}
.cn_groups_container .cng_grid:hover ._bg {
	-webkit-transform: scale(1.05) rotate(0.01deg);
	-ms-transform: scale(1.05) rotate(0.01deg);
	transform: scale(1.05) rotate(0.01deg);
}
 .cn_groups_container .cng_grid::before {
content:'';
width:100%;
padding-bottom:102.62%;
display:block;
}
.cn_groups_container .row {
	margin-top:2.129%;
}
.cn_groups_container .row:first-child {
	margin-top:0;
}
.cn_groups_container .row .cng_grid:first-child {
	margin-left:0;
}
.cn_groups_container .row .cng_grid:nth-of-type(4) {
margin-left:0;
}
.cn_groups_container .row .cng_grid:nth-of-type(7) {
margin-left:0;
}
.cn_groups_container .row .cng_grid:nth-of-type(10) {
margin-left:0;
}
.cn_groups_container .row .cng_grid:nth-of-type(13) {
margin-left:0;
}
.cn_groups_container .row .cng_grid:nth-of-type(16) {
margin-left:0;
}
.cn_groups_container .row .cng_grid:nth-of-type(19) {
margin-left:0;
}
.cn_groups_container .row .cng_grid:nth-of-type(22) {
margin-left:0;
}
.cn_groups_container .row .cng_grid:nth-of-type(25) {
margin-left:0;
}
.cng_grid .cng_body {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.cng_body > ._bg {
	width:100%;
	height:72%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	-webkit-transition: all 2s;
	transition: all 2s;
}
.cng_body > ._text {
	width:100%;
	height:35%;
	position:absolute;
	bottom:0;
	left:0;
	background:#FFF;
	background-size:contain;
	color:#000;
	line-height:1;
	padding-left:1.5vw;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:left;
}
.cng_body > ._text > .__author, .cng_body > ._text > .__award {
}
.cng_body > ._text > .__author {
}
.cng_body > ._text > .__award {
	margin-top:2.1%;
}
.cng_body > ._text .part_line {
	margin-top:3.29%;
}
.cng_body > ._text > .__date {
	margin-top:3.3%;
	text-transform:uppercase;
}
#page_company_news_container .case_more_button {
	margin-top:66px;
}
#page_footer {
	width:100%;
	height:85px;
	background-color:#fff;
	color:#545454;
	position:relative;
}
#page_footer .page_inner_container {
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#page_footer .website_info {
	margin-left:4%;
}
#page_footer .website_author {
	margin-left:4%;
	cursor:pointer;
}
#case_detail_container {
	width:100%;
}
#case_detail_container .detail_header_container {
	width:100%;
	overflow:hidden;
	position:relative;
}
#case_detail_container .detail_header_container::before {
content:'';
display:block;
width:100%;
padding-bottom:22.395%;
}
.detail_header_container > .the_box {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.detail_header_container .dh_image {
	width:100%;
	height:100%;
	position:relative;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	background-attachment:fixed;
}
.detail_header_container .dh_image::before {
content:'';
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .8);
position:absolute;
top:0;
left:0;
z-index:1;
}
.detail_header_container .dh_image .scroll_img_box {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.detail_header_container .dh_image .scroll_img_box img {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.detail_header_container .case_info {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:7;
	line-height:1;
	color:#fff;
	padding-top:75px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
._icon_map {
}
.case_info > ._title {
	margin-top:12px;
}
.case_info > ._mix_text {
	margin-top:1.3%;
	text-transform:uppercase;
}
._mix_text > ._icon_map {
	display:inline-block;
	width:20px;
	height:13px;
	vertical-align:middle;
}
#case_detail_container .detail_main_content_container {
	width:100%;
	padding:60px 0 137px;
	background-color:#fff;
	position:relative;
}
.detail_main_content_container .dmc_main_body {
	width:1140px;
	margin:0 auto;
}
.dmc_main_body > .dmc_text_container {
	width:100%;
	min-height:336px;
	padding-left:246px;
	position:relative;
}
.dmc_text_container .recommend_position {
	width:246px;
	height:336px;
	position:absolute;
	top:0;
	left:0;
	background-color:#f5f5f5;
}
.dmc_text_container > .text {
	color:#1f1f1f;
	margin:0 29.8% 0 20px;
	line-height:1.5;
}
.dmc_text_container > .text p {
	margin-top:10px;
}
.dmc_text_container > .text p:first-child {
	margin-top:0;
}
.case_mix_content_container {
	width:100%;
	margin-top:44px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.case_mix_content_container.content_in_personal p img {
	margin:0 auto;
}
.case_mix_content_container p:first-child {
	margin-top:0;
}
.case_mix_content_container .m_img_box {
	flex: 1;
	font-size:0;
	margin-top:5.63%;
	position:relative;
	background-size:64px;
}
.case_mix_content_container .m_text_box {
	color:#1f1f1f;
	line-height:1.7;
	margin-top:.87%;
	padding:0 23.68%;
	text-align:left;
}
.case_mix_content_container .m_img_box + .m_text_box {
	margin-top:4.82%;
}
.case_mix_content_container .m_text_box + .m_img_box {
	margin-top:5.43%;
}
.case_mix_content_container .m_img_box img {
	max-width:100%;
	margin:0 auto;
	-webkit-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
}
.case_mix_content_container p iframe {
	width:59.375vw;
	height:33.75vw;
}
.case_text_image_container p iframe {
	width:100%;
	height:66.75vw;
}
.case_mix_content_container .m_img_box.half_width {
	padding-left:23.68%;
	margin-right: auto;
}
.case_mix_content_container .m_img_box.half_width img {
	margin:0;
}
.case_mix_content_container .m_img_box > i {
	position:absolute;
	bottom:-22px;
	color:#868686;
	font-size:12px;
	font-style:normal;
}
.case_text_image_container .m_img_box > i {
	display:block;
	color:#868686;
	font-size:11px;
	font-style:normal;
padding-left:.373rem;
	margin-top:6px;
}
.case_base_info_container {
	width:100%;
	margin-top:90px;
	font-size:0;
	white-space:nowrap;
}
.case_base_info_container .info_group {
	width:50%;
	position:relative;
	display:inline-block;
	vertical-align:top;
}
.case_base_info_container .info_group:nth-child(2) {
margin-left:1.28%;
}
.case_base_info_container .info_group::before {
content:'';
width:2px;
height:100%;
background-color:#1f1f1f;
position:absolute;
top:0;
left:0;
}
.case_base_info_container .info_group .info_block {
	padding:0 2.63% 0 5px;
}
.info_block > .info_line {
	width:100%;
	border-bottom:1px solid #1f1f1f;
	color:#1f1f1f;
	line-height:1;
	padding-bottom:7px;
	margin-top:6px;
}
.info_block > .info_line:first-child {
	margin-top:0;
}
.info_line > ._title {
	font-weight:bold;
}
.info_line > ._content {
	margin-top:5px;
	white-space:normal;
}
.case_action_buttons_container {
	width:100%;
	margin-top:68px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.case_action_buttons_container .action_bt {
	flex:1;
	height:86px;
	margin-left:15px;
	border-radius:5px;
	text-align:center;
	line-height:86px;
	color:#fff;
}
.case_action_buttons_container .action_bt:first-child {
	margin-left:0;
	cursor:pointer;
}
.case_action_buttons_container .action_bt:last-child {
	flex:.7;
	cursor:pointer;
}
.case_action_buttons_container .action_bt.bg1 {
	background-color:#556fb5;
}
.case_action_buttons_container .action_bt.bg2 {
	background-color:#ffe100;
}
.case_action_buttons_container .action_bt.bg3 {
	background-color:#f5f5f5;
	color:#1f1f1f;
}
.action_bt > .a_bts_social {
	display:inline-block;
	zoom:1;
	vertical-align:middle;
	margin-left:20px;
	cursor:pointer;
}
.action_bt > .a_bts_social:hover {
	opacity:.75;
}
.action_bt > .a_bts_social:first-child {
	margin-left:0;
}
.action_bt > .a_bts_social.wechat {
	width:34px;
	height:28px;
	background-position:0 -4px !important;
}
.action_bt > .a_bts_social.weibo {
	width:34px;
	height:31px;
	background-position:-55px 0 !important;
}
.action_bt > .a_bts_social.qq {
	width:29px;
	height:29px;
	background-position:-111px -3px !important;
}
.action_bt > .a_bts_social.unknowx {
	width:28px;
	height:27px;
	background-position:-163px -4px !important;
}
a.bshareDiv .bsPromo.bsPromo1, div.bshare-custom .bsPromo.bsPromo1 {
	display:none;
}
.action_bt.bg3 > i.zan {
	width:26px;
	height:23px;
	background-size:contain;
	display:inline-block;
}
.between_case_container {
	width:100%;
	position:relative;
	background-color:#fff;
}
.between_case_container::before {
content:'';
display:block;
width:100%;
padding-bottom:25.52%;
}
.between_case_container .the_inner_container {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.between_case_container .all_case_group {
	width:100%;
	height:100%;
}
.all_case_group > .direction_case_grid {
	width:50%;
	height:100%;
	float:left;
	position:relative;
	cursor:pointer;
	overflow:hidden;
}
.all_case_group > .direction_case_grid:hover .case_cover {
	-webkit-transform: scale(1.05) rotate(0.01deg);
	-ms-transform: scale(1.05) rotate(0.01deg);
	transform: scale(1.05) rotate(0.01deg);
}
.direction_case_grid .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	overflow:hidden;
}
.direction_case_grid.prev .mask {
	background-color:rgba(0, 0, 0, .55);
}
.direction_case_grid.next .mask {
	background-color:rgba(0, 0, 0, .6);
}
.direction_case_grid .mask p {
	position:absolute;
	top:50%;
	left:50%;
	color:#fff;
	transform:translate(-50%, -50%);
}
.direction_case_grid .mask p::after {
content:'';
width:100%;
height:3px;
background-color:#fff;
display:block;
position:absolute;
left:0;
bottom:0;
}
.direction_case_grid .case_cover {
	position:absolute;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 2s;
	transition: all 2s;
}
.newest_case_container {
	width:100%;
	background-color:#f5f5f5;
	padding:65px 0 100px;
	position:relative;
}
.flex_case_group {
	width:100%;
	margin-top:40px;
	display:flex;
}
.flex_case_group .case_box {
	width:33.33%;
	margin-left:2.129%;
	position:relative;
	cursor:pointer
}
.flex_case_group .case_box:first-child {
	margin-left:0;
}
.flex_case_group .case_box::before {
content:'';
width:100%;
padding-bottom:102.38%;
display:block;
}
.flex_case_group .case_box:hover .case_cover img {
	-webkit-transform: scale(1.05) rotate(0.01deg) translate(-50%, -50%);
	-ms-transform: scale(1.05) rotate(0.01deg) translate(-50%, -50%);
	transform: scale(1.05) rotate(0.01deg) translate(-50%, -50%);
}
.case_box .case_box_inner {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	padding-top:66.19%;
}
.case_box .case_cover {
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.case_box .case_cover::before {
content:'';
width:100%;
padding-bottom:66.19%;
display:block;
}
.case_box .case_cover .case_images_hidden {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
}
.case_box .case_cover img {
	width:100%;
	height:auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: scale(1) rotate(0deg) translate(-50%, -50%);
	-ms-transform: scale(1) rotate(0deg) translate(-50%, -50%);
	transform: scale(1) rotate(0deg) translate(-50%, -50%);
	-webkit-transition: all 2s;
	transition: all 2s;
}
.case_box .case_cover .case_category {
	text-transform:uppercase;
	position:absolute;
	bottom:-9px;
	right:0;
	height:39px;
	padding:0 14px;
	min-width:72px;
	text-align:center;
	color:#fff;
	line-height:39px;
}
.case_box .case_cover .case_category.bg_1 {
	background-color:rgba(174, 93, 161, .75);
}
.case_box .case_cover .case_category.bg_2 {
	background-color:rgba(248, 181, 81, .75);
}
.case_box .case_cover .case_category.bg_3 {
	background-color:rgba(85, 111, 181, .75);
}
.case_box .case_info {
	width:100%;
	height:100%;
	background-color:#fff;
}
.case_box .case_info > ._content_container {
	padding:6.19% 0 0 6.19%;
	line-height:1;
}
.case_box .case_info > ._content_container > .__info2 {
	margin-top:2.38%;
}
.case_box .case_info > ._content_container > .part_line {
	margin-top:6.66%;
}
.case_box .case_info > ._content_container > .__other_info {
	margin-top:3.57%;
	color:#a5a5a5;
	text-transform:uppercase;
}
.__other_info > span {
	display:inline-block;
	zoom:1;
	vertical-align:middle;
	position:relative;
}
.__other_info > .like_point {
	padding-left:25px;
}
.__other_info > .like_point::before {
content:'';
width:20px;
height:13px;
background:url('icon-look.png') no-repeat center;
background-size:contain;
position:absolute;
top:50%;
left:0;
 transform:translateY(-50%);
}
#page_most_container {
	width:100%;
	background-color:#f5f5f5;
	padding:111px 0 161px;
}
.most_inner_container {
	width:1310px;
	margin:0 auto;
}
.most_inner_container .the_most_cases_layout {
	width:100%;
	cursor:pointer;
}
.the_most_cases_layout .tmc_group {
	width:100%;
	position:relative;
	margin-top:140px;
}
.text_dialog > .__category_title {
	color:#bebebe;
	text-transform:uppercase;
}
.text_dialog > .part_line {
	margin-top:10px;
}
.text_dialog > .__name {
	margin-top:20px;
}
.text_dialog > .__summary {
	margin-top:10px;
}
 .the_most_cases_layout .tmc_group._type_0::before {
content:'';
width:100%;
padding-bottom:50.763%;
display:block;
}
#page_most_container .outter_decoration_container {
	width:100%;
	position:relative;
	overflow:hidden;
	padding-top:131px;
	margin-top:100px;
}
#page_most_container .outter_decoration_container::before {
content:'';
width:100%;
height:568px;
background-color:#ffe100;
position:absolute;
top:0;
left:0;
 transform: translateX(8.3vw);
}
#page_most_container .outter_decoration_container .tmc_group {
	margin-top:0;
}
#page_most_container .most_inner_container:nth-of-type(2) .tmc_group {
margin-top:4.56%;
}
 .the_most_cases_layout .tmc_group._type_1::before {
content:'';
width:100%;
padding-bottom:61.068702%;
display:block;
}
 .the_most_cases_layout .tmc_group._type_2::before {
content:'';
width:100%;
padding-bottom:68.16793%;
display:block;
}
.tmc_group._type_2 .img_grid._graph_a {
	width:35.648854%;
	top:6.71892%;
	left:0;
}
.tmc_group._type_2 .img_grid._graph_a::before {
content:'';
display:block;
width:100%;
padding-bottom:143.254%;
}
.tmc_group._type_2 .img_grid._graph_b {
	width:62.2900763%;
	top:0;
	left:37.7862%;
}
.tmc_group._type_2 .img_grid._graph_b::before {
content:'';
display:block;
width:100%;
padding-bottom:57.72%;
}
.tmc_group._type_2 .img_grid._graph_c {
	width:44.8854%;
	top:0;
	left:37.7862%;
	top:55.655%;
}
.tmc_group._type_2 .img_grid._graph_c::before {
content:'';
display:block;
width:100%;
padding-bottom:67.34%;
}
.tmc_group._type_2 .tmc_text_blocks .nub {
	top:55.991%;
	right:11.002%;
}
.tmc_group._type_2 .tmc_text_blocks .text_dialog {
	top:86.22%;
	left:0;
}
 .the_most_cases_layout .tmc_group._type_3::before {
content:'';
width:100%;
padding-bottom:64.8854%;
display:block;
}
.tmc_group._type_3 .img_grid._graph_a {
	width:57.251%;
	top:0;
	left:0;
}
.tmc_group._type_3 .img_grid._graph_a::before {
content:'';
display:block;
width:100%;
padding-bottom:113.33%;
}
.tmc_group._type_3 .img_grid._graph_b {
	width:40.763%;
	top:0;
	left:59.1603%;
}
.tmc_group._type_3 .img_grid._graph_b::before {
content:'';
display:block;
width:100%;
padding-bottom:121.161%;
}
.tmc_group._type_3 .tmc_text_blocks .nub {
	top:80.94%;
	right:1%;
}
.tmc_group._type_3 .tmc_text_blocks .text_dialog {
	top:80.94%;
	left:59.1603%;
}
#page_cooperatior_container {
	width:100%;
}
.header_image_of_cooperatior {
	width:100%;
	position:relative;
}
.header_image_of_cooperatior::before {
content:'';
display:block;
width:100%;
padding-bottom:29.427%;
}
.header_image_of_cooperatior .its_img_container {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-size:cover;
}
.header_image_of_cooperatior > ._title {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:1.5vw;
	line-height:3vw;
}
#page_cooperatior_container .remarks_container {
	width:100%;
	position:relative;
}
#page_cooperatior_container .remarks_container::before {
content:'';
display:block;
width:100%;
padding-bottom:32.552%;
}
.remarks_container > ._main_body {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.remarks_container .__word_container {
	float:left;
	height:100%;
	color:#1f1f1f;
	line-height:1;
	display:flex;
	justify-content:center;
	align-items:center;
}
.__word_container.title {
	width:43.75%;
	background-color:#ffe100;
	justify-content:left;
}
.__word_container.title > div {
	margin-left:33.71%;
}
.__word_container.summary {
	width:56.25%;
	background-color:#fff;
	line-height:1.5;
}
.__word_container.title .___title {
}
.__word_container.title .part_line {
	width:34.52%;
	background-color:#fff;
	margin:5.380952% 0 7.71% 0;
}
.__word_container.summary .___title {
}
.__word_container.summary > div {
	padding:0 26.9074% 0 7.77%;
}
.__word_container.summary .margin_top {
	margin-top:15px;
}
.partners_container {
	width:100%;
	background-color:#f5f5f5;
}
.partners_container .the_main_partners_body {
	width:100%;
	padding:9.92% 0 13.74%;
}
.the_main_partners_body ._title {
	color:#1f1f1f;
	text-transform:uppercase;
}
#partners_group_container {
	width:100%;
	margin-top:6.106%;
	display:flex;
	justify-content:left;
	align-items:flex-start;
}
#partners_group_container .partner_row {
	width:25%;
	margin-left:10px;
	display:flex;
	justify-content:left;
	align-items:flex-start;
	flex-wrap:wrap;
}
#partners_group_container .partner_row:first-child {
	margin-left:0;
}
.partner_row > .partner_grid {
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.partner_row > .partner_grid img {
	width:100%;
	height:auto;
}
.partner_row > .partner_grid.full_size {
}
.partner_row > .partner_grid.half_size {
	width:50%;
}
.width_1185 {
	width:1185px;
	margin:0 auto;
}
.width_1058 {
	width:1058px;
	margin:0 auto;
}
.full_year_services_container {
	width:100%;
	position:relative;
	background-attachment:fixed;
}
.full_year_services_container::before {
content:'';
display:block;
width:100%;
padding-bottom:37.7604%;
}
.full_year_services_container .service_inner_container {
	position:absolute;
	top:50%;
	left:50%;
	background-color:rgba(255, 255, 255, .93);
	padding:4.166vw 5.063% 3.33vw;
	overflow:hidden;
	transform: translate(-50%, -50%);
}
.full_year_services_container .service_text_container {
	width:100%;
	color:#2f2f2f;
	position:relative;
	line-height:1.5;
}
.service_text_container ._text_group > .__title {
	font-weight:bold;
	margin-bottom:1.89753%;
	margin-top:2.84%;
}
.service_text_container ._text_group > .__title:first-child {
	margin-top:0;
}
.service_text_container .other_text {
	position:absolute;
	width:28.42%;
}
.other_text .en_text {
	text-transform: uppercase;
}
.other_text.p_right_top {
	top:0;
	right:0;
}
.other_text.p_right_bottom {
	bottom:0;
	right:0;
}
.has_dot {
	position:relative;
	padding-left:16px;
}
.has_dot::before {
content:'';
width:9px;
height:9px;
background-color:#ffe100;
border-radius:50%;
position:absolute;
top:50%;
left:0;
 transform: translateY(-50%);
}
._pc {
	display:block;
}
.page_index_most_container {
	width:100%;
	position:absolute;
	left:65.855%;
	top:0;
}
.page_index_most_container ._self_bg {
	width:100%;
	height:207px;
	background-color:#d1e4e6;
	position:absolute;
	top:0;
	left:0
}
.page_index_most_container > ._text_container {
	padding:6.692% 0 0 2.281%;
}
.page_index_most_container .most_main_body {
	width:31.863%;
	position:relative;
	margin-top:3.428%;
	cursor:pointer;
}
.page_index_most_container .most_main_body::before {
content:'';
display:block;
width:100%;
padding-bottom:146.778%;
background-color:rgba(0, 0, 0, 0);
 -webkit-transition: background-color 0.4s ease-in-out;
 -o-transition: background-color 0.4s ease-in-out;
 transition: background-color 0.4s ease-in-out
}
.most_main_body > .img_box {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.most_main_body .dec_line {
	position:absolute;
	border:3px solid #fff;
	top:2.928%;
	bottom:2.928%;
	left:4.773%;
	right:4.773%;
	-webkit-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out
}
.most_main_body:hover::before {
 background-color:rgba(0, 0, 0, .15);
}
.most_main_body:hover .dec_line {
	bottom:6px;
	right:6px;
	-webkit-transform: translate3d(-6px, -6px, 0);
	transform: translate3d(-6px, -6px, 0);
}
.flex_groups {
	display:flex;
	justify-content:center;
	align-items:center;
}
#case_pic_album {
	width:100%;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	z-index:999;
}
.main_pic_show .mask_pic_wall {
	width:100%;
	font-size:0;
	height:100%;
	white-space:nowrap;
	overflow:hidden;
	position:relative;
}
.mask_pic_wall .pic_item {
	width:100%;
	height:100%;
	display:inline-block;
	zoom:1;
	vertical-align:top;
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 100%;
	position:relative;
	transition: all 1.5s;
}
._album_detail_show_container .view_bts {
	position:absolute;
	width:9.375%;
	height:100%;
	cursor:pointer;
	top:0;
	z-index:7;
}
._album_detail_show_container .view_bts.prev {
	background-position:67px center;
	left:0;
}
._album_detail_show_container .view_bts.next {
	background-position:-218px center;
	right:0;
}
 ._from_right_to_left_effect::before {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 transition: -webkit-transform 1.7s cubic-bezier(.19, 1, .22, 1);
 transition: transform 1.7s cubic-bezier(.19, 1, .22, 1);
}
._from_right_to_left_effect.animated::before {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	will-change: opacity, transform;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.ani_slide_up {
	z-index:1;
	animation-name:fadeInUp;
	animation-duration:1.5s;
	animation-timing-function:cubic-bezier(.19, 1, .22, 1);
	animation-fill-mode:forwards;
}
.aniview_queue_1 {
 animation-delay: .01s;
}
.aniview_queue_2 {
 animation-delay: .05s;
}
.aniview_queue_3 {
 animation-delay: .1s;
}
.aniview_queue_4 {
 animation-delay: .15s;
}
.aniview_queue_5 {
 animation-delay: .2s;
}
.aniview_queue_6 {
 animation-delay: .25s;
}
.aniview_queue_7 {
 animation-delay: .3s;
}
.aniview_queue_8 {
 animation-delay: .35s;
}
.aniview_queue_9 {
 animation-delay: .4s;
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 transform: translate3d(0, 100px, 0);
}
to {
	opacity: 1;
	transform: none;
}
}
.hover_scale_big {
	overflow:hidden;
	cursor:pointer;
}
.hover_scale_big img {
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 2s;
	transition: all 2s;
}
.hover_scale_big:hover img {
	-webkit-transform: scale(1.05) rotate(0.01deg);
	-ms-transform: scale(1.05) rotate(0.01deg);
	transform: scale(1.05) rotate(0.01deg);
}
.slider-bloc {
	position:relative;
	max-width:100%;
	touch-action:pan-y;
	user-select:none;
	-webkit-user-drag:none;
}
.slider-bloc .content-slider {
	max-width:100%;
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	z-index:2;
	height:100%;
}
.slider-bloc .content-slider .content-rel-slider {
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
}
.slider-bloc .content-slider .content-rel-slider .content-abs-slider {
	position:absolute;
	left:0;
	top:0;
	height:100%;
}
.slider-bloc .content-slider .content-rel-slider .content-abs-slider .item-slider {
	float:left;
}
.nav-slider {
	position:absolute;
	top:-73px;
	right:0;
	z-index:1;
}
.nav-slider .btn-reset {
	width:34px;
	height:34px;
	border-radius:17px;
	border:1px solid #aaa;
	-webkit-transition: border-color, 0.5s ease-in-out, background-color, 0.5s ease-in-out;
	-o-transition: border-color, 0.5s ease-in-out, background-color, 0.5s ease-in-out;
	transition: border-color, 0.5s ease-in-out, background-color, 0.5s ease-in-out;
	line-height: 26px;
}
.nav-hl-button.prev-button {
	margin-right:9px;
}
.nav-hl-button span {
	font-size:10px;
	color:#d5d5d5;
	display:inline-block;
	vertical-align:1px;
	position:relative;
	width:100%;
	height:100%;
}
.nav-hl-button span::before {
content: '';
 position: absolute;
 width: 6px;
 height: 11px;
 top: 53%;
 left: 50%;
 transform: translate(-50%, -50%);
 background:url(icon_1.png)
}
.icon-arrow-left:before {
	background-position: 0 -1px !important;
}
.icon-arrow-right:before {
	background-position: -43px 0 !important;
}
.trans-color {
	-webkit-transition:color 0.3s ease-in-out;
	-o-transition:color 0.3s ease-in-out;
	transition:color 0.3s ease-in-out
}
.nav-hl-button:hover span {
	color:#55555a
}
.nav-hl-button:hover {
	border-color:#fff;
	background-color:#fff
}
.visible-xs {
	display:block;
}
.hidden-xs {
	display:none;
}
eader_sign_container > ._line_box {
	width:100%;
	height:6px;
	background-color:#231815;
	margin-top:3px;
}
.header_sign_container > ._line_box:first-child {
	margin-top:0;
}
#mobile_page_header_container .header_logo_container {
	width:1.54rem;
height:.62rem;
	background:url('imgs/logo.png') no-repeat center;
	background-size:contain;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.header_search_container > button {
width:.41rem;
height:.41rem;
	background-size:contain;
	position:absolute;
	top:0;
	left:0;
}
.has_mask {
	position:relative;
}
.has_mask::after {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .7);
z-index:3;
}
.image_width_text_middle {
	width:100%;
	position:relative;
}
.image_width_text_middle.height_565 {
	height:7.53rem;
}
.image_width_text_middle > .bg_box {
	width:100%;
	height:100%;
	background-size:contain;
}
.image_width_text_middle > .text_box {
	width:100%;
	color:#fff;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:3;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
._diglog_box + .scrollernav_container {
margin-top:.933rem;
}
.scrollernav_container {
	width:100%;
	overflow:hidden;
	height:4rem;
}
.scrollernav_container .scrollernav_wapper {
	height:100%;
	position:relative;
}
.scrollernav_items {
	overflow-x:auto;
	overflow-y:hidden;
	white-space:nowrap;
	font-size:0;
padding:0 .373rem 999px;
	-webkit-overflow-scrolling:touch;
}
#mobile_page_type_container .scrollernav_container {
	height:18px;
}
._sub_nav4mobile.scrollernav_items {
padding:0 .373rem 999px
}
._sub_nav4mobile.scrollernav_items .scrollernav_item {
	width:inherit;
	height:18px;
	line-height:18px;
}
._sub_nav4mobile.scrollernav_items .scrollernav_item.function_actived {
	border-bottom:1px solid #000;
}
@-webkit-keyframes scrollernav-slidein {
 0% {
 opacity: 0
}
 1% {
 -webkit-transform: translateX(160px);
 transform: translateX(160px)
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0)
}
}
 @keyframes scrollernav-slidein {
 0% {
 opacity: 0
}
 1% {
 -webkit-transform: translateX(160px);
 transform: translateX(160px)
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0)
}
}
.scrollernav_item {
	display:inline-block;
	vertical-align:top;
	zoom:1;
	width:4rem;
	height:4rem;
margin-left:.173rem;
	-webkit-animation: scrollernav-slidein 350ms backwards;
	animation: scrollernav-slidein 350ms backwards
}
.scrollernav_item:first-child {
	margin-left:0;
}
.scrollernav_link {
	width:100%;
	height:100%;
	display:block;
	position:relative;
}
.scrollernav_img {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}
.scrollernav_label {
	width:100%;
height:.906rem;
	position:absolute;
	left:0;
	bottom:0;
	background-color:rgba(0, 0, 0, .7);
line-height:.906rem;
padding-left:.533rem;
	color:#fff;
}
.scrollernav_case {
	color:#fff;
	position:absolute;
	width:100%;
	height:1.88rem;
	background-size:contain;
	left:0;
	bottom:0;
	line-height:1;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-direction:column;
 padding-left:.4rem;
}
.scrollernav_case > ._scrollernav_text_title {
}
.scrollernav_case > ._scrollernav_text_award {
 margin-top:.12rem;
}
.scrollernav_case > ._scrollernav_part_line {
width:.28rem;
	height:1px;
	background-color:#cdcdcd;
	display:block;
margin-top:.2rem;
}
.scrollernav_case > ._scrollernav_text_date {
 margin-top:.12rem;
	text-transform:uppercase;
}
.text-align-left {
	text-align:left;
}
.text-align-center {
	text-align:center;
}
.text-align-right {
	text-align:right;
}
.text_caption_container {
	width:100%;
	position:relative;
}
.text_caption_container > ._bg {
	width:100%;
	height:9.2rem;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.text_caption_container > .text_card {
	background-color:rgba(255, 255, 255, .8);
	position:absolute;
	top:1.666rem;
	bottom:1.666rem;
left:.373rem;
right:.373rem;
}
.text_card > ._text_caption {
padding:1.306rem .733rem 0;
	text-align:center;
	color:#1f1f1f;
	line-height:1;
}
._text_caption > .__title {
	text-transform:uppercase;
}
._text_caption > .__sub_title {
margin-top:.666rem;
}
._text_caption > .__content {
	line-height:1.5;
margin-top:.133rem;
}
#site_bottom {
	position:relative;
	z-index:99;
}
#mobile_page_bottom_container {
	width:100%;
	background-color:#fff;
	height:2.106rem;
	color:#9a9a9a;
	line-height:1;
padding-top:.48rem;
}
#mobile_page_bottom_container > ._text {
	text-align:center;
	line-height:1;
margin-top:.36rem;
}
#mobile_page_bottom_container > ._text p {
margin-top:.24rem;
}
#mobile_page_bottom_container > ._text p:first-child {
	margin-top:0;
}
.share_icon_groups {
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.icon_fix {
	background:none !important;
	position:relative;
	overflow:hidden;
}
.share_icon_groups > .share_icon_item {
	color:#9a9a9a;
	text-transform:uppercase;
margin-left:.48rem;
	position:relative;
}
.share_icon_groups > .share_icon_item:first-child {
margin-left:.28rem;
}
.share_icon_item > .share_link {
	display:block;
}
.mobile_buttons_group .share_link:first-child {
	position:relative;
	z-index:11;
}
.mobile_buttons_group .share_link:nth-child(2) {
position:absolute;
top:0;
left:0;
}
.share_link > .share_icon {
	display:block;
	background-size:2.56rem auto;
}
.share_link > .share_icon.icon_fix::after {
content:'';
display:block;
width:10000%;
height:10000%;
position:absolute;
top:0;
left:0;
 background-size:264rem auto;
 -webkit-transform-origin: 0 0;
 -webkit-transform: scale(.01);
 transform-origin: 0 0;
 transform: scale(.01);
}
.share_link.wechat {
width:.453rem;
height:.373rem;
}
.share_link.weibo {
width:.453rem;
height:.413rem;
}
.share_link.qq {
width:.386rem;
height:.386rem;
}
.share_link.unknowi {
width:.373rem;
height:.36rem;
}
.share_link > .share_icon.qq {
width:.293rem;
height:.293rem;
}
.share_link > .share_icon.qq.icon_fix::after {
background-position:0 0;
}
.share_link > .share_icon.weibo {
width:.346rem;
height:.28rem;
}
.share_link > .share_icon.weibo.icon_fix::after {
background-position:-77.3rem -1.3rem;
}
.share_link > .share_icon.wechat {
width:.333rem;
height:.28rem;
}
.share_link > .share_icon.wechat.icon_fix::after {
background-position:-157.3rem -1.3rem;
}
.share_link > .share_icon.unknowi {
width:.293rem;
height:.293rem;
}
.share_link > .share_icon.unknowi.icon_fix::after {
background-position:-234.6rem 0;
}
 #mobile_detail_bts .share_link > .share_icon.icon_fix::after {
content:'';
display:block;
width:10000%;
height:10000%;
position:absolute;
top:0;
left:0;
 background-size:294.666rem auto;
 -webkit-transform-origin: 0 0;
 -webkit-transform: scale(.01);
 transform-origin: 0 0;
 transform: scale(.01);
}
#mobile_detail_bts .share_link > .share_icon.qq {
width:.386rem;
height:.386rem;
}
#mobile_detail_bts .share_link > .share_icon.qq.icon_fix::after {
background-position:-176rem -4rem;
}
#mobile_detail_bts .share_link > .share_icon.weibo {
width:.453rem;
height:.413rem;
}
#mobile_detail_bts .share_link > .share_icon.weibo.icon_fix::after {
background-position:-88rem 0;
}
#mobile_detail_bts .share_link > .share_icon.wechat {
width:.453rem;
height:.373rem;
}
#mobile_detail_bts .share_link > .share_icon.wechat.icon_fix::after {
background-position:0 -5.333rem;
}
#mobile_detail_bts .share_link > .share_icon.unknowi {
width:.373rem;
height:.36rem;
}
#mobile_detail_bts .share_link > .share_icon.unknowi.icon_fix::after {
background-position:-257.333rem -5.333rem;
}
.yellow_top_bg {
	position:relative;
}
.yellow_top_bg::before {
content:'';
width:100%;
height:6.16rem;
display:block;
position:absolute;
top:0;
left:0;
background-color:#ffe100;
}
.yellow_top_bg_353 {
	position:relative;
}
.yellow_top_bg_353::before {
content:'';
width:100%;
height:4.706rem;
display:block;
position:absolute;
top:0;
left:0;
background-color:#ffe100;
}
.blue_top_bg_462 {
	position:relative;
}
.blue_top_bg_462::before {
content:'';
width:100%;
height:6.16rem;
display:block;
position:absolute;
top:0;
left:0;
background-color:#d1e4e6;
}
.page_inner_container_for_mobile {
padding:0 .373rem;
	position:relative;
	z-index:1;
}
._title_layout {
	color:#1f1f1f;
	text-align:center;
	line-height:1;
}
.page_text_navs {
	width:100%;
	position:relative;
}
.page_text_navs .page_text_nav_items {
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.page_text_nav_items .page_text_nav_item {
	color:#121212;
	text-transform:uppercase;
	margin-left:1.506rem;
	position:relative;
}
.page_text_nav_items .page_text_nav_item.active::after {
content:'';
width:100%;
height:2px;
background-color:#121212;
position:absolute;
bottom:0;
left:0;
}
.page_text_nav_items .page_text_nav_item:first-child {
	margin-left:0;
}
.page_text_nav_items .page_text_nav_item::before {
content:'';
position:absolute;
width:5px;
height:5px;
background-color:#121212;
left:-.819rem;
right:0;
border-radius:50%;
top:50%;
 transform:translateY(-50%);
}
.page_text_nav_items .page_text_nav_item:first-child::before {
content:'';
width:0;
height:0;
}
.page_text_navs.short_between .page_text_nav_items .page_text_nav_item {
	margin-left:1.2rem;
}
.page_text_navs.short_between .page_text_nav_items .page_text_nav_item:first-child {
	margin-left:0;
}
.page_text_navs.short_between .page_text_nav_items .page_text_nav_item::before {
left:-.666rem
}
.page_text_navs.with_downward_icon::after {
content:'';
position:absolute;
left:50%;
 background-size:cover;
width:.293rem;
height:.133rem;
bottom:-.52rem;
 transform: translateX(-50%);
display:none;
}
.page_text_navs.with_downward_icon .scrollernav_container {
	position:absolute;
bottom:-.71rem;
}
/ ._part_line4m {
 width:22px;
 height:1px;
 background-color:#cdcdcd;
 font-size:0;
 display:block;
}
.square_image_groups {
	width:100%;
	overflow:hidden;
}
.square_image_groups .square_image_mask {
	width:110%;
	font-size:0;
}
.square_image_groups .square_image_item {
	width:4.573rem;
	height:4.693rem;
margin:0 .12rem .4rem 0;
	display:inline-block;
	zoom:1;
	vertical-align:top;
	position:relative;
}
.square_image_groups .square_image_item a {
	display:block;
	width:100%;
	height:100%;
}
.square_image_groups .square_image {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.square_image_groups .square_text {
	width:100%;
	height:1.866rem;
	position:absolute;
	bottom:0;
	left:0;
	background-size:contain;
}
.square_image_groups .square_text_inner {
padding:.666rem 0 0 .4rem;
	line-height:1;
	color:#fff;
}
.square_image_groups ._author {
}
.square_image_groups ._title {
 margin-top:.093rem;
}
.square_image_groups ._part_line4m {
margin-top:.186rem;
}
.square_image_groups ._date {
 margin-top:.12rem;
	text-transform:uppercase;
}
.flex_box_with_three_row {
	width:100%;
	display:flex;
	justify-content:center;
	align-items:flex-start;
}
.flex_box_with_three_row .flex_box_row {
	flex:1;
margin-left:.106rem;
	font-size:0;
}
.flex_box_with_three_row .flex_box_row:first-child {
	margin-left:0;
}
.flex_box_with_three_row .flex_box_item {
	width:100%;
	display:inline-block;
	zoom:1;
	vertical-align:top;
margin-bottom:.106rem;
}
.flex_box_with_three_row .flex_box_item.half_width {
	width:50%;
}
.flex_box_with_three_row img {
	width:100%;
	height:auto;
}
.margin-top-36 {
margin-top:.48rem;
}
.padding373 {
padding:0 .373rem;
}
.text_with_big_head_title {
	width:100%;
}
.text_with_big_head_title > ._title_container {
	width:100%;
	height:4.466rem;
	color:#1f1f1f;
	line-height:1;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.text_with_big_head_title > ._title_container.bg_yellow {
	background-color:#ffe100;
}
.text_with_big_head_title > ._text_container {
	width:100%;
	background-color:#f5f5f5;
	line-height:1.9;
padding:.92rem 0 1.24rem;
}
#mobile_page_cooperatior {
	position:relative;
	z-index:9;
}
#mobile_page_cooperatior .image_width_text_middle {
	background-color:#fff;
}
#mobile_page_cooperatior .image_width_text_middle > .bg_box {
}
#mobile_page_cooperatior .flex_box_with_three_row {
padding:0 .373rem;
	margin-top:1.08rem;
}
#mobile_page_cooperatior .text_caption_container > ._bg {
	height:16.84rem;
}
#mobile_page_cooperatior .text_caption_container > .text_card {
	bottom:auto;
}
#mobile_page_cooperatior .text_card > ._text_caption {
padding:.75rem .426rem
}
#mobile_page_cooperatior ._text_caption > .__content {
margin-top:.8rem;
	line-height:1.6;
}
.tow_row_groups {
	width:100%;
}
.tow_row_groups .tow_row_items {
	font-size:0;
}
.tow_row_items .tow_row_item {
	display:inline-block;
	zoom:1;
	vertical-align:top;
	width:50%;
	position:relative;
}
.tow_row_item .the_image_box {
	width:100%;
	height:6.6rem;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.one_row_groups {
	width:100%;
margin-top:.53rem;
}
.one_row_groups .one_row_item {
	width:100%;
	height:6.6rem;
	position:relative;
margin-top:.5rem;
}
.one_row_groups .one_row_item:first-child {
	margin-top:0;
}
.one_row_groups .one_row_item .the_image_box {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
#mobile_page_superstars {
	width:100%;
	position:relative;
	background-color:#f5f5f5;
	padding-bottom:1.173rem;
	overflow:hidden;
}
#mobile_page_superstars .tow_row_groups {
margin-top:.53rem;
}
#mobile_page_superstars .page_inner_container_for_mobile {
	padding-top:1.333rem;
}
#mobile_page_superstars .page_text_navs {
	margin-top:1.333rem;
}
#mobile_page_superstars .viewmore {
	margin-top:1.16rem;
}
._width_fixed_sibling {
	position:relative;
	z-index:99;
}
 */ .has_full_size_box_parent_container {
 width:100%;
 position:relative;
}
.full_size_box {
	width:100vw;
	height:100vh;
	position:relative;
}
.full_size_box ._big_cover {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
._big_cover .mobile-sp {
	position: absolute;
	left: 50%;
	top: 10.3%;
	width: 100% !important;
	transform: translateY(0) translateX(-50%);
	height: auto !important;
}
.full_size_box > ._logo {
	width:54.66%;
	height:auto;
	position:absolute;
	left:50%;
	top:50%;
	transform: translateX(-50%);
}
.position_right_text_container {
	padding-top:1.706rem;
}
.position_right_text_container.yellow_top_bg::before {
height:6.6rem;
}
.position_right_text_container ._sub_text_container {
	padding:1.333rem 0;
margin-left:.373rem;
	background-color:#fff;
	color:#5d5d5d;
	position:relative;
	z-index:1;
}
._sub_text_container ._sub_text_container_wrapper_container {
	display:none;
}
.--active._sub_text_container_wrapper_container {
	display:block;
}
._sub_text_container > .__title {
	color:#2f2f2f;
	line-height:1;
padding-left:.68rem;
}
._sub_text_container > .__inner {
padding:0 .373rem 0 .68rem;
	line-height:1.5;
margin-top:.24rem;
}
._sub_text_container_wrapper_container > .__title {
	color:#2f2f2f;
	line-height:1;
padding-left:.68rem;
}
._sub_text_container_wrapper_container > .__inner {
padding:0 .373rem 0 .68rem;
	line-height:1.5;
margin-top:.24rem;
}
*/ .flex_layout_container {
 width:100%;
 display:flex;
 justify-content:flex-start;
 align-items:center;
 flex-wrap:wrap;
}
.flex_layout_container > .item {
	width:50%;
	height:3.32rem;
	position:relative;
}
.flex_layout_container > .item._has_opacity_bg::before {
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color:rgba(0, 0, 0, .38);
}
.flex_layout_container ._cover {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.flex_layout_container ._info_date {
	position:absolute;
	color:#fff;
	line-height:1;
left:.373rem;
bottom:.4rem;
	text-transform:capitalize;
}
.bottom_line > span {
	position:relative;
	z-index:1;
}
.bottom_line {
	position:relative;
}
.bottom_line::after {
content:'';
width:100%;
height:.16rem;
background-color:#ffe100;
position:absolute;
left:0;
bottom:-3px;
}
.title_container_with_right_bg {
	width:100%;
	height:4.133rem;
	position:relative;
	overflow:hidden;
}
.title_container_with_right_bg > ._title_container {
	color:#1f1f1f;
	text-align:left;
	text-transform:uppercase;
	position:absolute;
	top:50%;
left:.28rem;
	line-height:1.2;
	z-index:1;
	transform: translateY(-50%);
}
.title_container_with_right_bg::after {
content:'';
width:100%;
height:100%;
position:absolute;
left:1.773rem;
top:0;
background-color:#ffe100;
}
.tow_card_on_row {
	width:100%;
}
.tow_card_on_row .one_card {
	width:50%;
	height:3.2rem;
	float:left;
	position:relative;
	display:block;
}
.one_card ._card_bg {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.one_card ._card_text_container {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	color:#fff;
	text-align:center;
}
.one_card.link_superstars ._card_text_container {
	background-color:rgba(0, 0, 0, .55);
}
.one_card.link_type ._card_text_container {
	background-color:rgba(0, 0, 0, .6);
}
.one_card ._common_card_text {
	display:inline-block;
	line-height:1;
}
.one_card .__title {
padding:.24rem .32rem;
	border:1px solid #fff;
	margin-top:1rem;
}
.one_card .__view_more_bt {
	text-transform:uppercase;
	margin-top:3px;
	width:100%;
}
._card_text_container .__text_underline {
	position:absolute;
	top:50%;
	left:50%;
	white-space:nowrap;
padding-bottom:.08rem;
	border-bottom:1px solid #fff;
	color:#fff;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#mobile_superstars2_container {
	background-color:#f5f5f5;
	position:relative;
	z-index:11;
}
#mobile_superstars2_container .full_size_box {
	height: auto;
}
#mobile_superstars2_container .full_size_box img {
	position:relative;
	z-index:-1;
	height: auto;
}
#mobile_superstars2_container .other_sub_containers {
	background-color:#f5f5f5;
	position:relative;
	z-index:1;
}
#mobile_superstars2_container ._sub_text_container {
margin-top:.76rem;
}
#mobile_superstars2_container .viewmore {
margin-top:.68rem;
}
#mobile_superstars2_container .company_news_container {
	margin-top:1.04rem;
}
.company_news_container .company_news_group {
	margin-top:1.16rem;
}
.company_news_group .scrollernav_container {
margin-top:.4rem;
}
.company_news_group .scrollernav_container:first-child {
	margin-top:0;
}
#mobile_superstars2_container .company_other_looks_container {
	margin-top:1.08rem;
}
*/ .mobile_part_line {
 display:block;
width:.28rem;
 height:1px;
 font-size:0;
 background-color:#cdcdcd;
}
.like_point4mobile {
	position:relative;
	display:inline-block;
padding-left:.4rem;
}
.like_point4mobile::before {
content:'';
position:absolute;
width:.306rem;
height:.2rem;
background:url('icon-look.png') no-repeat center;
background-size:.306rem auto;
top:50%;
left:0;
 transform: translateY(-50%);
}
.like_point4mobile.white::before {
}
.many_cards_mix_show_container {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-self:flex-start;
	flex-wrap:wrap;
}
.many_cards_mix_show_container ._card_item {
	width:100%;
	height:8.4rem;
margin-bottom:.4rem;
	overflow:hidden;
}
.many_cards_mix_show_container ._card_item .aniview {
	opacity:0;
}
.many_cards_mix_show_container ._card_item.big {
	width:100%;
	height:8.4rem;
}
.many_cards_mix_show_container ._card_item .loadingM::after {
background-size:13%;
}
.many_cards_mix_show_container ._card_item.small {
	width:4.56rem;
	height:210px;
}
.many_cards_mix_show_container ._card_item.small .loadingM::after {
}
._card_item ._card_wrapper {
	width:100%;
	height:100%;
	padding-top:66.666%;
	position:relative;
	background-color:#fff;
}
._card_item .__card_cover {
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
._card_item .__card_cover::before {
content:'';
display:block;
width:100%;
padding-bottom:66.666%;
}
.__card_cover .___cover_img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.__card_cover .___cover_img img {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.__card_cover .___sign {
	min-width:1.08rem;
padding:.146rem .12rem;
	color:#fff;
	position:absolute;
	right:0;
	text-transform:uppercase;
bottom:-.146rem;
	text-align:center;
}
.__card_cover.bg_1 .___sign {
	background-color:rgba(85, 111, 181, .75);
}
.__card_cover.bg_2 .___sign {
	background-color:rgba(248, 181, 81, .75);
}
.__card_cover.bg_3 .___sign {
	background-color:rgba(174, 93, 161, .75);
}
._card_item .__card_info {
	width:100%;
	height:100%;
	padding-bottom:110px;
}
.__card_info .___info_main_body {
padding:.3rem .28rem 0;
	line-height:1;
	color:#1f1f1f;
}
.___info_main_body ._info_author {
}
._card_item.big .___info_main_body ._info_title {
margin-top:.133rem;
}
._card_item.small .___info_main_body ._info_title {
margin-top:.08rem;
}
.___info_main_body ._info_oi {
margin-top:.133rem;
	color:#a5a5a5;
	text-transform:uppercase;
}
.___info_main_body .mobile_part_line {
margin-top:.3rem;
}
._card_item.big .___info_main_body ._info_author {
font-size:.32rem;
}
._card_item.big .___info_main_body ._info_title {
font-size:.266rem
}
._card_item.big .___info_main_body ._info_oi {
font-size:.213rem;
}
._card_item.big .__card_cover .___sign {
font-size:.213rem;
}
._card_item.small .___info_main_body ._info_author {
font-size:.266rem;
}
._card_item.small .___info_main_body ._info_title {
font-size:.24rem;
}
._card_item.small .___info_main_body ._info_oi {
font-size:.2rem;
}
._card_item.small .__card_cover .___sign {
font-size:.186rem;
}
.page4mobile {
	width:100%;
}
.page4mobile > ul {
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.page4mobile > ul > li {
	color:#a9a9a9;
 margin-left:.84rem;
	line-height:1;
}
.page4mobile > ul > li.active {
	font-weight:bold;
}
.page4mobile > ul > li:first-child {
	margin-left:0;
}
.page4mobile .page_grid {
}
.page4mobile .page_grid:first-child {
	margin-left:0;
}
#mobile_page_type_container {
}
#mobile_page_type_container > .page_inner_container_for_mobile {
	padding-top:1.333rem;
}
#mobile_page_type_container .page_text_navs {
	margin-top:1.333rem;
}
#mobile_page_type_container .type_case_groups {
	margin-top:1.2rem;
	background-color:#f5f5f5;
padding-bottom:.96rem;
}
.type_case_groups .page4mobile {
margin-top:.64rem;
}
.fixed_box_with_image {
	width:100%;
	height:7.333rem;
	position:relative;
}
.fixed_box_with_image ._inner_img_box {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:150%;
}
.fixed_box_with_image ._img_info_text {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.fixed_box_with_image ._img_info_text::after {
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color:rgba(0, 0, 0, .7);
}
.full_size_image_with_text_layout {
	width:100%;
	background-color:#fff;
	color:#1f1f1f;
	padding-top:1.56rem;
}
.full_size_image_with_text_layout img {
	max-width:100%;
}
.full_size_image_with_text_layout p:first-child {
	margin-top:0;
}
.full_size_image_with_text_layout .m_img_box {
margin-top:.833rem;
}
.full_size_image_with_text_layout .m_text_box {
margin-top:.12rem;
padding:0 .373rem;
	line-height:1.6;
}
.full_size_image_with_text_layout .m_img_box + .m_text_box {
	margin-top:1.2rem;
}
.full_size_image_with_text_layout .m_text_box + .m_img_box {
	margin-top:1.2rem;
}
#mobile_case_details_container {
	width:100%;
	margin-top:-1.44rem;
	overflow:hidden;
	z-index:19;
	position:relative;
}
#mobile_case_details_container .detail_big_show4mobile {
	position:relative;
	z-index:8;
	background-color:#fff;
}
#mobile_case_details_container .case_text_image_container {
	width:100%;
	position:relative;
	z-index:9;
	background-color:#fff;
}
.full_screen_size_img4mobile {
	width:100%;
	height:100vh;
}
.full_screen_size_img4mobile .image_container {
	width:100%;
	height:100%;
}
.full_screen_size_img4mobile .image_container .this_image {
	background-size:cover;
	position:relative;
	z-index:11;
}
.full_screen_size_img4mobile > .image_items {
	width:100%;
	height:100%;
	position:relative;
}
.full_screen_size_img4mobile .image_item {
	width:100%;
	height:100%;
	position:relative;
}
.full_screen_size_img4mobile ._image_body {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}
.full_screen_size_img4mobile ._image_title {
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	text-align:center;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
._title_with_icon {
	position:relative;
	color:#1f1f1f;
	line-height:1;
}
._title_with_icon::before {
content:'';
position:absolute;
top:50%;
left:0;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 -o-transform: translateY(-50%);
 transform: translateY(-50%);
}
._title_with_icon.__icon_1 {
padding-left:.666rem;
}
._title_with_icon.__icon_1::before {
width:.546rem;
height:.413rem;
 background-position:0 0;
background-size:9.293rem auto;
}
._title_with_icon.__icon_2 {
padding-left:.68rem;
}
._title_with_icon.__icon_2::before {
width:.506rem;
height:.493rem;
 background-position:-1.613rem 0;
background-size:9.293rem auto;
}
._title_with_icon.__icon_3 {
padding-left:.72rem;
}
._title_with_icon.__icon_3::before {
width:.56rem;
height:.56rem;
 background-position:-5.12rem 0;
background-size:9.293rem auto;
}
._title_with_icon.__icon_4 {
padding-left:.693rem;
}
._title_with_icon.__icon_4::before {
width:.48rem;
height:.48rem;
 background-position:-8.813rem 0;
background-size:9.293rem auto;
}
.part_hightlights4mobile {
	width:100%;
	height:8.746rem;
}
.part_hightlights4mobile .__this_inner_ {
padding-left:.373rem;
	height:100%;
}
.part_hightlights4mobile .slider-bloc {
	height:100%;
}
.part_hightlights4mobile .slider-bloc .content-slider .content-rel-slider .content-abs-slider .item-slider {
	width:6.666rem;
	height:100%;
}
.part_hightlights4mobile .inner_put_li {
padding-right:.4rem;
	height:100%;
	position:relative;
}
.part_hightlights4mobile .inner_put_li .h_main_body {
	width:100%;
	height:100%;
}
#index_page4mobile {
	width:100%;
	position:relative;
	z-index:999;
}
.index_h_scroll {
	width:100%;
	background-color:#f5f5f5;
	padding:1.08rem 0 1.52rem;
}
.index_h_scroll .part_hightlights4mobile {
margin-top:.52rem;
}
#index_most_newest4mobile {
	width:100%;
padding:.92rem 0 1.32rem;
	background-color:#f5f5f5;
}
#index_most_newest4mobile .many_cards_mix_show_container {
margin-top:.52rem;
}
#index_most_newest4mobile .viewmore {
margin-top:.92rem;
}
.image_with_row_text_container {
	width:100%;
	position:relative;
}
.image_with_row_text_container .__left_img_box {
	width:6.546rem;
	height:9.6rem;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
}
.__left_img_box ._desc_text {
	position:absolute;
top:.28rem;
bottom:.28rem;
left:.32rem;
right:.32rem;
	border:3px solid #fff;
}
.__left_img_box ._desc_text::after {
content:'';
width:3.853rem;
height:2.8rem;
 background-size:contain;
position:absolute;
left:50%;
top:.84rem;
 -webkit-transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -o-transform: translateX(-50%);
 transform: translateX(-50%);
}
.image_with_row_text_container .__right_text_title {
	position:absolute;
	color:#1f1f1f;
	writing-mode:vertical-lr;
	right:0;
top:.32rem;
	line-height:1;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#index_most_beauty4mobile {
	padding-top:1.333rem;
}
.half_grid_groups {
	width:100%;
	display:flex;
	justify-content:flex-start;
	justify-items:center;
	flex-wrap:wrap;
}
.half_grid_groups ._one_item {
	width:50%;
	height:3.96rem;
}
.half_grid_groups ._one_item img {
	width:100%;
	height:100%;
}
#index_superstars4mobile {
	margin-top:1.36rem;
	padding-bottom:1.826rem;
}
#index_superstars4mobile .half_grid_groups {
margin-top:.52rem;
}
#index_news4mobile {
	width:100%;
	position:relative;
	background-size:cover;
	padding:1.16rem 0 1.08rem;
	background-attachment:fixed;
}
#index_news4mobile .normal_lists_container {
margin-top:.76rem;
}
.normal_lists_container {
	width:100%;
}
.normal_lists_container ._the_list_item {
	width:100%;
	height:3.413rem;
	background-color:#fff;
margin-top:.24rem;
}
.normal_lists_container ._the_list_item:first-child {
	margin-top:0;
}
._the_list_item ._padding_body {
padding:.48rem .36rem;
	line-height:1;
}
._the_list_item .__text_tr {
	color:#bebebe;
	text-align:right;
	text-transform:uppercase;
}
._the_list_item .__text_main_title {
	color:#1f1f1f;
margin-top:.88rem;
}
._the_list_item .__text_summary {
	color:#585858;
	line-height:1.6;
	margin-top:3px;
}
/ #mobile_page_most_beauty_container {
 width:100%;
 padding-bottom:1.813rem;
 background-color:#f5f5f5;
 z-index:8;
 position:relative;
}
#mobile_page_most_beauty_container .page_inner_container_for_mobile {
	padding-top:1.333rem;
}
#mobile_page_most_beauty_container .page_text_navs {
	margin-top:1.333rem;
}
#mobile_page_most_beauty_container .anomaly_text_img_layout_container {
margin-top:.52rem;
}
.page_left_padding_inner4mobile {
}
.anomaly_text_img_layout_container {
	width:100%;
}
.anomaly_text_img_layout_container .scrollernav_container .scrollernav_item {
	position:relative;
margin-left:.333rem;
}
.anomaly_text_img_layout_container .scrollernav_container .scrollernav_item:first-child {
	margin-left:0;
}
.scrollernav_container .scrollernav_item .mobile_part_line {
width:.32rem;
margin:.186rem 0 .28rem;
}
.scrollernav_container .scrollernav_item ._scrollernav_text_container {
	width:100%;
	position:absolute;
	line-height:1;
}
._scrollernav_text_container > ._type {
	color:#bebebe;
	text-transform:uppercase;
}
._scrollernav_text_container > ._title {
	color:#1f1f1f;
}
._scrollernav_text_container > ._author {
	color:#1f1f1f;
 margin-top:.2rem;
}
.scrollernav_container .sort_nub {
	position:absolute;
	color:#ffe100;
	line-height:1;
	padding-right:5px;
}
.scrollernav_container .img_box {
	width:100%;
	position:absolute;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.anomaly_text_img_layout_container .scrollernav_container {
	margin-top:1.08rem;
}
.anomaly_text_img_layout_container .scrollernav_container:first-child {
	margin-top:0;
}
.anomaly_text_img_layout_container .scrollernav_container.type_0 {
	height:7.973rem;
}
.scrollernav_container.type_0 ._left_part {
	width:9.066rem;
}
.scrollernav_container.type_0 ._right_part {
	width:6.306rem;
}
.scrollernav_container.type_0 .scrollernav_item {
	height:7.973rem;
}
.scrollernav_container.type_0 .sort_nub {
	bottom:-6px;
	right:0;
}
.scrollernav_container.type_0 .scrollernav_item ._scrollernav_text_container {
	left:0;
	bottom:0;
}
.scrollernav_container.type_0 .img_box_a {
	width:100%;
	height:6.146rem;
	top:0;
	left:0;
}
.scrollernav_container.type_0 .img_box_b {
	width:5.093rem;
	height:3.306rem;
	top:0;
	left:0;
}
.scrollernav_container.type_0 .img_box_c {
	width:100%;
	height:4.333rem;
	left:0;
	bottom:0;
}
.anomaly_text_img_layout_container .scrollernav_container.type_1 {
	height:10.253rem;
}
.scrollernav_container.type_1 .scrollernav_item {
	height:10.253rem;
}
.scrollernav_container.type_1 ._left_part {
	width:7.986rem;
}
.scrollernav_container.type_1 ._right_part {
	width:7.426rem;
	height:9.013rem;
}
.scrollernav_container.type_1 .sort_nub {
	bottom:-5px;
	left:0;
}
.scrollernav_container.type_1 .scrollernav_item ._scrollernav_text_container {
	left:0;
	bottom:0;
}
.scrollernav_container.type_1 .img_box_a {
	width:100%;
	height:9.6rem;
	top:0;
	left:0;
}
.scrollernav_container.type_1 .img_box_b {
	width:100%;
	height:5.466rem;
	top:1.76rem;
	left:0;
}
.anomaly_text_img_layout_container .scrollernav_container.type_2 {
	height:10.733rem;
}
.scrollernav_container.type_2 .scrollernav_item {
	height:10.733rem;
}
.scrollernav_container.type_2 ._left_part {
	width:5.6rem;
	height:10.573rem;
}
.scrollernav_container.type_2 ._right_part {
	width:9.786rem;
}
.scrollernav_container.type_2 .sort_nub {
	top:8.386rem;
	right:0;
}
.scrollernav_container.type_2 .scrollernav_item ._scrollernav_text_container {
	left:0;
	bottom:0;
}
.scrollernav_container.type_2 .img_box_a {
	width:100%;
	height:8.026rem;
top:.746rem;
	left:0;
}
.scrollernav_container.type_2 .img_box_b {
	width:100%;
	height:5.653rem;
	top:0;
	left:0;
}
.scrollernav_container.type_2 .img_box_c {
	width:7.053rem;
	height:4.745rem;
	top:5.986rem;
	left:0;
}
.anomaly_text_img_layout_container .scrollernav_container.type_3 {
	height:10.773rem;
}
.scrollernav_container.type_3 .scrollernav_item {
	height:10.773rem;
}
.scrollernav_container.type_3 ._left_part {
	width:9rem;
}
.scrollernav_container.type_3 ._right_part {
	width:6.4rem;
	height:9.56rem;
}
.scrollernav_container.type_3 .sort_nub {
	bottom:-6px;
	right:0;
}
.scrollernav_container.type_3 .scrollernav_item ._scrollernav_text_container {
	left:0;
	bottom:0;
}
.scrollernav_container.type_3 .img_box_a {
	width:100%;
	height:10.2rem;
	top:0;
	left:0;
}
.scrollernav_container.type_3 .img_box_b {
	width:100%;
	height:7.76rem;
	top:0;
	left:0;
}
.anomaly_text_img_layout_container .scrollernav_container.has_full_width_bg {
	position:relative;
	padding-top:1.066rem;
	box-sizing:content-box;
}
.anomaly_text_img_layout_container .scrollernav_container.has_full_width_bg::before {
content:'';
width:100%;
height:4.306rem;
position:absolute;
top:0;
left:0;
background-color:#ffe100;
}
#mobile_supplement_container.supplement_info_layout {
margin-top:.88rem;
}
.supplement_info_layout {
	width:100%;
}
.supplement_info_layout .supplement_groups {
	width:100%;
	position:relative;
	overflow:hidden;
}
.supplement_info_layout .supplement_groups::before {
content:'';
position:absolute;
top:0;
left:0;
width:3px;
height:100%;
background-color:#1f1f1f;
}
.supplement_groups .supplement_item {
	width:100%;
	line-height:1;
	border-bottom:1px solid #1f1f1f;
	margin:6px 0 0 6px;
text-indent:.07rem;
padding-bottom:.13rem;
}
.supplement_groups .supplement_item:first-child {
	margin-top:0;
}
.supplement_groups .supplement_item ._key {
	font-weight:600;
}
.supplement_groups .supplement_item ._value {
margin-top:.12rem;
}
.js .search {
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.5s;
}
.js .search--open {
	pointer-events: auto;
	opacity: 1;
}
 .search::before, .search::after {
 transition: transform 0.5s;
}
 .search::before {
 transform: translate3d(-15px, -15px, 0);
}
 .search::after {
 transform: translate3d(15px, 15px, 0);
}
 .search--open::before, .search--open::after {
 transform: translate3d(0, 0, 0);
}
.btn--search-close {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
	transition: opacity 0.5s, transform 0.5s;
}
.search--open .btn--search-close {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}
.js .search__form {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
	transition: opacity 0.5s, transform 0.5s;
}
.js .search--open .search__form {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}
.search__suggestion {
	opacity: 0;
	transform: translate3d(0, -30px, 0);
	transition: opacity 0.5s, transform 0.5s;
}
.search--open .search__suggestion {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
 .search--open .search__suggestion:nth-child(2) {
 transition-delay: 0.1s;
}
 .search--open .search__suggestion:nth-child(3) {
 transition-delay: 0.2s;
}
 @media screen and (max-width:40em) {
 .search__form {
 margin: 5em 0 1em;
}
 .btn--search-close {
 font-size: 1.25em;
 top: 1.5em;
 right: 1.5em;
}
 .search__info {
 text-align: left;
}
 .search__suggestion {
 font-size: 80%;
 width: 100%;
}
 .search__suggestion:nth-child(2), .search__suggestion:nth-child(3) {
 display: none;
}
}
#page_header_container {
	position:relative;
}
 .header_image_of_c_more.header_image_of_cooperatior::before {
padding-bottom:calc(90vh - 75px)
}
.header_image_of_c_more.header_image_of_cooperatior {
	background-size: cover;
	position: relative;
}
.header_image_of_c_more.header_image_of_cooperatior .its_img_container {
	width: 80%;
	top: inherit;
	bottom: -5%;
	left: 50%;
	transform: translateX(-50%);
	background: none;
	height: auto;
}
 @media screen and (max-width: 1650px) {
 .header_image_of_c_more.header_image_of_cooperatior .its_img_container {
 width: 90%;
}
}
.color_pink {
	color:#ff1c71;
}
.cooperatior_detail {
	width:100%;
	padding-top:200px;
}
.cooperatior_detail .the_cd_wrapper {
	width:1380px;
	margin:0 auto;
}
.cooperatior_detail ._this_text_summary {
	color:#3e3e3e;
	text-align:center;
	line-height:1;
}
.cooperatior_detail ._this_text_summary p._title {
	color:#000;
	margin-bottom:45px;
}
.cooperatior_detail ._this_text_summary p {
	margin-top:20px;
}
.cooperatior_detail ._this_text_summary p:first-child {
	margin-top:0;
}
._this_img_wall_container_1 {
	width:100%;
	margin-top:14.492%;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;
}
._this_img_wall_container_1 .img_item {
}
._this_img_wall_container_1 .img_item.half_size {
	width:50%;
}
._this_img_wall_container_1 .img_item img {
	max-width:100%;
}
.full_width {
	width:100%;
	margin-top:12.463%;
}
.animation_mix_container .animation_mix_wrapper {
	display:flex;
	justify-content:center;
	align-items:flex-end;
	margin-top:4.333%;
}
.animation_mix_container .animation_mix_wrapper:first-child {
	margin-top:0;
}
.animation_mix_container .animation_mix_wrapper.flex_align_center {
	align-items:center;
}
.animation_mix_container .animation_mix_wrapper._format_width .a_item {
	width:25%;
	margin:0;
}
.animation_mix_container .animation_mix_wrapper._format_width img {
	margin:0 auto;
	max-width:86%;
}
.animation_mix_container .animation_mix_wrapper .a_item {
	margin-left:5.208%;
}
.animation_mix_container .animation_mix_wrapper .a_item:first-child {
	margin-left:0;
}
.img_container_with_shadow {
	width:100%;
	background-color:#f1eeeb;
	margin-top:7.826%;
}
.img_container_with_shadow .icws_wrapper {
	width:100%;
	padding:0;
	margin-top:3.985%;
}
.img_container_with_shadow .icws_wrapper .flex_row {
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:nowrap;
}
.img_container_with_shadow .icws_wrapper:first-child {
	padding:7.028% 7.028% 0 7.028%;
	margin-top:0;
	justify-content:space-between;
}
.img_container_with_shadow .icws_wrapper.small_one .icws_item {
	margin-bottom:3.127%;
	margin-left:3.127%;
}
.img_container_with_shadow .icws_wrapper.small_one .icws_item:first-child {
	margin-left:0;
}
.icws_wrapper .icws_item {
}
.icws_wrapper .icws_item img {
	max-width:100%;
	box-shadow:10px 10px 23px rgba(0, 0, 0, .19);
}
.response_width_1290 {
	width:1290px;
	margin:0 auto;
}
.lists_text_icon_container {
	width:100%;
}
.lists_text_icon_container > ._title {
	color:#000;
	text-align:center;
}
.lists_text_icon_container .all_lists_content_wrapper {
	margin-top:6.77%;
}
.all_lists_content_wrapper ._ul_wrapper {
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.all_lists_content_wrapper ._ul_wrapper li {
	width:34.496%;
	color:#000;
	height:624px;
	position:relative;
}
.all_lists_content_wrapper ._ul_wrapper li::after {
background-color:#fff;
 position: absolute;
 z-index: -1;
 content: '';
 top: 0;
 left: 0;
 -webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3);
 box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3);
 height: 100%;
 width: 100%;
 opacity: 0;
 -webkit-transition: opacity 1s ease-in-out;
 -o-transition: opacity 1s ease-in-out;
 transition: opacity 1s ease-in-out
}
.all_lists_content_wrapper ._ul_wrapper li:hover::after {
opacity:1;
}
.all_lists_content_wrapper ._ul_wrapper li .dragon_boen {
	padding:47.191% 15.056% 0 12.808%;
}
.all_lists_content_wrapper ._ul_wrapper li ._title_icon {
	position:relative;
}
._title_icon > ._icon {
	position:absolute;
	background:url('../images/title_icon.png') no-repeat 0 0;
	bottom:0;
	right:0;
	display:block;
}
._title_icon > ._icon.icon_1 {
	width:170px;
	height:189px;
	background-position:0 0;
}
._title_icon > ._icon.icon_2 {
	width:142px;
	height:168px;
	background-position:-495px -21px;
}
._title_icon > ._icon.icon_3 {
	width:149px;
	height:169px;
	background-position:-970px -21px;
}
.all_lists_content_wrapper ._ul_wrapper li ._summary {
	color:#808080;
	line-height:1.5;
	margin-top:30px;
}
.all_lists_content_wrapper ._ul_wrapper li ._services {
	margin-top:38px;
}
.all_lists_content_wrapper ._ul_wrapper li ._services p::before, .all_lists_content_wrapper ._ul_wrapper li ._services p::after {
content:'|';
display:inline-block;
color:#ff1b71;
}
.all_lists_content_wrapper ._ul_wrapper li ._services p::before {
margin-right:6px;
}
.all_lists_content_wrapper ._ul_wrapper li ._services p::after {
margin-left:6px;
}
.all_lists_content_wrapper ._ul_wrapper li ._services p {
	margin-top:16px;
}
.all_lists_content_wrapper ._ul_wrapper li ._services p:first-child {
	margin-top:0;
}
#our_services_container {
	background-color:#f7f7f7;
	padding:8.333% 0 4.6875%;
	margin-top:0;
}
#our_services_container .case_more_button {
	margin-top:4.317%;
}
.the_fixed_title {
	position:absolute;
	color:#080808;
	text-align: left;
	font-size: 46px;
	font-weight: normal;
	width: 770px;
	height: 59.75%;
	left: 0;
	bottom: 0;
	z-index: 99;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}
.the_fixed_title p {
	padding-left: 25%;
	white-space: nowrap;
	line-height:1.2;
}
.header_image_of_cooperatior .case_more_button {
	position:absolute;
	bottom:211px;
	left:50%;
	font-size:30px;
	color:#fff;
	width:560px;
	border-width:1px;
	border-color:#fff;
	pointer-events:none;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.cd_down_icon_container {
	width:36px;
	height:20px;
	position:absolute;
	bottom:111px;
	left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.cd_down_icon_container > img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-animation-name:aarowMove;
	animation-name:aarowMove;
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
}
 @-webkit-keyframes aarowMove {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
 25% {
-webkit-transform:translateY(10px);
transform:translateY(10px);
}
 50% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
 75% {
-webkit-transform:translateY(10px);
transform:translateY(10px);
}
 100% {
-webkit-transform:translateY(1);
transform:translateY(1);
}
}
@keyframes aarowMove {
0% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
 25% {
-webkit-transform:translateY(10px);
transform:translateY(10px);
}
 50% {
-webkit-transform:translateY(0);
transform:translateY(0);
}
 75% {
-webkit-transform:translateY(10px);
transform:translateY(10px);
}
 100% {
-webkit-transform:translateY(1);
transform:translateY(1);
}
}
._ssssub_nav {
	position:absolute;
	top:75px;
	left:0;
	width:100%;
	opacity:0;
	-webkit-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
	visibility:hidden;
}
._ssssub_nav ._ssssub_nav_item {
	width:100%;
	height:45px;
	background-color:rgba(0, 0, 0, .6);
	line-height:45px;
	text-align:center;
	color:#fff;
	position:relative;
	margin-top:1px;
}
#page_header_container._with_opacity_bg ._ssssub_nav ._ssssub_nav_item {
	background-color:rgba(255, 255, 255, .7);
	color:#000;
}
._ssssub_nav ._ssssub_nav_item:first-child {
	margin-top:0;
}
._ssssub_nav ._ssssub_nav_item p {
	position:absolute;
	top:50%;
	left:50%;
	opacity:0;
	width:100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
._ssssub_nav ._ssssub_nav_item p:first-child {
	opacity:1;
}
._ssssub_nav ._ssssub_nav_item:hover p._en {
	opacity:0;
}
._ssssub_nav ._ssssub_nav_item:hover p._cn {
	opacity:1;
}
.phc_head_menu li.has_hover .top_nav_link:hover ._ssssub_nav {
	opacity:1;
	visibility:visible;
}
.in_full_box_bottom.viewmore {
	height:1.12rem;
	line-height:1.12rem;
	position:absolute;
	bottom:3.413rem;
	left:50%;
	color:#fff;
	width:7.44rem;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.in_full_box_bottom.viewmore span {
	color:#ff1b71;
}
.in_full_box_bottom.cd_down_icon_container {
width:.48rem;
height:.266rem;
	bottom:4.52%;
}
#side_function_bts {
	width:88px;
	height:334px;
	position:fixed;
	bottom:100px;
	right:30px;
	z-index:999;
	overflow:hidden;
}
#side_function_bts .bts_group {
	width:100%;
	height:50%;
	background-color:#231815;
	cursor:pointer;
	position:relative;
	pointer-events:none;
	opacity:0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
}
#side_function_bts .bts_group:first-child {
	background-color:#ffe100;
}
#side_function_bts .bts_group:nth-child(2) {
 transition-delay: .1s;
}
#side_function_bts.show .bts_group {
	opacity:1;
	pointer-events:auto;
	transform: translateY(0);
}
#side_function_bts .bts_group .normal_icons, #side_function_bts .bts_group .hover_icons {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#side_function_bts .bts_group .normal_icons.b {
	background-position-y:8px;
}
#side_function_bts .bts_group .normal_icons.up {
	background-position-y:-44px;
}
#side_function_bts .bts_group .hover_icons {
	background:none;
	text-align:center;
	line-height:50px;
	opacity:0;
}
#side_function_bts .bts_group .hover_icons.up {
	color:#fff;
}
#side_function_bts .bts_group:hover .normal_icons {
	opacity:0;
}
#side_function_bts .bts_group:hover .hover_icons {
	opacity:1;
}
._qr_code {
	width:70px;
	height:70px;
	position:absolute;
	top:50%;
	left:30px;
	background-size:contain;
	opacity:0;
	-webkit-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
	transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
}
._qr_code._qr_code--active {
	opacity:1;
}
.sb_grid.wechat {
	position:relative;
}
.sb_grid ._qr_code {
	transform: translate(-50%, -40%);
}
.sliders-wrapper .parallax-sliders {
	width: 100%;
}
.parallax-sliders .parallax-slider-item {
}
.parallax-slider-item img {
	max-width: 100%;
	height: auto;
	visibility: hidden;
}
.parallax-slider-item .img-holder {
	width: 50%;
	background-repeat: no-repeat;
	-webkit-background-size: 50%;
	background-size: 50%;
	background-attachment: fixed;
	float: left;
}
.parallax-slider-item .text-container {
	width: 50%;
	height: 100%;
	position: relative;
	float: right;
}
.text-container .text-main-body {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	height: 100%;
	padding-left: 15.9375%;
	padding-right: 19.166%;
}
._text_wrapper .__text_body {
	width: 100%;
	color: #fff;
	line-height: 1.3;
}
.__text_body .en_text {
	text-transform: uppercase;
}
.case_item ._text_wrapper.new_bottom {
bottom: .533rem;
}
._text_wrapper ._new_works_title {
	width: 100%;
height: .88rem;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
}
._new_works_title ._hover_icon {
width: .88rem;
height: .88rem;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
}
._new_works_title ._hover_icon img {
	width: 100%;
	height: 100%;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	-moz-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	-o-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
}
._new_works_title ._new_titles {
	color: #000;
	text-transform: uppercase;
	position: absolute;
	overflow: hidden;
 left: .33rem;
	right: 0;
	top: 0;
	bottom: 0;
	border-top-right-radius: 9999px;
	border-bottom-right-radius: 9999px;
}
._new_works_title ._new_titles p {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
._new_works_title ._new_titles ._new_titles_real {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: rgba(255, 255, 255, 0.95);
	overflow: hidden;
	opacity: .3;
	border-top-right-radius: 9999px;
	border-bottom-right-radius: 9999px;
	-webkit-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	-moz-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	-o-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
._new_works_title ._new_titles p._title {
left: .68rem;
}
._new_works_title ._new_titles p._client {
right: .32rem;
}
.page_inner_container_for_mobile.more-page {
	padding: 0;
	height: auto;
}