@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(0.19, 1, 0.22, 1);
  -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.19, 1, 0.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);
}

/* 头部 */
/* 20180227 */

.waypoint_ani {
  -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.19, 1, 0.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: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
#page_header_container .phc_main_body {
  width: 100%;
  height: 100%;
}
#page_header_container .phc_logo_container {
  width: 15.969581%;
  height: 100%;
  border-right: 1px solid #f0efef;
  float: left;
  cursor: pointer;
  background: url("/templets/default/images/logo.png") no-repeat
    left center;
  background-size: 116px 47px;
}
#page_header_container .phc_head_menu {
  float: left; /*margin-left:6.84%;*/
  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, 0.3);
  background-color: transparent;
}
#page_header_container._with_opacity_bg::after {
  content: "";
  width: 100%;
  height: 222px;
  background: url("/templets/default/images/pc_nav_bg.png")
    repeat-x center;
  position: absolute;
  top: 0;
  left: 0;
}
#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, 0.3);
  background-image: url("/templets/default/images/logo_w.png");
}
#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, 0.3);
  border-right-color: rgba(255, 255, 255, 0.3);
}
.phc_head_menu li {
  color: #1f1f1f;
  font-family: "playfair_regular", sans-serif;
  height: 100%;
  line-height: 75px;
  float: left;
  position: relative; /*margin-left:80px;*/
  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, 0.1);
}
.cube_container .backer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(219, 235, 235, 0.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%; /*margin-left:5.703%;margin-left:5.32%;*/
}
.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("/templets/default/images/icon_map_newest.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: 0.77vw;
}
.phc_icons_group .phc_icon_grid.qq i {
  background-position-x: -236px;
  width: 88px;
}
.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: -115px -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("/templets/default/images/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%;
  background: url("/templets/default/images/icon_map.png")
    no-repeat 0 -1px;
  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;
  background-image: url("/templets/default/images/icon_map.png");
  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("/templets/default/images/index_img_mask_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("/templets/default/images/index_bts.png")
    no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0.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 0.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: 0.9;
}

.page_index_highlights_container {
  padding: 65px 0 140px;
  background-color: #f5f5f5;
  position: relative;
  z-index: 1;
}
.part_title {
  position: relative;
  line-height: 1;
  font-family: "playfair_regular", sans-serif;
}
.part_title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
}
.part_title.bg::before {
  background: url("/templets/default/images/icon_title_bg.png")
    no-repeat 0 0;
}
.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: 131.0961%;
  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: 101%;
}
.h_main_body .text_card {
  width: 86.39%;
  height: 15.9863%;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #000s;
}
.text_card .category_card {
  height: 39px;
  position: absolute;
  right: 0;
  top: -29px;
  color: #fff;
  font-family: "montserrat-regular", sans-serif;
  text-align: center;
  line-height: 39px;
  text-transform: uppercase;
  padding: 0 10px;
}















.text_card .category_card.bg_1 {
  background-color: rgba(85, 111, 181, 0.75);
}
.text_card .category_card.bg_2 {
  background-color: rgba(248, 181, 81, 0.75);
}
.text_card .category_card.bg_3 {
  background-color: rgba(174, 93, 161, 0.75);
}
.text_card .text_main_body {
  padding-left: 6.906%;
  color: #1f1f1f;
  line-height: 1;
  margin-top: 7.2872%;
  font-family: "playfair_regular", "PingFangSC-Regular", "Helvetica", sans-serif;
}
.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;
  font-family: "montserrat-regular", sans-serif;
  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: 13px;
  background: url("/templets/default/images/icon_1.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%;
  background: url("/templets/default/images/icon_2.png") no-repeat;
  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: #ffe100;
  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: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_box:hover .location {
  text-decoration: underline;
}


/*about*/
.cases_lists_container .case_box:hover .title {
    text-decoration: underline;
}



.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;
  background: #fff url("/templets/default/images/bx_loader.gif")
    no-repeat center;
}

.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;
  /* padding:0 27px; */
}

.case_box .case_info_card.ext-link {
  position: relative;
  padding-right: 18px;
}

.case_box .case_info_card.ext-link::after {
  content: "";
  position: absolute;
  right: 0;
  top: 3px;
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
}




.case_info_card .category_card {
  position: absolute;
  top: -30px;
  height: 39px;
  min-width: 103px;
  padding: 0 10px;
  font-family: "montserrat-regular", sans-serif;
  text-align: center;
  line-height: 39px;
  right: 0;
  text-transform: uppercase;
  color: #fff;
}
.case_info_card .category_card.bg_1 {
  background-color: rgba(85, 111, 181, 0.75);
}
.case_info_card .category_card.bg_2 {
  background-color: rgba(248, 181, 81, 0.75);
}
.case_info_card .category_card.bg_3 {
  background-color: rgba(174, 93, 161, 0.75);
}
.case_info_card > .location {
  font-family: "montserrat-regular", sans-serif;
}
.case_info_card > .other_info {
  font-family: "montserrat-regular", sans-serif;
  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("/templets/default/images/icon_1.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;
  font-family: "montserrat-regular", sans-serif;
}
.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;
  /* padding-top:40px; */
}
.size_big .case_info_card > .location {
  font-size: 20px;
  margin: 1.354% 0 0 0;
  /* margin:15px 0 45px; */
}
.size_big .case_info_card > .part_line {
  margin-top: 5.89%;
}

.size_middle .case_info_card > .title {
  font-size: 21px;
  /* padding-top:26px; */
}
.size_middle .case_info_card > .location {
  font-size: 18px;
  margin: 1.52801% 0 0 0;
  padding-bottom: 2px;
  /* margin:14px 0 33px; */
}
.size_middle .case_info_card > .part_line {
  margin-top: 6.83%;
}

.size_small .case_info_card > .title {
  font-size: 20px;
  /* padding-top:26px; */
}
.size_small .case_info_card > .location {
  font-size: 18px;
  margin: 2.469863% 0 0 0;
  /* margin:15px 0 28px; */
}
.size_small .case_info_card > .part_line {
  margin-top: 8.84%;
}

/* .case_info_card > .part_line{} */

.case_more_button {
  width: 235px;
  height: 64px;
  text-align: center;
  line-height: 64px;
  font-family: "montserrat-regular", sans-serif;
  font-size: 15px;
  color: #8b8b8b;
  border: 2px solid #cfcfcf;
  cursor: pointer;
  text-transform: uppercase;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.case_more_button.bt_pink {
  border-color: #ff1c71;
  color: #ff1c71;
}
.case_more_button p {
  position: relative;
  z-index: 1;
}
.case_more_button::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transform: translateX(-100%);
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

.case_more_button:hover {
  color: #1f1f1f;
  border-color: #8D8D8D;
}
.case_more_button:hover::before {
  transform: translateX(0);
}
.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;
  background: url("/templets/default/images/index_elevator_bg.jpg")
}
.superstars_groups .sg_grid {
  width: 50%;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  position: relative;
}

.superstars_groups .sg_grid .culture-text {
  position: absolute;
  bottom: 50px;              /* 距离底部10px */
  left: 20px;                /* 距离左侧10px */
  right: 20px;  
  color: black;
  font-size: 16px;           /* 放大字体 */
  background-color: rgba(0, 0, 0, 0.1); /* 稍微加深背景透明度 */
  padding: 8px 12px;
  border-radius: 6px;
  pointer-events: none;
}








.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%;
 

}


.index_news_container {
  width: 100%;
  height: 437px;
  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: 146px;
  background-color: #fcfcfc;
  margin: 0 0 11px 0;
  padding: 0 17px;
  position: relative;
  line-height: 1;
  font-family: "PingFangSC-Regular", "Helvetica", sans-serif;
  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;
  font-family: "montserrat-regular", sans-serif;
  margin-top: 20px;
  text-align: right;
  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;
}

.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;
  font-family: "montserrat-regular";
  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(0.19, 1, 0.22, 1);
  -moz-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 1s cubic-bezier(0.19, 1, 0.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(0.19, 1, 0.22, 1);
  transition: all 1.6s cubic-bezier(0.19, 1, 0.22, 1);
}
.ranking_boroad .grid:hover ._shadow_text {
  background-color: rgba(0, 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 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.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:first-child {
  width: 100%;
  height: 235px;
  margin-top: 0;
}
.ranking_boroad .grid:first-child 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;
  font-family: "Georgia", sans-serif;
}
.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 ._author {
  text-decoration: underline;
}
.ranking_boroad .grid:hover ._title {
  text-decoration: underline;
}
.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: 0px;
}
.text_box > ._category {
  color: #bebebe;
  font-family: "montserrat-regular", sans-serif;
  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;
  font-family: "montserrat-regular", sans-serif;
  text-transform: uppercase;
  margin-left: 1vw;
}
.social_buttons > .sb_grid:first-child {
  margin-left: 0;
}
.social_buttons > .sb_grid.icon {
  background: url("/templets/default/images/icon_social_2.png")
    no-repeat 0 0;
  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;
  font-family: "montserrat-regular", sans-serif;
  cursor: pointer;
}
.part_content.down_content {
  height: 82px;
}
.down_content .logo_bottom {
  width: 266px;
  height: 44px;
  position: relative;
  left: 0;
  top: 18px;
  background: url("/templets/default/images/logo_1.png") no-repeat
    center;
  background-size: contain;
}
.down_content .text_bottom {
  font-size: 13px;
  color: #555;
  font-family: "PingFang", "Helvetica", Arial, sans-serif;
  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-color: #ffe100;
  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;
  /* text-transform:uppercase; */
}
.page_title > ._title {
  color: #1f1f1f;
  font-family: "playfair_regular", sans-serif;
  /* font-size:65px; */
}
.page_title > .part_title {
  font-size: 0;
  font-family: "montserrat-regular", "PingFangSC-Regular", "微软雅黑",
    "Microsoft YaHei", sans-serif;
  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: #121212;
  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 {
  font-family: "montserrat-bold", sans-serif;
}

.part_title > .title_grid::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -42px;
  width: 5px;
  height: 5px;
  background-color: #121212;
  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: #000;
}
a.hoverChange span {
  display: block;
  -webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
a.hoverChange span::after {
  display: none;
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  font-size: 0;
  background-color: #121212;
  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;
  font-weight: bold;
  -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: url("/templets/default/images/bg_icon.png") repeat-x
    center bottom;
  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 {
  font-family: "montserrat-regular", sans-serif;
}
._text_info > p {
  margin-top: 8%;
}

/*.superstars_group .sg_grid > div{width:100%;height:100%;font-size:0;}*/
/*.superstars_group .sg_grid > div img{width:100%;height:100%;}*/
#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_page_viewimage .spv_image .spv_text {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%); /* 让文字真正居中 */
  font-weight: bold;
  text-align: center;
  text-shadow: 0px 2px 6px rgba(0,0,0,0.6);
}
.superstar_page_viewimage .spv_image .spv_text h2 {
  font-size: 48px;
  font-weight: bold;
  margin: 0 0 10px;
  text-shadow: 0px 2px 6px rgba(0,0,0,0.6);
}

.superstar_page_viewimage .spv_image .spv_text p {
  font-size: 16px;
  margin: 0;
  text-shadow: 0px 1px 4px rgba(0,0,0,0.5);
}



/* 手机 */
.has_full_size_box_parent_container .full_size_box .spv_text {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%); /* 让文字真正居中 */
  font-weight: bold;
  text-align: center;
  text-shadow: 0px 2px 6px rgba(0,0,0,0.6);
}
.has_full_size_box_parent_container .full_size_box .spv_text h2 {
  font-size: 26px;
  font-weight: bold;
  margin: 0 0 10px;
  text-shadow: 0px 2px 6px rgba(0,0,0,0.6);
}

.has_full_size_box_parent_container .full_size_box .spv_text p {
  font-size: 12px;
  margin: 0;
  text-shadow: 0px 1px 4px rgba(0,0,0,0.5);
}
/* 手机结束 */



#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;
  font-family: "montserrat-regular", sans-serif;
  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; /*top:228px;*/
}
.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 img{width:100%;height:100%;}*/
.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 7%;
  padding: 7% 0;
  color: #5d5d5d;
  height: 635px;
  overflow: hidden;
  line-height: 1.8;
  position: relative;
  -webkit-transition: 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.__text_inner .__text_slider_item {
  overflow: hidden;
  height: 100%;
  display: none;
  position: relative;
  opacity: 0;
}




.__text_inner .__text_slider_item table{
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  font-size: 14px;
  min-width: 600px; /* 保证小屏幕下内容不挤 */
  border: 1px solid #000; /* 表格整体边框 */
}

.__text_inner .__text_slider_item table th{
  border: 1px solid #ccc; /* 单元格边框 */
  padding: 8px;
  text-align: center;
}

.__text_inner .__text_slider_item table td {
  border: 1px solid #ccc; /* 单元格边框 */
  padding: 8px;
  text-align: center;
}

.__text_inner .__text_slider_item table thead th {
  background-color: #f2f2f2; /* 表头背景色 */
}






.__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:hover{height:1216px;cursor:pointer;}*/
.ifc_main_grid ._text_container .__text_inner p.___title_ {
  color: #292929;
  font-family: Georgia, "PingFangSC-Regular", "Helvetica", sans-serif;
}
.ifc_main_grid ._text_container .__text_inner p {
  margin-top: 3px;
  font-family: "PingFangSC-Regular", "Helvetica", sans-serif;
}

.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: 70%;
  background-color: #ffe100;
  top: 0;
  left: 0;
}
.works_in_company .works_s_title {
  position: absolute;
  top: 0;
  left: -87px;
  z-index: 3;
  color: #fff;
  font-family: "montserrat-regular", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  /* todo 待加字体大小 */
  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, 0.38);
}
.works_main_body .works_img_cover.light::before {
  background-color: rgba(0, 0, 0, 0.25);
}
.works_main_body .works_img_cover.deep::before {
  background-color: rgba(0, 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 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.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: url("/templets/default/fonts/updownbt.svg") no-repeat center;
  background-size: contain;
  cursor: pointer;
  transform: rotate(-90deg);
}
.works_dir_bts .buttons.swiper-button-disabled {
  opacity: 0.3;
  cursor: auto;
}
.works_dir_bts .buttons.next_button {
  transform: rotate(90deg);
}

.news_in_company {
  width: 100%;
  padding-bottom: 77px;
	background-color: #F5F5F5;
}
.news_in_company .nav-hl-button span::before {
  background-image: url("/templets/default/images/arrow.png");
}
.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%;
  font-family: "montserrat-regular", sans-serif;
  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 {
  font-family: Georgia, "PingFangSC-Regular", "Helvetica", sans-serif;
}
._the_img_text > .__title {
  font-family: "PingFangSC-Regular", "Helvetica", sans-serif;
  margin-top: 8px;
}
._the_img_text > .part_line {
  margin-top: 15px;
}
._the_img_text > .__date {
  font-family: "montserrat-regular", sans-serif;
  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;
  font-family: "Georgia", sans-serif !important;
}
._text_with_border + p {
  font-family: "montserrat-regular", sans-serif !important;
  color: #fff;
  line-height: 1;
  margin-top: 7%;
  text-transform: uppercase;
}

.unknow {
  font-size: 13px;
  color: #636363;
  font-family: "montserrat-regular", "PingFangSC-Regular", "Helvetica",
    sans-serif;
  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 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.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 {
  text-decoration: underline;
}
.functions_items .items:hover .father_item a.__cn {
  opacity: 0;
}
.functions_items .items:hover .father_item a.__en {
  opacity: 1;
}
.functions_items .items.opened .father_item a {
  text-decoration: underline;
}

.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%;
}

/*CSS 翻页开始*/

#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;
  font-family: "montserrat-regular", sans-serif;
  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;
  font-family: "montserrat-regular", sans-serif;
  margin-left: 40px;
}
#page .pagination li:first-child {
  margin-left: 0;
}
#page .pagination li.active {
  color: #121212;
}



/*CSS 翻页结束*/
#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("/templets/default/images/faq_top_bg.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: 33%;
  background: url("/templets/default/images/about_1.jpg") no-repeat
    center;
}
#page_about_container .__word_container.summary {
  width: 60%;
  font-weight: normal;
  line-height: 2;
  text-align: justify;
  text-justify: inter-word;
  font-size: 16px;
  font-family: "playfair_regular", sans-serif;
}

#page_about_container .__word_container.summary > div {
  padding: 0 1% 0 10.83%;
}
#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("/templets/default/images/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;
  font-family: "playfair_regular", sans-serif;
  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: #ffe100;
  font-family: "playfair_regular", sans-serif;
  overflow: hidden;
   padding: 4.6875vw 8.5% 3.90625vw 12.6%;
}
.its_brand_container .text_content {
  width: 100%;
  color: #2f2f2f;
  position: relative;
  line-height: 2;
  text-align: justify;
  text-justify: inter-word;
  font-size: 16px;
  font-family: "playfair_regular", sans-serif;
}
.its_brand_container .text_content::after {
  content: "Residential Lifts";
  font-family: "playfair_regular", sans-serif;
  color: #1f1f1f;
  font-size: 45px;
  top: 35%;
  right: 19.8%;
  position: absolute;
  line-height: 1;
  text-decoration: underline;
}
.its_brand_container .logo_wall {
  width: 100%;
  margin-top: 8%;
}








.its_brand_container_top {
  width: 100%;
  background-color: #ffffff;
  font-family: "playfair_regular", sans-serif;
  overflow: hidden;
   padding: 4.6875vw 8.5% 3.90625vw 12.6%;
}
.its_brand_container_top .text_content {
  width: 100%;
  color: #2f2f2f;
  position: relative;
  line-height: 2;
  text-align: justify;
  text-justify: inter-word;
  font-size: 16px;
  font-family: "playfair_regular", sans-serif;
}
.its_brand_container_top .text_content::after {
  content: "Stair Lifts";
  font-family: "playfair_regular", sans-serif;
  color: #1f1f1f;
  font-size: 45px;
  top: 35%;
  right: 19.8%;
  position: absolute;
  line-height: 1;
  text-decoration: underline;
}
.its_brand_container_top .logo_wall {
  width: 100%;
  margin-top: 8%;
}














.logo_wall .logo_grid {
  width: 14%;
  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: 3.2%;
}
.logo_wall .logo_row .logo_grid:first-child {
  margin-left: 0;
}
.logo_wall .logo_row {
  margin-top: 3.2%;
}
.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: 68px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 18px;
  line-height: 68px;
  text-indent: 42px;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}

#page_about_container .full_year_services_container {
  background-image: url("/templets/default/images/send_email_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% 9.90625vw 5.99%;
  overflow: hidden;
}
#page_about_container
  .full_year_services_container
  .service_inner_container
  ._text_group {
  text-transform: uppercase;
  line-height: 1.1;
  font-family: "montserrat-regular", sans-serif;
}
#page_about_container
  .full_year_services_container
  .service_text_container
  .other_text {
  width: 43.6672%;
  font-family: "PingFangSC-Regular", "Helvetica", sans-serif;
  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:hover .__author {
  text-decoration: underline;
}
.cn_groups_container .cng_grid:hover .__award {
  text-decoration: underline;
}
.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;
}
.cng_grid .cng_body {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.cng_body > ._bg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all 2s;
  transition: all 2s;
}
.cng_body > ._text {
  width: 100%;
  height: 31.627%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("/templets/default/images/text_bg.png") no-repeat
    0 0;
  background-size: contain;
  color: #000000;
  line-height: 1;
  padding-left: 1.875vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
}
.cng_body > ._text_news {
  width: 100%;
  height: 31.627%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("/templets/default/images/text_bg.png") no-repeat
    0 0;
  background-size: contain;
  color: #ffffff;
  line-height: 1.2;
  padding-left: 0.875vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: left;
}
.cng_body > ._text > .__author,
.cng_body > ._text > .__award {
}
.cng_body > ._text > .__author {
  margin-top: 6%;
}
.cng_body > ._text > .__award {
  margin-top: 2.1%;
}
.cng_body > ._text .part_line {
  margin-top: 3.29%;
}
.cng_body > ._text > .__date {
  font-family: "montserrat-regular", sans-serif;
  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;
  font-family: "playfair_regular", sans-serif;
  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: 30%;
}
.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%;
  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 {
  font-family: "montserrat-regular", "PingFangSC-Regular", "Helvetica", Arial,
    sans-serif;
  margin-top: 12px;
}
.case_info > ._mix_text {
  font-family: "montserrat-regular", "PingFangSC-Regular", "Helvetica", Arial,
    sans-serif;
  margin-top: 1.3%;
  text-transform: uppercase;
}
._mix_text > ._icon_map {
  display: inline-block;
  background: url("/templets/default/images/icon_eye.png")
    no-repeat center;
  width: 20px;
  height: 13px;
  vertical-align: middle;
}

#case_detail_container .detail_main_content_container {
  width: 100%;
  padding: 0px 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: 0px;
  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: url("/templets/default/images/bx_loader.gif")
    no-repeat center;
  background-size: 64px;
}
.case_mix_content_container .m_text_box {
  color: #1f1f1f;
  line-height: 1.7;
  margin-top: 0.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(0.19, 1, 0.22, 1);
  -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.19, 1, 0.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: 0.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%;

  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 #969696;
  color: #1f1f1f;
  line-height: 3;
  padding-bottom: 7px;
  margin-top: 6px;
  font-family: "PingFangSC-Regular", "Helvetica", sans-serif;
}
.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: 0.7;
  cursor: pointer;
}
.case_action_buttons_container .action_bt.bg1 {
  background-color: #556fb5;
}
.case_action_buttons_container .action_bt.bg2 {
  background-color: #ffe100;
	  color: #1f1f1f;
}
.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;
  background: url("/templets/default/images/icon_white.png")
    no-repeat 0 0 !important;
  margin-left: 20px;
  cursor: pointer;
}
.action_bt > .a_bts_social:hover {
  opacity: 0.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: url("/templets/default/images/icon_zan.png")
    no-repeat center;
  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: 0px;
}
.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 {

}
.direction_case_grid.next .mask {
  background-color: rgba(0, 0, 0, 0.6);
}
.direction_case_grid .mask p {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "playfair_regular", sans-serif;
  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 0px;
  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%);
}
.flex_case_group .case_box:hover .__info1 {
  text-decoration: underline;
}
.flex_case_group .case_box:hover .__info2 {
  text-decoration: underline;
}
.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;
  font-family: "montserrat-regular", sans-serif;
  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, 0.75);
}
.case_box .case_cover .case_category.bg_2 {
  background-color: rgba(248, 181, 81, 0.75);
}
.case_box .case_cover .case_category.bg_3 {
  background-color: rgba(85, 111, 181, 0.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;
  font-family: "montserrat-regular", sans-serif;
  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("/templets/default/images/icon_1.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;
}
.tmc_group .tmc_inner_container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.tmc_group .tmc_img_blocks {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.tmc_group .img_grid {
  position: absolute;
  overflow: hidden;
  z-index: 13;
}
.tmc_group .img_grid: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);
}
.tmc_group .img_grid img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition: all 2s;
  transition: all 2s;
}

.tmc_group .tmc_text_blocks {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
  color: #1f1f1f;
  font-family: "playfair_regular", "PingFangSC-Regular", "Helvetica", sans-serif;
}
.tmc_group .tmc_text_blocks:hover .__name {
  text-decoration: underline;
}
.tmc_group .tmc_text_blocks:hover .__summary {
  text-decoration: underline;
}
.tmc_group .tmc_text_blocks .nub {
  color: #ffe100;
  font-family: "montserrat-regular", sans-serif;
  font-style: italic;
  position: absolute;
}
.tmc_group .tmc_text_blocks .text_dialog {
  position: absolute;
}
.text_dialog > .__category_title {
  color: #bebebe;
  font-family: "montserrat-regular", sans-serif;
  text-transform: uppercase;
}
.text_dialog > .part_line {
  margin-top: 10px;
}
.text_dialog > .__name {
  margin-top: 20px;
}
.text_dialog > .__summary {
  margin-top: 10px;
}

/* type_a */
.the_most_cases_layout .tmc_group._type_0::before {
  content: "";
  width: 100%;
  padding-bottom: 50.763%;
  display: block;
}
.tmc_group._type_0 .img_grid._graph_a {
  width: 57.709%;
  top: 0;
  left: 0;
}
.tmc_group._type_0 .img_grid._graph_a::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 67.85%;
}
.tmc_group._type_0 .img_grid._graph_b {
  width: 32.42%;
  top: 0;
  left: 59.92%;
}
.tmc_group._type_0 .img_grid._graph_b::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 64.94%;
}
.tmc_group._type_0 .img_grid._graph_c {
  width: 40.152%;
  top: 0;
  left: 59.92%;
  top: 45.71%;
}
.tmc_group._type_0 .img_grid._graph_c::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 68.63%;
}

.tmc_group._type_0 .tmc_text_blocks .nub {
  bottom: -2.8%;
  left: 42.8702%;
}
.tmc_group._type_0 .tmc_text_blocks .text_dialog {
  bottom: 0.5%;
}

#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%;
}

/* type_b */
.the_most_cases_layout .tmc_group._type_1::before {
  content: "";
  width: 100%;
  padding-bottom: 61.068702%;
  display: block;
}
.tmc_group._type_1 .img_grid._graph_a {
  width: 50.8396%;
  top: 0;
  left: 0;
}
.tmc_group._type_1 .img_grid._graph_a::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 120.12%;
}
.tmc_group._type_1 .img_grid._graph_b {
  width: 47.251%;
  top: 18.25%;
  left: 52.671%;
}
.tmc_group._type_1 .img_grid._graph_b::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 73.6672%;
}

.tmc_group._type_1 .tmc_text_blocks .nub {
  top: 68.75%;
  right: 1%;
}
.tmc_group._type_1 .tmc_text_blocks .text_dialog {
  top: 80.875%;
  left: 52.671%;
}

/* type_c */
.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;
}

/* type_d */
.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: url("/templets/default/images/about_header.jpg") no-repeat
    center;
  background-size: cover;
}


.header_image_of_cooperatior .its_img_container_contact {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/templets/default/images/contact_header.jpg") no-repeat
    center;
  background-size: cover;
}


.header_image_of_cooperatior > ._title {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
  font-family: "playfair_regular", sans-serif;
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
#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;
  font-family: "PingFangSC-Regular", "Helvetica", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
}
.__word_container.title {
  width: 43.75%;
  background-color: #ffe100;
  font-family: "montserrat-regular", Arial, "PingFangSC-Regular", "Helvetica",
    sans-serif;
  justify-content: left;
  /* flex-direction:column; */
}
.__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: 20px;
}

.partners_container {
  width: 100%;
	background-color: #ffdd33;
}
.partners_container .the_main_partners_body {
  width: 100%;
  padding: 1% 0 7%;
}
.the_main_partners_body ._title {
  color: #1f1f1f;
  font-family: "montserrat-regular", sans-serif;
  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 {
  border:#f4f4f4 2px solid;
  border-radius: 15px;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.partner_row > .partner_grid img {
  width: 100%;
  height: auto;
	border-radius: 15px;
}
.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: url("/templets/default/images/about_bg.jpg")
    no-repeat center;
  background-attachment: fixed;
}
.full_year_services_container::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 35%;
}
.full_year_services_container .service_inner_container {
  position: absolute;
  top: 47%;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.93);
  padding: 4.166vw 5.063% 3.33vw;
  overflow: hidden;
  transform: translate(-50%, -50%);
}




.full_year_services_container_contact {
  width: 100%;
  position: relative;
  background: url("/templets/default/images/send_email_bottom.jpg")
    no-repeat center;
  background-attachment: fixed;
}

.full_year_services_container_contact::before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 55%;
}

.full_year_services_container_contact .service_inner_container_contact {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: rgba(255, 255, 255, 0.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: 32%;
  font-family: "playfair_regular", sans-serif;
}




._text_caption {
  display: flex;
  flex-wrap: wrap; /* 自动换行 */
  justify-content: center; /* 居中排列 */
  gap: 20px; /* 图片之间的间距 */
	margin-top: 30px;
	border-radius: 25px;

}

._text_caption img {
  display: inline;
	margin-right: 0px;
	margin-bottom: 20px;
  width: 15%; /* 每行3张，自动换行 */
  height: auto;
  border-radius: 8px;
  box-sizing: border-box;
}






.service_inner_container {
  display: flex;
  flex-wrap: wrap; /* 自动换行 */
  justify-content: center; /* 居中排列 */
  gap: 20px; /* 图片之间的间距 */
	margin-top: 30px;
	border-radius: 25px;

}

.service_inner_container img {
  display: inline;
	margin-right: 12px;
	margin-bottom: 20px;
  width: 15%; /* 每行3张，自动换行 */
  height: auto;
  border-radius: 8px;
  box-sizing: border-box;
}




.other_text .en_text {
  font-family: "montserrat-regular", sans-serif;
  text-transform: uppercase;
}
.other_text.p_right_top {
  font-family: "playfair_regular", sans-serif;
  top: 0;
  right: 0;
}
.other_text.p_right_top p{
  font-family: "playfair_regular", sans-serif;
}
.other_text.p_right_top .btn-submit {
  text-align: center;
  padding: 6px 12px;
  border: none;
  background-color: #343434;
  margin: 0px 0 20px 0;
  border-radius: 10px;
  font-size: 14px;
  color: #FFFFFF;
  width: 100%;
  cursor: pointer; /* 鼠标悬停变手型 */
  transition: background 0.3s ease; /* 悬停动画 */
  height: 40px;
  font-family: "playfair_regular", sans-serif;
}

.other_text.p_right_top .btn-submit:hover {
  background-color: #828282;
}

.other_text.p_right_top .btn-email {
  text-align: left;
  padding: 8px 12px;        /* 内边距，让输入框更美观 */
  outline: none;            /* 点击时去掉默认高亮 */
  border: 2px solid #ccc;
  margin: 20px 0 10px 0;
  border-radius: 10px;
  font-size: 14px;
  color: #000000;
  width: 100%;
  cursor: pointer; /* 鼠标悬停变手型 */
  transition: background 0.3s ease; /* 悬停动画 */
  height: 40px;
  font-family: "playfair_regular", sans-serif;
}

.btn-email:focus {
  border-color: #007bff;    /* 聚焦时边框颜色 */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.4); /* 聚焦时发光效果 */
}

.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;
}
._mobile {
  display: none;
}

/*首页最漂亮*/
.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, 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;
}
._album_container {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  position: relative;
  padding-top: 76px;
}
._album_container ._album_main_body {
  width: 100%;
  height: 100%;
  position: relative;
}
._album_container ._album_title {
  width: 100%;
  height: 76px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
._album_title .title_part {
  width: 50%;
  height: 100%;
  position: relative;
}
._album_title .album_logo {
  width: 223px;
  height: 100%;
  background: url("/templets/default/images/logo.png") no-repeat
    67px center;
  background-size: 104px 42px;
  border-right: 1px solid #f5f5f5;
}
._album_title .album_title_text {
  line-height: 76px;
  position: relative;
  padding-left: 34px;
  margin-left: 18px;
}
._album_title .album_title_text::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url("/templets/default/images/icon_album.png")
    no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
._album_title .flex_groups {
  justify-content: flex-end;
}
._album_title .icons_box {
  width: 85px;
  height: 100%;
  text-align: center;
  font-family: "playfair_regular", sans-serif;
  font-weight: bold;
  color: #c1c1c1;
  line-height: 76px;
  position: relative;
  border-left: 1px solid #f5f5f5;
}
._album_title .icons_box:first-child {
  border-left: 0;
}
._album_title .icons_box.show_all {
  background: url("/templets/default/images/icon_show_all.png")
    no-repeat center;
  background-size: 27px;
  cursor: pointer;
}
._album_title .icons_box.close {
  background: url("/templets/default/images/icon_close.png")
    no-repeat center;
  background-size: 33px;
  cursor: pointer;
}
._album_container ._album_list_container {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
._album_list_container .__list_container {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.__list_container .slider_grid {
  width: 19%;
  height: 180px;
  background-color: #000;
  margin-left: 15px;
  margin-bottom: 15px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
}
.__list_container .slider_grid:hover {
  cursor: pointer;
}
._album_container ._album_detail_show_container {
  width: 100%;
  height: 100%;
  position: relative;
}
._album_detail_show_container .main_pic_show {
  width: 100%;
  height: 85.497%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.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;
  background: url("/templets/default/images/icon_arrow.png")
    no-repeat 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(0.19, 1, 0.22, 1);
  transition: transform 1.7s cubic-bezier(0.19, 1, 0.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(0.19, 1, 0.22, 1);
  animation-fill-mode: forwards;
}
.aniview_queue_1 {
  animation-delay: 0.01s;
}



.aniview_queue_1 .text_overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000;          /* 白色字体 */
  font-size: 24px;      
  font-weight: bold;
  text-align: center;
  font-family: "playfair_regular", sans-serif;
}


@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*/
.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: 3px;
  border: 2px 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%;
  background: url(/templets/default/images/icon_2.png) no-repeat;
  transform: translate(-50%, -50%);
}
.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;
}

/* 首页轮播结束 */

/* 手机端样式 */
.mobile_grid_full_width {
  width: 100%;
  position: relative;
}
#mobile_page_header_container {
  height: 1.44rem;
  background-color: #fff;
  -webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
#mobile_page_header_container .header_sign_container {
  width: 0.453rem;
  position: absolute;
  left: 0.48rem;
  top: 50%;
  transform: translateY(-50%);
}
.header_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: 0.62rem;
  background: url("/templets/default/images/logo.png") no-repeat
    center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#mobile_page_header_container .header_search_container {
  width: 0.41rem;
  height: 0.41rem;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0.68rem;
  transform: translateY(-50%);
}
.header_search_container > button {
  width: 0.41rem;
  height: 0.41rem;
  background: url("/templets/default/images/mobile_icon_fdj.png")
    no-repeat center;
  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, 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: url("/templets/default/images/faq_mb_top_bg.jpg") no-repeat
    center;
  background-size: contain;
}
.image_width_text_middle > .text_box {
  width: 100%;
  font-family: "playfair_regular", sans-serif;
  color: #fff;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#mobile_page_header_container._be_fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
#mobile_page_header_container._with_opacity_bg {
  background-color: transparent;
}
#mobile_page_header_container._with_opacity_bg::after {
  content: "";
  width: 100%;
  height: 2.986rem;
  position: absolute;
  top: 0;
  left: 0;
  background: url("/templets/default/images/_mobile_nav_bg.png")
    repeat-x center top;
  z-index: -1;
  background-size: contain;
}
#mobile_page_header_container._with_opacity_bg.__hide::after {
  background: none;
}
._opend_top_nav #mobile_page_header_container._with_opacity_bg::after {
  background: none;
}
#mobile_page_header_container._with_opacity_bg
  .header_sign_container
  > ._line_box {
  background-color: #fff;
  -webkit-transition: background 0.35s linear;
  transition: background 0.35s linear;
}
#mobile_page_header_container._with_opacity_bg .header_logo_container {
  background-image: url("/templets/default/images/logo_mobile.png");
}
#mobile_page_header_container._with_opacity_bg
  .header_search_container
  > button {
  background-image: url("/templets/default/images/mobile_icon_fdj_w.png");
}
#mobile_page_header_container.__hide {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
#mobile_page_header_container.__show {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.mobile_text_container {
  width: 100%;
  background-color: #fff;
  color: #1f1f1f;
  padding: 14.13% 0 19.2%;
}
.mobile_text_container.bg_yellow {
  background-color: #ffe100;
}
.mobile_text_container.bg_gray {
  background-color: #f5f5f5;
}
.mobile_text_container > ._title {
  font-family: "montserrat-regular", sans-serif;
  text-align: center;
  line-height: 1;
  text-transform: uppercase;
}
.mobile_text_container > ._diglog_box {
  padding: 0 0.373rem;
  font-family: "playfair_regular", sans-serif;
  text-align: left;
  line-height: 1.6;
  margin-top: 6.33%;
}
.mobile_text_container > ._diglog_box > p {
  margin-top: 1.44%;
}
.mobile_text_container > ._diglog_box > p:first-child {
  margin-top: 0;
}

.mobile_text_container .scrollernav_container {
  margin-top: 0.52rem;
}
._diglog_box + .scrollernav_container {
  margin-top: 0.933rem;
}
/* 图片左右滚动模块无js */
.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 0.373rem 999px;
  -webkit-overflow-scrolling: touch;
}

#mobile_page_type_container .scrollernav_container {
  height: 18px;
}
._sub_nav4mobile.scrollernav_items {
  padding: 0 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: 0.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: 0.906rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  line-height: 0.906rem;
  padding-left: 0.533rem;
  color: #fff;
}
/* >>增加案例的样式 */
.scrollernav_case {
  color: #fff;
  position: absolute;
  width: 100%;
  height: 1.88rem;
  background: url("/templets/default/images/scrollnav_case_bg.png")
    repeat-x 0 bottom;
  background-size: contain;
  left: 0;
  bottom: 0;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  padding-left: 0.4rem;
}
.scrollernav_case > ._scrollernav_text_title {
}
.scrollernav_case > ._scrollernav_text_award {
  font-family: "PingFangSC-Regular", "Helvetica", sans-serif;
  margin-top: 0.12rem;
}
.scrollernav_case > ._scrollernav_part_line {
  width: 0.28rem;
  height: 1px;
  background-color: #cdcdcd;
  display: block;
  margin-top: 0.2rem;
}
.scrollernav_case > ._scrollernav_text_date {
  font-family: "montserrat-regular", "PingFangSC-Regular", "Helvetica",
    sans-serif;
  margin-top: 0.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, 0.8);
  position: absolute;
  top: 0.666rem;
  bottom: 0.666rem;
  left: 0.373rem;
  right: 0.373rem;
}
.text_card > ._text_caption {
  padding: 1.306rem 0.733rem 0;
  text-align: center;
  color: #1f1f1f;
  line-height: 1;
}
._text_caption > .__title {
  font-family: "montserrat-regular", "PingFangSC-Regular", "Helvetica",
    sans-serif;
  text-transform: uppercase;
}
._text_caption > .__sub_title {
  margin-top: 0.666rem;
}
._text_caption > .__content {
  font-family: "playfair_regular", sans-serif;
  line-height: 1.5;
  margin-top: 0.133rem;
}






.text_card .mb-btn-submit {
	text-align: center;
  padding: 6px 12px;
  border: none;
  background-color: #343434;
  margin: 0px 0 20px 0;
  border-radius: 10px;
  font-size: 14px;
  color: #FFFFFF;
  width: 100%;
  cursor: pointer; /* 鼠标悬停变手型 */
  transition: background 0.3s ease; /* 悬停动画 */
  height: 40px;
  font-family: "playfair_regular", sans-serif;
}

.text_card .mb-btn-submit:hover {
  background-color: #181818;
}

.text_card .mb-btn-email {
  text-align: left;
  padding: 6px 12px;
  border: 2px solid #ccc;   /* 边框颜色和粗细 */
  border-radius: 4px;       /* 圆角，可根据需要调整 */
  outline: none;            /* 点击时去掉默认高亮 */
  margin: 20px 0 10px 0;
  border-radius: 10px;
  font-size: 14px;
  color: #000000;
  background-color: #d7d7d7;
  width: 100%;
  cursor: pointer; /* 鼠标悬停变手型 */
  transition: background 0.3s ease; /* 悬停动画 */
  height: 40px;
  font-family: "playfair_regular", sans-serif;
}
.text_card .mb-btn-email:focus {
  border-color: #007bff;    /* 聚焦时边框颜色 */
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.4); /* 聚焦时发光效果 */
}

.text_card .mb-btn-email:hover {
  background-color: none;
}












#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: 0.48rem;
}
#mobile_page_bottom_container > ._text {
  text-align: center;
  line-height: 1;
  margin-top: 0.36rem;
  font-family: "playfair_regular", sans-serif;
}
#mobile_page_bottom_container > ._text p {
  margin-top: 0.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;
  font-family: "montserrat-regular", sans-serif;
  text-transform: uppercase;
  margin-left: 0.48rem;
  position: relative;
}
.share_icon_groups > .share_icon_item:first-child {
  margin-left: 0.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: url("/templets/default/images/mobile_share_icon.png")
    no-repeat;
  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: url("/templets/default/images/mobile_share_icon.png")
    no-repeat;
  background-size: 264rem auto;
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(0.01);
  transform-origin: 0 0;
  transform: scale(0.01);
}
.share_link.wechat {
  width: 0.453rem;
  height: 0.373rem;
}
.share_link.weibo {
  width: 0.453rem;
  height: 0.413rem;
}
.share_link.qq {
  width: 0.386rem;
  height: 0.386rem;
}
.share_link.unknowi {
  width: 0.373rem;
  height: 0.36rem;
}
.share_link > .share_icon.qq {
  width: 0.293rem;
  height: 0.293rem;
}
.share_link > .share_icon.qq.icon_fix::after {
  background-position: 0 0;
}
.share_link > .share_icon.weibo {
  width: 0.346rem;
  height: 0.28rem;
}
.share_link > .share_icon.weibo.icon_fix::after {
  background-position: -77.3rem -1.3rem;
}
.share_link > .share_icon.wechat {
  width: 0.333rem;
  height: 0.28rem;
}
.share_link > .share_icon.wechat.icon_fix::after {
  background-position: -157.3rem -1.3rem;
}
.share_link > .share_icon.unknowi {
  width: 0.293rem;
  height: 0.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: url("/templets/default/images/mobile_share_icon_white.png")
    no-repeat;
  background-size: 294.666rem auto;
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(0.01);
  transform-origin: 0 0;
  transform: scale(0.01);
}
#mobile_detail_bts .share_link > .share_icon.qq {
  width: 0.386rem;
  height: 0.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: 0.453rem;
  height: 0.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: 0.453rem;
  height: 0.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: 0.373rem;
  height: 0.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;
}
/* 移动端内部主体padding:0 28px */
.page_inner_container_for_mobile {
  padding: 0 0.373rem;
  position: relative;
  z-index: 1;
}
/* 移动端通用页面title */
._title_layout {
  color: #1f1f1f;
  font-family: "playfair_regular", sans-serif;
  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 {
  font-family: "montserrat-bold", "PingFangSC-Regular", "微软雅黑",
    "Microsoft YaHei", sans-serif;
  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: -0.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: -0.666rem;
}
.page_text_navs.with_downward_icon::after {
  content: "";
  position: absolute;
  left: 50%;
  background: url("/templets/default/images/icon_downaward.png")
    no-repeat center;
  background-size: cover;
  width: 0.293rem;
  height: 0.133rem;
  bottom: -0.52rem;
  transform: translateX(-50%);
  display: none;
}
.page_text_navs.with_downward_icon .scrollernav_container {
  position: absolute;
  bottom: -0.71rem;
}
/* 移动端图片列表-1 */
._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 0.12rem 0.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: url("/templets/default/images/m_repeat_bg.png")
    repeat-x 0 bottom;
  background-size: contain;
}
.square_image_groups .square_text_inner {
  padding: 0.666rem 0 0 0.4rem;
  line-height: 1;
  color: #000000;
}
.square_image_groups ._author {
}
.square_image_groups ._title {
  font-family: "playfair_regular", sans-serif;
  margin-top: 0.093rem;
}
.square_image_groups ._part_line4m {
  margin-top: 0.186rem;
}
.square_image_groups ._date {
  font-family: "montserrat-regular", sans-serif;
  margin-top: 0.12rem;
  text-transform: uppercase;
}
/* 移动端viewmore按钮 */
.viewmore {
  position: relative;
  width: 4.88rem;
  height: 1.093rem;
  margin: 0 auto;
  border: 1px solid #cfcfcf;
  line-height: 1.093rem;
  text-align: center;
  color: #8b8b8b;
  font-family: "montserrat-regular", sans-serif;
  text-transform: uppercase;
  font-size: 1.25vw;
  z-index: 3;
}

.viewmore.bt_pink {
  color: #ff1c71;
  border-color: #ff1c71;
}

#mobile_page_company_news_container {
  width: 100%;
  position: relative;
  background-color: #f5f5f5;
  padding-bottom: 1.24rem;
}
#mobile_page_company_news_container .page_inner_container_for_mobile {
  padding-top: 1.333rem;
}
#mobile_page_company_news_container .page_text_navs {
  margin-top: 1.333rem;
}
#mobile_page_company_news_container .viewmore {
  margin-top: 0.773rem;
}
#mobile_page_company_news_container .square_image_groups {
  margin-top: 0.52rem;
}

/* 合作伙伴布局 */
.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: 0.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: 0.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: 0.48rem;
}
.padding373 {
  padding: 0 0.373rem;
}
.text_with_big_head_title {
  width: 100%;
}
.text_with_big_head_title > ._title_container {
  width: 100%;
  height: 4.466rem;
  color: #1f1f1f;
  font-family: "montserrat-regular", "PingFangSC-Regular", "Helvetica", Arial,
    sans-serif;
  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: 0.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 {
  background-image: url("/templets/default/images/about_m_header.jpg");
}
#mobile_page_cooperatior .flex_box_with_three_row {
  padding: 0 0.373rem;
  margin-top: 1.08rem;
}
#mobile_page_cooperatior .text_caption_container > ._bg {
  height: 16.84rem;
}

#mobile_page_cooperatior .text_caption_container > ._abg {
  height: 7.84rem;
}
#mobile_page_cooperatior .text_caption_container > .text_card {
  bottom: auto;
}
#mobile_page_cooperatior .text_card > ._text_caption {
  padding: 0.75rem 0.426rem;
}
#mobile_page_cooperatior ._text_caption > .__content {
  margin-top: 0.8rem;
  line-height: 1.6;
}

/* superstars式布局 */
.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: 0.53rem;
}
.one_row_groups .one_row_item {
  width: 100%;
  height: 6.6rem;
  position: relative;
  margin-top: 0.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: 0.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: 0.373rem;
  background-color: #fff;
  color: #5d5d5d;
  position: relative;
  z-index: 1;
  font-family: "playfair_regular", sans-serif;
}
._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: 0.68rem;
}
._sub_text_container > .__inner {
  padding: 0 0.373rem 0 0.68rem;
  line-height: 1.5;
  margin-top: 0.24rem;
}
._sub_text_container_wrapper_container > .__title {
  color: #2f2f2f;
  line-height: 1;
  padding-left: 0.68rem;
}
._sub_text_container_wrapper_container > .__inner {
  padding: 0 0.373rem 0 0.68rem;
  line-height: 1.5;
  margin-top: 0.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, 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: 0.373rem;
  bottom: 0.4rem;
  text-transform: capitalize;
}
.bottom_line > span {
  position: relative;
  z-index: 1;
}
.bottom_line {
  position: relative;
}
.bottom_line::after {
  content: "";
  width: 100%;
  height: 0.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;
  font-family: "montserrat-regular", "PingFangSC-Regular", "Helvetica", Arial,
    sans-serif;
  text-align: left;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: 0.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, 0.55);
}
.one_card.link_type ._card_text_container {
  background-color: rgba(0, 0, 0, 0.6);
}
.one_card ._common_card_text {
  display: inline-block;
  line-height: 1;
}
.one_card .__title {
  padding: 0.24rem 0.32rem;
  border: 1px solid #fff;
  margin-top: 1rem;
}
.one_card .__view_more_bt {
  text-transform: uppercase;
  font-family: "montserrat-regular", "PingFangSC-Regular", "Helvetica", Arial,
    sans-serif;
  margin-top: 3px;
  width: 100%;
}
._card_text_container .__text_underline {
  position: absolute;
  top: 50%;
  left: 50%;
  white-space: nowrap;
  padding-bottom: 0.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;
  /*margin-top:-1.44rem;*/
}
#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: 0.76rem;
}
#mobile_superstars2_container .viewmore {
  margin-top: 0.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: 0.4rem;
}
.company_news_group .scrollernav_container:first-child {
  margin-top: 0;
}
#mobile_superstars2_container .company_other_looks_container {
  margin-top: 1.08rem;
}

/* 类移动端type案例展示 */
.mobile_part_line {
  display: block;
  width: 0.28rem;
  height: 1px;
  font-size: 0;
  background-color: #cdcdcd;
}
.like_point4mobile {
  position: relative;
  display: inline-block;
  padding-left: 0.4rem;
}
.like_point4mobile::before {
  content: "";
  position: absolute;
  width: 0.306rem;
  height: 0.2rem;
  background: url("/templets/default/images/icon_1.png") no-repeat
    center;
  background-size: 0.306rem auto;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.like_point4mobile.white::before {
  background-image: url("/templets/default/images/like_white_icon.png");
}
.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: 0.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: 0.146rem 0.12rem;
  color: #fff;
  font-family: "montserrat-regular", "PingFangSC-Regular", "Helvetica", Arial,
    sans-serif;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  bottom: -0.146rem;
  text-align: center;
}
.__card_cover.bg_1 .___sign {
  background-color: rgba(85, 111, 181, 0.75);
}
.__card_cover.bg_2 .___sign {
  background-color: rgba(248, 181, 81, 0.75);
}
.__card_cover.bg_3 .___sign {
  background-color: rgba(174, 93, 161, 0.75);
}
._card_item .__card_info {
  width: 100%;
  height: 100%;
  padding-bottom: 110px;
}
.__card_info .___info_main_body {
  padding: 0.3rem 0.28rem 0;
  line-height: 1;
  color: #1f1f1f;
  font-family: "playfair_regular", sans-serif;
}
.___info_main_body ._info_author {
}
._card_item.big .___info_main_body ._info_title {
  margin-top: 0.133rem;
}
._card_item.small .___info_main_body ._info_title {
  margin-top: 0.08rem;
}
.___info_main_body ._info_oi {
  margin-top: 0.133rem;
  font-family: "montserrat-regular", "PingFangSC-Regular", "Helvetica", Arial,
    sans-serif;
  color: #a5a5a5;
  text-transform: uppercase;
}
.___info_main_body .mobile_part_line {
  margin-top: 0.3rem;
}

._card_item.big .___info_main_body ._info_author {
  /*24*/
  font-size: 0.32rem;
}
._card_item.big .___info_main_body ._info_title {
  /*20*/
  font-size: 0.266rem;
}
._card_item.big .___info_main_body ._info_oi {
  /*16*/
  font-size: 0.213rem;
}
._card_item.big .__card_cover .___sign {
  /*16*/
  font-size: 0.213rem;
}

._card_item.small .___info_main_body ._info_author {
  /*20*/
  font-size: 0.266rem;
}
._card_item.small .___info_main_body ._info_title {
  /*18*/
  font-size: 0.24rem;
}
._card_item.small .___info_main_body ._info_oi {
  /*15*/
  font-size: 0.2rem;
}
._card_item.small .__card_cover .___sign {
  /*14*/
  font-size: 0.186rem;
}

/* 移动端分页 */
.page4mobile {
  width: 100%;
}
.page4mobile > ul {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page4mobile > ul > li {
  color: #a9a9a9;
  font-family: "montserrat-regular", "PingFangSC-Regular", "Helvetica", Arial,
    sans-serif;
  margin-left: 0.84rem;
  line-height: 1;
}
.page4mobile > ul > li.active {
  font-weight: bold;
  text-decoration: underline;
}
.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: 0.96rem;
}
.type_case_groups .page4mobile {
  margin-top: 0.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, 0.7);
}
._img_info_text .__text_body {
  color: #fff;
  position: relative;
  z-index: 1;
  font-family: "montserrat-regular", "PingFangSC-Regular", "Helvetica", Arial,
    sans-serif;
  text-align: center;
  line-height: 1;
  margin-top: 3.72rem;
}
.__text_body .cn {
  margin-top: 0.2rem;
}
.__text_body .other_info {
  margin-top: 1.14rem;
  text-transform: uppercase;
  padding: 0 0.373rem;
  line-height: 1.5;
}
/* 类移动端详情图文布局 */
.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_text_box {
  margin-top: 0.12rem;
  padding: 0 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;
  font-family: Georgia, "PingFangSC-Regular", "Helvetica", sans-serif;
  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;
  background: url("/templets/default/images/icon_title_bg.png")
    no-repeat 0 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: 0.666rem;
}
._title_with_icon.__icon_1::before {
  width: 0.546rem;
  height: 0.413rem;
  background-position: 0 0;
  background-size: 9.293rem auto;
}

._title_with_icon.__icon_2 {
  padding-left: 0.68rem;
}
._title_with_icon.__icon_2::before {
  width: 0.506rem;
  height: 0.493rem;
  background-position: -1.613rem 0;
  background-size: 9.293rem auto;
}

._title_with_icon.__icon_3 {
  padding-left: 0.72rem;
}
._title_with_icon.__icon_3::before {
  width: 0.56rem;
  height: 0.56rem;
  background-position: -5.12rem 0;
  background-size: 9.293rem auto;
}

._title_with_icon.__icon_4 {
  padding-left: 0.693rem;
}
._title_with_icon.__icon_4::before {
  width: 0.48rem;
  height: 0.48rem;
  background-position: -8.813rem 0;
  background-size: 9.293rem auto;
}

.part_hightlights4mobile {
  width: 100%;
  height: 8.746rem;
}
.part_hightlights4mobile .__this_inner_ {
  padding-left: 0.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: 0.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: 0.52rem;
}

#index_most_newest4mobile {
  width: 100%;
  padding: 0.92rem 0 1.32rem;
  background-color: #f5f5f5;
}
#index_most_newest4mobile .many_cards_mix_show_container {
  margin-top: 0.52rem;
}
#index_most_newest4mobile .viewmore {
  margin-top: 0.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: 0.28rem;
  bottom: 0.28rem;
  left: 0.32rem;
  right: 0.32rem;
  border: 3px solid #fff;
  
}
.__left_img_box ._desc_text::after {
  content: "";
  width: 3.853rem;
  height: 2.8rem;
  background: url("/templets/default/images/beautiful_icon.png")
    no-repeat center;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: 0.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;
  font-family: "playfair_regular", sans-serif;
  color: #1f1f1f;
  writing-mode: vertical-lr;
  right: 0;
  top: 0.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: 0.52rem;
}

#index_news4mobile {
  width: 100%;
  position: relative;
  background: url("/templets/default/images/m_n_bg_1.jpg")
    no-repeat center;
  background-size: cover;
  padding: 1.16rem 0 1.08rem;
  background-attachment: fixed;
}
#index_news4mobile .normal_lists_container {
  margin-top: 0.76rem;
}

.normal_lists_container {
  width: 100%;
}
.normal_lists_container ._the_list_item {
  width: 100%;
  height: 3.413rem;
  background-color: #fff;
  margin-top: 0.24rem;
}
.normal_lists_container ._the_list_item:first-child {
  margin-top: 0;
}
._the_list_item ._padding_body {
  padding: 0.48rem 0.36rem;
  line-height: 1;
  font-family: "PingFangSC-Regular", "Helvetica", sans-serif;
}
._the_list_item .__text_tr {
  color: #bebebe;
  text-align: right;
  font-family: "montserrat-regular", sans-serif;
  text-transform: uppercase;
}
._the_list_item .__text_main_title {
  color: #1f1f1f;
  margin-top: 0.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: 0.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: 0.333rem;
}
.anomaly_text_img_layout_container
  .scrollernav_container
  .scrollernav_item:first-child {
  margin-left: 0;
}
.scrollernav_container .scrollernav_item .mobile_part_line {
  width: 0.32rem;
  margin: 0.186rem 0 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;
  font-family: "montserrat-regular", sans-serif;
}
._scrollernav_text_container > ._title {
  color: #1f1f1f;
  font-family: "playfair_bold", sans-serif;
}
._scrollernav_text_container > ._author {
  color: #1f1f1f;
  font-family: "playfair_regular", sans-serif;
  margin-top: 0.2rem;
}
.scrollernav_container .sort_nub {
  position: absolute;
  font-family: "montserrat-regular", sans-serif;
  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;
}
/*type1*/
.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;
}
/*type2*/
.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;
}
/*type3*/
.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: 0.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;
}
/*type4*/
.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: 0.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%;
  font-family: "PingFangSC-Regular", "Helvetica", sans-serif;
  line-height: 1;
  border-bottom: 1px solid #1f1f1f;
  margin: 6px 0 0 6px;
  text-indent: 0.07rem;
  padding-bottom: 0.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: 0.12rem;
}

/*移动端按钮*/
#mobile_detail_bts {
  margin-top: 0.893rem;
}
.mobile_buttons_group {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile_buttons_group .bt_item {
  width: 50%;
  height: 1.146rem;
  border-radius: 7px;
  margin-left: 0.053rem;
}
.mobile_buttons_group .bt_item:first-child {
  margin-left: 0;
}
.bt_bt_yellow {
  background-color: #ffe100;
}
.bt_bt_gray {
  background-color: #f5f5f5;
}

.bt_item .share_icon_groups {
  height: 100%;
}
.bt_item .share_icon_groups > .share_icon_item:first-child {
  margin-left: 0;
}

#mobile_detail_other_works {
  margin-top: 1.68rem;
}

#works_detail_more_container {
  padding-top: 0.866rem;
  background-color: #f5f5f5;
}
#works_detail_more_container .many_cards_mix_show_container {
  margin-top: 0.573rem;
}
/*移动端about*/
#mobile_page_about {
  position: relative;
  z-index: 8;
}
#mobile_page_about .image_width_text_middle {
  background-color: #fff;
}
/*移动端导航*/
body._opend_top_nav {
  overflow: hidden;
  height: 100vh;
}
html._opend_top_nav {
  overflow: hidden;
  height: 100vh;
}
#mobile_page_header_container._opend_top_nav {
}
#mobile_page_header_container._opend_top_nav._with_opacity_bg
  .header_sign_container
  > ._line_box {
  background-color: #000;
}
#mobile_page_header_container._opend_top_nav._with_opacity_bg
  .header_logo_container {
  background-image: url("/templets/default/images/logo.png");
}
#mobile_page_header_container._opend_top_nav._with_opacity_bg
  .header_search_container
  > button {
  background-image: url("/templets/default/images/mobile_icon_fdj.png");
}

#mobile_top_nav {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  overflow: hidden;
  height: 0;
  background-color: #fff;
  -webkit-transition: background 0.35s linear, height 0.35s ease-in 200ms;
  transition: background 0.35s linear, height 0.35s ease-in 200ms;
}
._opend_top_nav #mobile_top_nav {
  height: 100vh;
  background-color: #ffe100;
}
#mobile_top_nav ._nav_lists {
  position: absolute;
  top: 25vh;
  left: 8.8vw;
  line-height: 1;
}
#mobile_top_nav ._nav_lists li {
  color: #1f1f1f;
  font-family: "playfair_regular", sans-serif;
  margin-top: 0.8rem;
  -webkit-transform: scale(1.1) translateY(-24px);
  transform: scale(1.1) translateY(-24px);
  -webkit-transition: opacity 0.35s ease-out, transform 0.35s ease-out;
  transition: opacity 0.35s ease-out, transform 0.35s ease-out;
}
._opend_top_nav #mobile_top_nav ._nav_lists li {
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}
#mobile_top_nav ._nav_lists li:nth-child(1) {
  -webkit-transition-delay: 300ms, 300ms;
  transition-delay: 300ms, 300ms;
}
#mobile_top_nav ._nav_lists li:nth-child(2) {
  -webkit-transition-delay: 350ms, 350ms;
  transition-delay: 350ms, 350ms;
}
#mobile_top_nav ._nav_lists li:nth-child(3) {
  -webkit-transition-delay: 400ms, 400ms;
  transition-delay: 400ms, 400ms;
}
#mobile_top_nav ._nav_lists li:nth-child(4) {
  -webkit-transition-delay: 450ms, 450ms;
  transition-delay: 450ms, 450ms;
}
#mobile_top_nav ._nav_lists li:nth-child(5) {
  -webkit-transition-delay: 500ms, 500ms;
  transition-delay: 500ms, 500ms;
}
#mobile_top_nav ._nav_lists li:nth-child(6) {
  -webkit-transition-delay: 550ms, 550ms;
  transition-delay: 550ms, 550ms;
}
#mobile_top_nav ._nav_lists li:nth-child(7) {
  -webkit-transition-delay: 600ms, 600ms;
  transition-delay: 600ms, 600ms;
}
#mobile_top_nav ._nav_lists li:first-child {
  margin-top: 0;
}
#mobile_top_nav ._nav_lists li:nth-child(6) {
  margin-top: 0.5rem;
}
#mobile_top_nav ._nav_lists li:last-child {
  margin-top: 0.5rem;
}

#mobile_top_nav ._nav_icons {
  position: absolute;
  left: 50%;
  bottom: 0.706rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}
#mobile_top_nav ._nav_icons ._nav_item {
  margin-left: 0.866rem;
}
#mobile_top_nav ._nav_icons ._nav_item:first-child {
  margin-left: 0;
}
#mobile_top_nav ._nav_icons ._nav_item a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
#mobile_top_nav ._nav_icons ._nav_item a i {
  display: block;
  width: 10000%;
  height: 10000%;
  background: url("/templets/default/images/_nav4m_icon.png")
    no-repeat 0 0;
  position: absolute;
  top: 0;
  left: 0;
  background-size: 520rem auto;
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(0.01);
  transform-origin: 0 0;
  transform: scale(0.01);
}
#mobile_top_nav ._nav_icons ._nav_item.qq {
  width: 0.573rem;
  height: 0.586rem;
}
#mobile_top_nav ._nav_icons ._nav_item.weibo {
  width: 0.68rem;
  height: 0.56rem;
}
#mobile_top_nav ._nav_icons ._nav_item.wechat {
  width: 0.653rem;
  height: 0.56rem;
}
#mobile_top_nav ._nav_icons ._nav_item.unknowx {
  width: 0.573rem;
  height: 0.586rem;
}
#mobile_top_nav ._nav_icons ._nav_item.qq i {
  background-position: 0 0;
}
#mobile_top_nav ._nav_icons ._nav_item.weibo i {
  background-position: -152rem -2.66rem;
}
#mobile_top_nav ._nav_icons ._nav_item.wechat i {
  background-position: -310.666rem -2.66rem;
}
#mobile_top_nav ._nav_icons ._nav_item.unknowx i {
  background-position: -462.666rem 0;
}

/*搜索*/
/* Layout for search container */
.search {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.search .icon {
  color: #fff;
  cursor: pointer;
  display: block;
  width: 1.5em;
  height: 1.5em;
  margin: 0 auto;
  fill: currentColor;
}
.js .search {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 50vh;
}

.btn--search-close {
  font-size: 2em;
  position: absolute;
  top: 1.25em;
  right: 1.25em;
  display: none;
}

.js .btn--search-close {
  display: block;
}

.search__input::-webkit-input-placeholder {
  opacity: 0.1;
  /* WebKit, Blink, Edge */
  color: #fff;
}

.search__input::-moz-placeholder {
  opacity: 0.1;
  /* Mozilla Firefox 19+ */
  color: #fff;
}

.search__input:-ms-input-placeholder {
  opacity: 0.1;
  /* Internet Explorer 10-11 */
  color: #fff;
}

.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.search__input::-ms-clear {
  display: none;
}

.search__info {
  font-size: 90%;
  font-weight: bold;
  display: block;
  width: 75%;
  margin: 0 auto;
  padding: 0.85em 0;
  text-align: right;
}

/* Layout for search container */
.search {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
}

.js .search {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

.search::before,
.search::after {
  content: "";
  position: absolute;
  width: calc(100% + 15px);
  height: calc(100% + 15px);
  pointer-events: none;
  border: 1.5em solid #ffe100;
}

.search::before {
  top: 0;
  left: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}

.search::after {
  right: 0;
  bottom: 0;
  border-top-width: 0;
  border-left-width: 0;
}

.btn--search-close {
  font-size: 2em;
  position: absolute;
  top: 1.25em;
  right: 1.25em;
  display: none;
}

.js .btn--search-close {
  display: block;
}

.search__form {
  width: 100%;
}

.search__input {
  font-family: inherit;
  font-size: 6vw;
  line-height: 1;
  display: inline-block;
  box-sizing: border-box;
  width: 75%;
  padding: 0.05em 0;
  color: #cdcdcd;
  border-bottom: 2px solid #ffe100;
  background-color: transparent;
}

.search__input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  opacity: 1;
  color: #cdcdcd;
}

.search__input::-moz-placeholder {
  opacity: 0.3;
  /* Mozilla Firefox 19+ */
  color: #cdcdcd;
}

.search__input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  opacity: 0.3;
  color: #cdcdcd;
}

.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
  -webkit-appearance: none;
}

.search__input::-ms-clear {
  display: none;
}

.search__info {
  font-size: 90%;
  font-weight: bold;
  display: block;
  width: 75%;
  margin: 0 auto;
  padding: 0.85em 0;
  text-align: right;
  color: #cdcdcd;
}

.search__related {
  display: flex;
  width: 75%;
  pointer-events: none;
}

.search__suggestion {
  width: 33.33%;
  text-align: left;
}

.search__suggestion:nth-child(2) {
  margin: 0 3em;
}

.search__suggestion h3 {
  font-size: 1.35em;
  margin: 0;
}

.search__suggestion h3::before {
  content: "\21FE";
  display: inline-block;
  padding: 0 0.5em 0 0;
}

.search__suggestion p {
  font-size: 1.15em;
  line-height: 1.4;
  margin: 0.75em 0 0 0;
}

/************************/
/* Transitions 			*/
/************************/

.js .search {
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s;
}

.js .search--open {
  pointer-events: auto;
  opacity: 1;
}

/* Border */
.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);
}

/* Close button */
.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);
}

/* Search form with input and description */
.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{margin-top:-75px;}*/
.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: url(http://storage.gooob.cn/static/images/index-bg.jpg) no-repeat
    0 0;
  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;
  font-family: "PingFangSC-Thin", Arial, "Helvetica", sans-serif;
}
.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, 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-family: "century-gothic", "PingFangSC-Regular", "Helvetica", sans-serif;
  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: 130%;
  height: 45px;
  background-color: rgba(0, 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, 0.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;
}*/

.phc_head_menu li.has_hover:hover ._ssssub_nav {
  opacity: 1;
  visibility: visible;
}

.mobilelike_container {
  font-family: Georgia, "PingFangSC-Regular", "Helvetica", sans-serif;
  color: #1f1f1f;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mobilelike_container .like_icon4mobile {
  font-style: normal;
  position: relative;
  padding-left: 0.426rem;
}
.mobilelike_container .like_icon4mobile::before {
  content: "";
  width: 0.346rem;
  height: 0.306rem;
  background: url("/templets/default/images/icon_mobile_like_zan.png")
    no-repeat center;
  background-size: contain;
  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%);
}

.cd_mobile_detail_container {
  width: 100%;
  background-color: #fff;
  position: relative;
}
.cd_mobile_detail_container .cd4mobile_text_contents {
  width: 100%;
  color: #000;
  text-align: center;
  line-height: 1.5;
  padding: 1.466rem 0 1.36rem;
}
.cd4mobile_text_contents .__title {
}
.cd4mobile_text_contents .__contents {
  color: #3e3e3e;
  margin-top: 0.4rem;
}
.cd4mobile_imgs_container {
  width: 100%;
}
.cd4mobile_imgs_container ._this_img_container {
  width: 100%;
  margin-top: 5px;
}
.cd4mobile_imgs_container ._this_img_container:first-child {
  margin-top: 0;
}
.cd4mobile_imgs_container ._this_img_container img {
  max-width: 100%;
}

.cd4mobile_logo_container {
  width: 100%;
  padding: 0.92rem 0;
}
.cd4mobile_logo_container ._this_logo_row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 0.4rem;
}
.cd4mobile_logo_container ._this_logo_row:first-child {
  margin-top: 0;
}
.cd4mobile_logo_container ._this_logo_container {
  width: 20%;
  padding: 0 1%;
}
.cd4mobile_logo_container ._this_logo_container img {
  max-width: 100%;
  margin: 0 auto;
}

.update_hint_container {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #ffe100;
  color: #1f1f1f;
  line-height: 75px;
  top: 0;
  left: 0;
  z-index: 99;
  text-indent: 3%;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  transition: -webkit-transform 1.7s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.7s cubic-bezier(0.19, 1, 0.22, 1);
  font-family: Arial, "PingFangSC-Regular", "微软雅黑", "Microsoft YaHei",
    "Helvetica", sans-serif;
}
.update_hint_container._show {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.update_hint_container._show._leftout {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.cd4mobile_scroll_img_container {
  width: 100%;
  background-color: #f0eeeb;
  position: relative;
  padding-top: 0.92rem;
  padding-bottom: 0.56rem;
}
.cd4mobile_scroll_img_container .scrollernav_container {
  height: 3.906rem;
  margin-top: 0.046rem;
}
.cd4mobile_scroll_img_container .scrollernav_container:first-child {
  margin-top: 0;
}
.cd4mobile_scroll_img_container .scrollernav_items {
  padding: 0 0.92rem 999px;
}
.cd4mobile_scroll_img_container .scrollernav_item {
  height: 3.6rem;
  width: auto;
  margin-left: 0.666rem;
  box-shadow: 0.206rem 0.106rem 16px rgba(35, 20, 0, 0.19);
}
.cd4mobile_scroll_img_container .scrollernav_item:first-child {
  margin-left: 0;
}
.cd4mobile_scroll_img_container .scrollernav_item .scrollernav_link {
  width: auto;
  height: auto;
  display: inline;
}
.cd4mobile_scroll_img_container .scrollernav_item .scrollernav_img {
  position: relative;
  width: auto;
  height: 100%;
}

.cd4mobile_last_img_container {
  width: 100%;
  position: relative;
  padding-top: 5px;
  background-color: #fff;
  padding-bottom: 1.706rem;
}
.cd4mobile_last_img_container .last_img_box {
  width: 100%;
  margin-top: 5px;
}
.cd4mobile_last_img_container .last_img_box:first-child {
  margin-top: 0;
}
.cd4mobile_last_img_container .last_img_box img {
  width: 100%;
}

.cd4mobile_last_mix_container {
  width: 100%;
  position: relative;
  background-color: #f7f7f7;
  padding: 1.466rem 0 1.28rem 0;
}
.cd4mobile_last_mix_container ._inner_main_body {
  width: 100%;
  line-height: 1;
  color: #000;
}
.cd4mobile_last_mix_container ._block_title {
  text-align: center;
}
.cd4mobile_last_mix_container .cd4mobile_last_mix_group {
  width: 100%;
  position: relative;
  margin-top: 4.08rem;
}
.cd4mobile_last_mix_group .cd4mobile_last_mix_item {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #c3c3c3;
  padding-bottom: 0.76rem;
  padding-left: 0.133rem;
  margin-top: 4.08rem;
}
.cd4mobile_last_mix_group .cd4mobile_last_mix_item:first-child {
  margin-top: 0;
}
.cd4mobile_last_mix_item .title_container {
  position: relative;
}
.cd4mobile_last_mix_item .title_container i {
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  bottom: 0;
  right: 0;
}
.cd4mobile_last_mix_item .title_container .iii1 {
  width: 2.666rem;
  height: 2.96rem;
  background-image: url("../images/lsi_1.jpg");
}
.cd4mobile_last_mix_item .title_container .iii2 {
  width: 2.666rem;
  height: 2.96rem;
  background-image: url("../images/lsi_2.jpg");
}
.cd4mobile_last_mix_item .title_container .iii3 {
  width: 2.666rem;
  height: 2.96rem;
  background-image: url("../images/lsi_3.jpg");
}
.cd4mobile_last_mix_item .summary_container {
  color: #808080;
  line-height: 1.6;
  margin-top: 0.35rem;
}
.cd4mobile_last_mix_item ._do_type_list {
  padding-right: 23%;
  margin-top: 0.88rem;
  margin-left: 1px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.cd4mobile_last_mix_item ._do_type_list li {
  padding: 0 0.306rem;
  position: relative;
  border-left: 1px solid #ff1b71;
  border-right: 1px solid #ff1b71;
  margin-left: -1px;
  margin-bottom: 0.266rem;
}
.cd4mobile_last_mix_container .viewmore {
  margin-top: 1.28rem;
  height: 0.933rem;
  line-height: 0.933rem;
}

.__text_last_ {
  position: absolute;
  line-height: 1;
  font-family: "playfair_regular", "PingFangSC-Regular", "Helvetica", sans-serif;
  color: #fff;
  top: 38.006%;
  width: 100%;
  text-align: center;
}
.__text_last_ p:first-child {
  margin-bottom: 0.36rem;
}

.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: 0.48rem;
  height: 0.266rem;
  bottom: 4.52%;
}

#side_function_bts {
  width: 50px;
  height: 100px;
  position: fixed;
  bottom: 35px;
  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(0.19, 1, 0.22, 1);
}

#side_function_bts .bts_group:first-child {
  background-color: #ffe100;
}
#side_function_bts .bts_group:nth-child(2) {
  transition-delay: 0.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;
  background: url("../images/up_icon.png") no-repeat center;
}
#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: url("/templets/default/images/qr.jpg") no-repeat center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -ms-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}

._qr_code._qr_code--active {
  opacity: 1;
}
.sb_grid.wechat {
  position: relative;
}
.sb_grid ._qr_code {
  transform: translate(-50%, -40%);
}
.phc_icon_grid ._qr_code {
  transform: translate(0, -50%);
}

.more-sliders-container {
  width: 100%;
}
.more-sliders-container .sliders-wrapper {
  width: 100%;
}
.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-main-body p {
  color: #fff;
  font-family: "PingFangSC-Thin", Arial, "Helvetica", sans-serif;
  text-align: left;
}
.text-main-body p.title {
  font-size: 16px;
}
.text-main-body p.content {
  font-size: 23px;
  margin-top: 20px;
  margin-bottom: 9.69%;
}
.text-main-body p.dialog {
  font-size: 16px;
  line-height: 1.6;
}
.real_project_container {
  max-width: 1634px;
  font-size: 0;
  margin: 155px auto 0;
}
.real_project_container .project_box {
  width: 50%;
  display: inline-block;
  max-width: 817px;
  overflow: hidden;
  cursor: pointer;
}

.project_box .outer_box {
  width: 100%;
  padding-bottom: 63.52%;
  position: relative;
}

.project_box .card {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.project_box .card_cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.555, 0.205, 0.295, 0.975);
  z-index: 9;
}

.project_box .card_text {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  width: 58.261%;
  height: 52px;
  transform-origin: left bottom 0;
  transition: 0.4s cubic-bezier(0.555, 0.205, 0.295, 0.975);
  z-index: 10;
  opacity: 0;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.96);
  padding: 0 3.571%;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.project_box .card_text .meta {
  font-size: 1.1rem;
  margin-bottom: 3rem;
  line-height: 1.36364;
}

.project_box .card_text p {
  color: #000;
  line-height: 52px;
}

/*.project_box:hover .card_cover{opacity:0.3;}*/
.project_box:hover .card_text {
  transform: matrix(0.9, 0, 0, 0.9, 40, -39);
  opacity: 1;
}

.block_ani {
  overflow: hidden;
}
.block_ani .outer_box {
  background-color: rgba(0, 0, 0, 0.2);
  transform: translate3d(0, 20px, 0);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1), opacity 0.7s;
}
/* .block_ani .outer_box .card{
    opacity: 0;
    transition: opacity .9s 1s,transform 1.2s cubic-bezier(0.215,0.610,0.355,1.000) 2s;
    transform: scale(1.08);
} */
.block_ani.fade_up .outer_box {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.real_project_container .block_ani:first-of-type .outer_box {
  transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1), opacity 0.7s;
}

.real_project_container .block_ani:nth-of-type(2) .outer_box {
  transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1) 0.1s,
    opacity 0.7s 0.1s;
}

.real_project_container .block_ani:nth-of-type(3) .outer_box {
  transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1) 0.2s,
    opacity 0.7s 0.2s;
}

.real_project_container .block_ani:nth-of-type(4) .outer_box {
  transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1) 0.3s,
    opacity 0.7s 0.3s;
}

.real_project_container .block_ani:nth-of-type(5) .outer_box {
  transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1) 0.4s,
    opacity 0.7s 0.4s;
}

.real_project_container .block_ani:nth-of-type(6) .outer_box {
  transition: transform 0.7s cubic-bezier(0.42, 0.01, 0.23, 1) 0.5s,
    opacity 0.7s 0.5s;
}

.independent-text-container {
  max-width: 1634px;
  margin: 0 auto;
  overflow: hidden;
}
.independent-text-container .__wrapper {
  width: 100%;
  margin-top: 370px;
  padding-bottom: 445px;
}
.independent-text-container p {
  font-size: 45px;
  font-family: "PingFangSC-Thin", Arial, "Helvetica", sans-serif;
  padding-left: 99px;
  line-height: 1;
  margin-top: 30px;
}
.independent-text-container p:first-child {
  margin-top: 0;
}

.header_image_of_cooperatior.header_image_of_c_more .case_more_button {
  width: 472px;
  border-color: #080808;
  color: #080808;
  left: calc(302 / 1920 * 100%);
  transform: none;
  bottom: 99px;
}

/* 新案例列表 */
.case_show_lists_container {
  width: 100%;
}

.case_show_lists_container .case_item {
  width: 100%;
  height: 6.346rem;
  position: relative;
  overflow: hidden;
}

.case_item ._cover_image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  z-index: 1;
}

.case_item ._opa_mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.12);
  display: none;
}

.case_item ._text_wrapper {
  position: absolute;
  top: 0.72rem;
  bottom: 0.72rem;
  left: 0.72rem;
  right: 0.72rem;
}

._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: 0.533rem;
}

._text_wrapper ._new_works_title {
  width: 100%;
  height: 0.88rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}

._new_works_title ._hover_icon {
  width: 0.88rem;
  height: 0.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: 0.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: 0.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: 0.68rem;
}

._new_works_title ._new_titles p._client {
  right: 0.32rem;
}

.case_show_lists_container
  .case_item.touched
  ._new_works_title
  ._new_titles
  ._new_titles_real {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.case_show_lists_container
  .case_item.touched
  ._new_works_title
  ._hover_icon
  img {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.page_inner_container_for_mobile.more-page {
  padding: 0;
  height: auto;
}
.cd_mobile_detail_container .cd4mobile_text_contents.more-page-new-text {
  padding: 28vw 10vw 25.6vw;
}
.cd_mobile_detail_container
  .cd4mobile_text_contents.more-page-new-text
  .__title {
  line-height: 1;
}

.about-mobile-new-part-1 {
  width: 100%;
}
.about-mobile-new-part-1 .img-container {
  position: relative;
  width: 100%;
  padding-top: 100%;
  background: url("http://storage.gooob.cn/static/images/about-bg-1.png")
    no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
}

.about-mobile-new-part-2 {
  padding-top: 1.7473rem;
  padding-bottom: 0.94931rem;
  width: 100%;
  overflow: hidden;
}
.about-mobile-new-part-2 .title {
  text-align: center;
}
.about-mobile-new-part-2 .mobile-prize-lists {
  margin-top: 0.51471rem;
}
.about-mobile-new-part-2 .mobile-prize-lists li {
  color: #3e3e3e;
  font-family: PingFangSC-Thin, "Hiragino Sans GB", "Microsoft YaHei",
    sans-serif;
  padding-left: 0.73143rem;
  margin-top: 0.40635rem;
}
.about-mobile-new-part-2 .mobile-prize-lists li strong {
  color: #3e3e3e;
  font-family: PingFangSC-Regular, "Hiragino Sans GB", "Microsoft YaHei",
    sans-serif;
  font-weight: normal;
}
.about-mobile-new-part-2 .mobile-prize-lists li:nth-child(1) {
  margin-top: 0;
}
.about-mobile-new-part-2 .mobile-prize-lists:first-child {
  margin-top: 1.57122rem;
}
.about-mobile-new-part-2 .prize-awards-icon {
  width: 100%;
}
.about-mobile-new-part-2 .prize-awards-icon .prize-item {
  width: 100%;
  font-size: 0;
  padding-left: 0.73143rem;
  padding-right: 0.78561rem;
}
.about-mobile-new-part-2 .prize-awards-icon .prize-item:first-child {
  padding: 0;
}
.about-mobile-new-part-2 .prize-awards-icon .prize-item img {
  width: 100%;
}

.text_ani p {
  opacity: 0;
  transform: rotate(-10deg) rotateX(65deg) translateX(60px) translateY(50px)
    translateZ(0);
  -webkit-transform: rotate(-10deg) rotateX(65deg) translateX(60px)
    translateY(50px) translateZ(0);
  box-sizing: border-box;
  visibility: hidden;
}

.text_ani p:first-of-type {
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s,
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s,
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
}

.text_ani p:nth-of-type(2) {
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.6s,
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.6s,
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}

.text_ani p:nth-of-type(3) {
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s,
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.7s,
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.7s;
}

.text_ani p:nth-of-type(4) {
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.8s,
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.8s,
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.8s;
}

.text_ani p:nth-of-type(5) {
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s,
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.9s;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.9s,
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.9s;
}

.text_ani p:nth-of-type(6) {
  transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 1s,
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 1s,
    opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) 1s;
}

.text_ani.active p {
  opacity: 1;
  transform: rotate(0) rotateX(0) translateX(0) translateY(0) translateZ(0);
  visibility: visible;
}

/* more 最新 */
.morev2-container {
  width: 100%;
  padding: 9vw 1.718vw 0;
  half-offset: 0.3125vw;
  font-family: "PingFangSC-Regular", "Source Han Sans CN", Arial, "微软雅黑",
    "Microsoft YaHei", "Helvetica", sans-serif;
}

.more2__case-row {
}
.more2__case-row .item__cover video {
  width: 100%;
  height: 100%;
}
.more2__case-row.sm-double {
}
.more2__case-row.sm-double .row__item:nth-child(1) {
  flex: 0 0 63.798%;
}
.more2__case-row.sm-double .row__item:nth-child(2) {
  flex: 0 0 35.281%;
}
.more2__case-row.case__row.sm-double.align-3 {
  flex-direction: row-reverse;
}
.more2__case-row.middle-double .row__item:nth-child(1) {
  flex: 0 0 56.323%;
}
.more2__case-row.middle-double .row__item:nth-child(2) {
  flex: 0 0 42.667%;
}
.more2__case-row.case__row.middle-double.align-3 {
  flex-direction: row-reverse;
}
.more2__case-row.full-single {
}
.more2__case-row.full-single .row__item {
  flex: 0 0 100%;
}
.more2__case-row.half-single {
}
.more2__case-row.case__row.half-single.align-3 {
  justify-content: flex-end;
  flex-direction: row;
}
.more2__case-row.half-single .row__item {
  flex: 0 0 77.577%;
}

.morev2-container .partners__container {
  width: 100%;
  border-top: 1px solid #ddd;
  margin-top: 0vw;
  padding-top: 4.375vw;
}

.more__container .page__title {
  display: flex;
}
.page__title .title__item {
  flex: 0 0 50%;
  margin-left: var(--half-offset);
  white-space: pre-wrap;
}
.page__title .title__item:first-child {
  margin-top: 0;
}
.page__title .title__item p {
  margin-top: 0.358vw;
}
.page__title .title__item span {
  font-size: 42px;
	color: #FFEB00;
}


 
.page__title .title__item p:first-child {
  margin-top: 0;
}
.morev2-container {
  display: block !important;
}
.morev2-container .cases__container {
}
.cases__container .case__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 5.729vw;
}
.cases__container .case__row:first-child {
  margin-top: 0;
}
.case__row .row__item.block_ani {
  overflow: initial;
}
.case__row .row__item .outer_box {
  background: transparent;
}

.case__row .row__item {
  cursor: pointer;
}

.case__row .row__item:hover .item__cover .mask {
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
}

/* .case__row .row__item.block_ani.fade_up {
  transform: translate3d(0, 0, 0);
  opacity: 1;
} */

.row__item .item__cover {
  width: 100%;
  transition: all 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  position: relative;
  border-radius: 7px;
  overflow: hidden;
}
.item__cover img {
  width: 100%;
}
.item__cover .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.3s linear;
}
.item__cover .move-text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.item__cover .move-text p {
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transition: opacity 0.3s linear;
  opacity: 0;
  text-transform: uppercase;
}
.item__cover .move-text p.show {
  opacity: 1;
}
.row__item .item__info {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.625vw;
  text-transform: uppercase;
}

.item__info p {
  line-height: 1;
}
.item__info p:nth-child(1) {
  color: #000;
}
.item__info p:nth-child(2) {
  color: #949494;
}

.case__row.right .row__item:nth-child(1) {
  flex: 0 0 59.083%;
}
.case__row.right .row__item:nth-child(2) {
  flex: 0 0 39.568%;
}
.case__row.left .row__item:nth-child(1) {
  flex: 0 0 39.568%;
}
.case__row.left .row__item:nth-child(2) {
  flex: 0 0 59.083%;
}
.case__row.center .row__item:nth-child(1) {
  flex: 0 0 100%;
}

.partners__list-container {
  width: 100%;
  margin-top: 3.75vw;
  overflow: hidden;
}
.partners__list-container .inner {
  width: calc(100% + 0.625vw);
  margin-left: -0.3125vw;
  /* margin-left: calc(0 - var(--half-offset)); */
  display: flex;
  flex-wrap: wrap;
}

.partners__list-container .p__item {
  flex: 0 0 16.666%;
  aspect-ratio: 1;
  padding: 0 var(--half-offset);
}
.p__item img {
  width: 100%;
}
.p__item img.waypoint_ani {
  transition-duration: 1.8s !important;
}

.morev2-container .price__container {
  margin-top: 0vw;
}

.price__container .price__list-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(7.552vw - 3.229vw);
}
.price__list-container .price__item {
  flex: 0 0 50%;
  margin-top: 3.229vw;
}
.price__list-container .price__item:nth-child(even) {
  padding-left: var(--half-offset);
}
.price__item .inner {
  width: 31.77vw;
  border-top: 1px solid #ddd;
}
.price__item .item__title {
  padding: 4px 0;
}
.price__item .item__content {
  white-space: pre-wrap;
  line-height: 1.6;
}

.morev2-container .sticky-container {
  position: sticky;
}

.morev2-container .more-about__container {
  width: 100%;
  aspect-ratio: 1854 / 810;
  background-color: #20272a;
  position: relative;
  z-index: 3;
  margin-top: 0vw;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
}

.more-about__container .more__item {
  flex: 0 0 50%;
  position: relative;
}
.more__item .header {
  position: absolute;
  top: 1.979vw;
  left: 1.979vw;
}
.more__item .header .dot {
  width: 2.083vw;
  aspect-ratio: 1;
  border-radius: 9999px;
  background-color: #fff;
  animation: logo-pulse 2s ease-in-out infinite;
}
.more__item .content {
  position: absolute;
  top: 50%;
  left: 1.979vw;
  transform: translate(0, -50%);
  right: 5.208vw;
  line-height: 1.6;
}
.more__item .content p:nth-child(1) {
  color: #fff;
}
.more__item .content p:nth-child(2) {
  color: #a5a5a5;
  margin-top: 3px;
}
.more__item .footer {
  position: absolute;
  bottom: 1.979vw;
  left: 1.979vw;
}
.more__item .footer p {
  color: #a5a5a5;
  text-transform: capitalize;
  line-height: 1;
}
.more__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.more-about__container .more__item:nth-child(2) {
  padding-left: var(--half-offset);
}

.morev2-container .form__container {
  display: flex;
  padding-bottom: 5.854vw;
  background-color: #fff;
  position: relative;
}

.morev2-container .form__container .form__item {
  flex: 0 0 50%;
}
.morev2-container .form__container .form__item:first-child p {
  padding-left: 1.979vw;
}
.morev2-container .form__container .form__item span {
  display: inline-block;
  position: relative;
}
.morev2-container .form__container .form__item span::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: -5px;
  left: 0;
  background-color: #000;
}
.morev2-container .form__container .form__item:nth-child(1) {
  color: #000;
  padding-top: 6.927vw;
  line-height: 1;
}
.morev2-container .form__container .form__item:nth-child(2) {
  margin-left: var(--half-offset);
  color: #949494;
  line-height: 1.3;
  padding-top: 6.327vw;
}

.transition_queue_1 {
  transition-delay: 0.01s !important;
}
.transition_queue_2 {
  transition-delay: 0.02s !important;
}
.transition_queue_3 {
  transition-delay: 0.03s !important;
}
.transition_queue_4 {
  transition-delay: 0.04s !important;
}
.transition_queue_5 {
  transition-delay: 0.05s !important;
}

@keyframes logo-pulse {
  0% {
    opacity: 0.1;
  }

  50% {
    opacity: 1;
  }

  to {
    opacity: 0.1;
  }
}