@charset "utf-8";
body.show_album {
  overflow: hidden;
}
body.show_album2 {
  overflow: hidden;
}
body._show_search {
  overflow: hidden;
  background-color: #2f2c2c;
}
/* body._has_test_hint {} */
body {
  overflow-x: hidden;
}
*{-moz-box-sizing: border-box !important; /*Firefox3.5+*/
-webkit-box-sizing: border-box !important; /*Safari3.2+*/
-o-box-sizing: border-box !important; /*Opera9.6*/
-ms-box-sizing: border-box !important; /*IE8*/
box-sizing: border-box !important;
font-family:"微软雅黑";
 }
.test_hint {
  color: #1f1f1f;
  background-color: #ffe100;
  height: 30px;
  width: 100%;
  line-height: 30px;
}
.go_up {
  position: relative;
  -webkit-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -ms-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -o-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
 -webkit-transform: translateY(160px);
  -moz-transform: translateY(160px);
  -ms-transform: translateY(160px);
  -o-transform: translateY(160px);
  transform: translateY(160px);
  opacity: 0;
 /* 删除了一些 */
}
.go_up.animated {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
/* 头部 */
/* 20180227 */
.waypoint_ani {
  -webkit-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -ms-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -o-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -webkit-transform: translateY(160px);
  -moz-transform: translateY(160px);
  -ms-transform: translateY(160px);
  -o-transform: translateY(160px);
  transform: translateY(160px);
  opacity: 0;
}
.waypoint_ani.animated {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
#page_header_container {
  width: 100%;
  height: 75px; /* 改 原75 加了翻译横条改为110 另一个地方配合**/
  background-color: #fff;
  z-index: 99;
   -webkit-transition: .8s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: .8s cubic-bezier(.19, 1, .22, 1);
  -o-transition: .8s cubic-bezier(.19, 1, .22, 1);
  transition: .8s cubic-bezier(.19, 1, .22, 1);
}
#page_header_container .phc_main_body {
  width: 100%;
  height: 100%;/* 改 原100% 加了翻译横条改为75px 另一个地方配合**/
}
#page_header_container .phc_logo_container {
  width: 17.969581%;
  height: 100%;/* 改 原100% 加了翻译横条改为83px 另一个地方配合**/
    margin-left: 3%;
  float: left;
  cursor: pointer;
  background: url('../images/logo_ww.svg') no-repeat left center;
  background-size: 216px 47px;
  
}
#page_header_container .phc_icons_group{
    margin-right:5%;
}
#page_header_container .phc_head_menu {
  float: left;  padding-left: 10%; height: 100%;
  width: 46%;/* 改 原57.6% 加了翻译横条改为83px 另一个地方配合**/
} /*改*/
#page_header_container._with_opacity_bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
   background-color: #2f2f2f;
}
#page_header_container._with_opacity_bg::after {
  content: '';
  width: 100%;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
} /* 头部背景7  background:url('../images/pc_nav_bg.png') repeat-x center; */

#navbar._with_opacity_bg::after {
  content: '';
  width: 100%;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
}
#page_header_container .page_inner_container {
  z-index: 1;
}
#page_header_container .page_inner_containers {
  z-index: 1;
}
#page_header_container.__hide {
  transform: translateY(-100%);
}
#page_header_container.__show {
  position: fixed;
  transform: translateY(0);
}

#navbar {
  width: 100%;
  height: 75px;
  background-color: #fff;
  z-index: 9999;
  -webkit-transition: .8s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: .8s cubic-bezier(.19, 1, .22, 1);
  -o-transition: .8s cubic-bezier(.19, 1, .22, 1);
  transition: .8s cubic-bezier(.19, 1, .22, 1);
          /* 兼容 */
        position: -webkit-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        /* 粘性定位*/
        position: sticky;
        left: 0;
        top: 0;
         
}

#navbar.__hide {
  transform: translateY(-100%);
}
#navbar.__show {
  position: fixed;
  transform: translateY(0);
   
}
#page_header_container._with_opacity_bg .phc_logo_container {
  border-right-color: rgba(255, 255, 255, .3);
  background-image: url('../images/logo_w.svg');
}
.dada{
  display: block;
  position: relative;
  width: 100%;
 
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  display: block;
    color: #000;
    font-size: 17px;
    font-weight: 500;
}
#page_header_container._with_opacity_bg .phc_head_menu li {
  color: #fff;
}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.fdj {
  border-left-color: rgba(255, 255, 255, .3);
  border-right-color: rgba(255, 255, 255, .3);
}
.phc_head_menu li {
  color: #1f1f1f;
  font-family: 'playfair_regular', sans-serif;
  height: 100%;
  line-height: 75px;
  float: left;
  position: relative; /*margin-left:80px;*/ text-align: center;
  width: 24.6%;
} /*改*/
.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;
  display: block;
    color: #999;
    font-size: 17px;
    font-weight: 500;
}
.phc_head_menu li a{
  transition: all 0.5s ease-in-out;  
}
.phc_head_menu li:hover a{
  transform: scale(1.1); /* 放大的比例 */
  transition: all 0.5s ease-in-out;  
}
.phc_head_menu li:hover a,
.phc_head_menu li:focus a,
.phc_head_menu li:active a
{
  outline:none;
}
.phc_head_menu li:hover .cube_container {
  -webkit-transform: translateZ(-37px) rotateX(90deg);
  -moz-transform: translateZ(-37px) rotateX(90deg);
  -ms-transform: translateZ(-37px) rotateX(90deg);
  -o-transform: translateZ(-37px) rotateX(90deg);
  transform: translateZ(-37px) rotateX(90deg);
}
.phc_head_menu li:hover .front {
  opacity: 0;
}
.phc_head_menu li:hover .backer {
  opacity: 1;
}
.cube_container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateZ(-37px);
  -moz-transform: translateZ(-37px);
  -ms-transform: translateZ(-37px);
  -o-transform: translateZ(-37px);
  transform: translateZ(-37px);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cube_container .front {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-90deg) translateZ(37px);
  -moz-transform: rotateX(-90deg) translateZ(37px);
  -ms-transform: rotateX(-90deg) translateZ(37px);
  -o-transform: rotateX(-90deg) translateZ(37px);
  transform: rotateX(-90deg) translateZ(37px);
  -webkit-transform: translateZ(37px);
  -moz-transform: translateZ(37px);
  -ms-transform: translateZ(37px);
  -o-transform: translateZ(37px);
  transform: translateZ(37px);
  -webkit-transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#page_header_container._with_opacity_bg .cube_container .backer {
  background-color: rgba(255, 255, 255, .1)
}
.cube_container .backer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background-color: rgba(219, 235, 235, .1);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(-90deg) translateZ(37px);
  -moz-transform: rotateX(-90deg) translateZ(37px);
  -ms-transform: rotateX(-90deg) translateZ(37px);
  -o-transform: rotateX(-90deg) translateZ(37px);
  transform: rotateX(-90deg) translateZ(37px);
  -webkit-transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: background-color, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.phc_icons_group {
  float: right;
  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;
}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid i {
  display: block;
  background: url('../images/top.svg') no-repeat 0 27px;
  height: 100%;
}
#page_header_container .phc_icons_group .phc_icon_grid i {
  display: block;
  background: url('../images/top2.svg') 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: 0.675vw;
}
.phc_icons_group .phc_icon_grid.weibos {
  margin-left: 0.691vw;
}
.phc_icons_group .phc_icon_grid.weibo i {
  background-position: -101px 26px;
  width: 29px;
}
.phc_icons_group .phc_icon_grid.weibos i {
  background-position: -101px 26px;
  width: 29px;
}
.phc_icons_group .phc_icon_grid.wechat {
  margin-left: 0.691vw;
}
.phc_icons_group .phc_icon_grid.wechat i {
  background-position-x: -171px;
  width: 29px;
}
.phc_icons_group .phc_icon_grid.qq {
  margin-left: 1.03125vw;
}
.phc_icons_group .phc_icon_grid.qq i {
  background-position-x: -236px;
  width: 29px;
}
.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: -86px 0px;
}
#page_header_container .phc_icons_group .phc_icon_grid.weibo i {
  background-position: -86px 0px;
}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.weibos i {
  background-position: -130px 0px;
}
#page_header_container .phc_icons_group .phc_icon_grid.weibos i {
  background-position: -130px 0px;
}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.wechat i {
  background-position: -43px 0px;
}
#page_header_container .phc_icons_group .phc_icon_grid.wechat i {
  background-position: -43px 0px;
}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.qq i {
  background-position: 0px 0px;
}
#page_header_container .phc_icons_group .phc_icon_grid.qq i {
  background-position: 0px 0px;
}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.unknowicon i {
  background-position: -234px -53px;
}
.page_inner_container {
  width: 1480px;/* 1315px 改100% */
  margin: 0 auto;
  position: relative;
  height: 100%;
  
}
.page_inner_containers {
  width: 100%;/* 1315px 改100% */
  margin: 0 auto;
  position: relative;
  height: 100%;
  
}
.page_inner_container.sp_width {
  width: 1500px;
}
.page_inner_containers.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('../images/logo.svg') 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('../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('../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('../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('../images/index_bts.png') no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: .55;
  background-size: 130px auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: opacity .3s;
}
#__prev_bts {
  left: 0;
}
#__next_bts {
  right: 0;
}
#__prev_bts::before {
  background-position: 0 center;
}
#__next_bts::before {
  background-position: -90px center;
}


.page_big_image_container .index_pc_bt:hover::before {
  opacity: .9;
}
.juzhong {
  text-align: center;
}
.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('../images/icon_title_bg.png') no-repeat 0 0;
}
.part_title.bgs::before {
  background: url('../images/icon_title_bgs.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;
}
.fff {
  color: #fff;
}
.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: 27.9863%;
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: #fff;
}
.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, .75);
}
.text_card .category_card.bg_2 {
  background-color: rgba(248, 181, 81, .75);
}
/* .text_card .category_card.bg_3 {}  */
.text_card .text_main_body {
  padding-left: 4.906%;
  padding-right: 4.906%;
  color: #1f1f1f;
  line-height: 1;
  margin-top: 8.2872%;
  font-family: 'playfair_regular', 'PingFangSC-Regular', 'Helvetica', sans-serif;
}
.text_card .text_main_body > .title {
  font-weight: 500;
  text-align: center;
} /*改*/
.text_card .text_main_body > .location {
  font-weight: normal;
  margin-top: 3.31%;
  text-align: center;
}
.part_line {
  width: 27px;
  height: 1px;
  display: block;
  background-color: #fff;
  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('../images/icon_1.png') no-repeat center;
  background-size: contain;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
/* .text_other_info ._date {} 改加增 */
.text_other_info ._likess {
  position: relative;
  padding-left: 26px;
  margin-left: 10px;
} /*改加增*/
.text_other_info ._likess > i {
  position: absolute;
  width: 20px;
  height: 13px;
  background: url('../images/icon_1s.png') no-repeat center;
  background-size: contain;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
} /*改加增*/
.text_other_info ._likes {
  position: relative;
  padding-left: 26px;
  margin-left: 10px;
} /*改加增*/
.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('../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: #2f2f2f;
  position: absolute;
  top: 0;
  left: 0;
}
.page_index_cases_lists_container .page_inner_container {
  padding-top: 80px;
}
.page_index_cases_lists_container .page_inner_containers {
  padding-top: 80px;
}
.page_index_cases_lists_container .cases_lists_container {
  margin-top: 28px;
  position: relative;
}
.page_index_cases_lists_container .cases_lists_containers {
  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: 1.06%;
  margin-right: 1.06%;
  margin-top: 1.06%;
  margin-bottom: 1.06%;
  cursor: pointer;
}
.cases_lists_container .case_boxs {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  margin-left: 1.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;
}
.cases_lists_container .case_box:hover .title {
  text-decoration: underline;
}

.cases_lists_container .case_boxs: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_boxs:hover .location {
  text-decoration: underline;
}
.cases_lists_container .case_boxs: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: 1.06%;
}
.cases_lists_container .case_row .case_boxs:first-child {
  margin-left: 1%;
}
.case_box.size_big {
  width: 65.855%;
}
.case_box.size_middle {
  width: 48.897%;
}
.case_box.size_small {
  width: 31.163%;
}
.case_box .inner_structure {
  width: 100%;
  position: relative;
}


.case_boxs.size_big {
  width: 65.855%;
}
.case_boxs.size_middle {
  width: 48.397%;
}
.case_boxs.size_small {
  width: 31.163%;
}
.case_boxs .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('../images/bx_loader.gif') no-repeat center;
}
/* .loadingM img {} */
.case_box.size_big .inner_structure {
  padding-bottom: 89.145%;
}
.case_box.size_middle .inner_structure {
  padding-bottom: 93.312%;
}
.case_box.size_small .inner_structure {
  padding-bottom: 102.625%;
}
.case_box:hover .the_put_box::after {
  opacity: 1;
}
.case_box .the_put_box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.case_box .the_put_box::after {
  position: absolute;
  z-index: 1;
  content: '';
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3);
  box-shadow: 0 0 13px 5px rgba(188, 188, 188, 0.3);
  height: 100%;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out
}
.case_box .case_cover_box {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.case_box .case_cover_box > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1) rotate(0deg) translateY(0);
  -ms-transform: scale(1) rotate(0deg) translateY(0);
  transform: scale(1) rotate(0deg) translateY(0);
  -webkit-transition: all 2s;
  transition: all 2s;
}
.case_box.size_big .case_cover_box {
  padding-bottom: 66.628%;
}
.case_box.size_middle .case_cover_box {
  padding-bottom: 66.562%;
}
.case_box.size_small .case_cover_box {
  padding-bottom: 66.348%;
}
.case_box.size_big .the_put_box {
  padding-top: 66.628%;
}
.case_box.size_middle .the_put_box {
  padding-top: 66.562%;
}
.case_box.size_small .the_put_box {
  padding-top: 66.348%;
}
.case_box .case_info_card {
  width: 100%;
  height: 100%;
  line-height: 1;
  color: #1f1f1f;
  background-color: #fff;
  position: relative;
  /* padding:0 27px; */
}

/*增加的部分结束*/
/* .loadingM img {} */
.case_boxs.size_big .inner_structure {
  padding-bottom: 89.145%;
}
.case_boxs.size_middle .inner_structure {
  padding-bottom: 93.312%;
}
.case_boxs.size_small .inner_structure {
  padding-bottom: 102.625%;
}
.case_boxs:hover .the_put_box::after {
  opacity: 1;
}
.case_boxs .the_put_box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.case_boxs .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_boxs .case_cover_box {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.case_boxs .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_boxs.size_big .case_cover_box {
  padding-bottom: 66.628%;
}
.case_boxs.size_middle .case_cover_box {
  padding-bottom: 66.562%;
}
.case_boxs.size_small .case_cover_box {
  padding-bottom: 66.348%;
}
.case_boxs.size_big .the_put_box {
  padding-top: 66.628%;
}
.case_boxs.size_middle .the_put_box {
  padding-top: 66.562%;
}
.case_boxs.size_small .the_put_box {
  padding-top: 66.348%;
}
.case_boxs .case_info_card {
  width: 100%;
  height: 100%;
  line-height: 1;
  color: #1f1f1f;
  background-color: #fff;
  position: relative;
  /* padding:0 27px; */
}
/*增加的部分结束*/
.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, .75);
}
.case_info_card .category_card.bg_2 {
  background-color: rgba(248, 181, 81, .75);
}
.case_info_card .category_card.bg_3 {
  background-color: rgba(174, 93, 161, .75);
}
.case_info_card > .location {
  font-family: 'PingFangSC-Regular', Arial, 'Helvetica', 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('../images/icon_1.png') no-repeat center;
  background-size: 99%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
._common_like_points {
  position: relative;
  padding-left: 20px;
}
._common_like_points::before {
  content: '';
  width: 20px;
  height: 13px;
  background: url('../images/icon_1s.png') no-repeat center;
  background-size: 99%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.juzuo {
  padding-left: 20px;
}
.size_big .case_info_card {
  padding: 5.08083% 3.11% 0;
  font-family: 'playfair_regular', 'PingFangSC-Regular', Arial, 'Helvetica', 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: 205px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-family: 'montserrat-regular', sans-serif;
  font-size: 15px;
  color: #ccc;
  /* border: 2px solid #cfcfcf;*/
  cursor: pointer;
  text-transform: uppercase;
  margin: 0 auto;
  position: relative;
  overflow:visible;
  -webkit-transition: .8s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: .8s cubic-bezier(.19, 1, .22, 1);
  -o-transition: .8s cubic-bezier(.19, 1, .22, 1);
  transition: .8s cubic-bezier(.19, 1, .22, 1);
  background-color: #1f1f1f;
  border-radius: 50px;
}
.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: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  transform: translateY(-100%);
  /* -webkit-transition: .8s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: .8s cubic-bezier(.19, 1, .22, 1);
  -o-transition: .8s cubic-bezier(.19, 1, .22, 1);
  transition: .8s cubic-bezier(.19, 1, .22, 1); 
  border-radius: 50px;*/
}
.case_more_button:hover {
  color: #1f1f1f;
  border-color: #fff;
}
.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: 100%;
}
.part_container.left_part_containerhome {
  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: 14px;
  margin-top: 35px;
}
.superstars_groups .sg_grid {
  width: 49%;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  position: relative;
}
.superstars_groups .sg_grid::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 87.65%;
}
.superstars_groups .sg_grid .aniview {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f5f5f5;
}
.superstars_groups .sg_grid img {
  width: 100%; /*height:100%;*/
}

.superstars_groupss {
  margin-top: 35px;
  
}
.page_index_superstar_container .superstars_groupss {
  width: 100%;
  font-size: 14px;
  margin-top: 35px;
  
}
.superstars_groupss .sg_grid {
  width: 49%;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  position: relative;
}
.superstars_groupss .sg_grid::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 90.65%;
}
.superstars_groupss .sg_grid .aniview {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f5f5f5;
}
.superstars_groupss .sg_grid img {
  width: 100%; /*height:100%;*/
}


.topp {
  padding-top: 3.45%;
  padding-bottom: 5.45%;
}
.index_news_container {
  width: 99.7%;
  height: 780px;
  background-color: #f5f5f5;
  padding: 0px 0px 0;
  margin-top: 0px;
}
.index_news_container .news_groups {
  width: 100%;
  font-size: 0;
  margin-top: 23px;
  position: relative;
}
.index_news3_container {
  width: 99.7%;
  height: 780px;
  background-color: #f5f5f5;
  padding: 0px 0px 0;
  /*margin-top: 28px;*/
}
.index_news3_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(.19, 1, .22, 1);
  -moz-transition: 1s cubic-bezier(.19, 1, .22, 1);
  -o-transition: 1s cubic-bezier(.19, 1, .22, 1);
  transition: 1s cubic-bezier(.19, 1, .22, 1);
}
.ranking_wrap .ranking_inner {
  width: 50%;
  float: left;
}
.ranking_boroad .grid {
  position: relative;
  margin-top: 20px;
  cursor: pointer;
}
.ranking_boroad .grid ._shadow_text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition: all 1.6s cubic-bezier(.19, 1, .22, 1);
  transition: all 1.6s cubic-bezier(.19, 1, .22, 1);
}
.ranking_boroad .grid:hover ._shadow_text {
  background-color: rgba(0, 0, 0, .7);
}
._shadow_text p {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  white-space: nowrap;
  -webkit-transform: translate(-50%, 550%);
  -moz-transform: translate(-50%, 550%);
  -ms-transform: translate(-50%, 550%);
  -o-transform: translate(-50%, 550%);
  transform: translate(-50%, 550%);
  -webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
  transition: transform .8s cubic-bezier(.19, 1, .22, 1);
}
.ranking_boroad .grid:hover ._shadow_text p {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ranking_boroad .grid: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: 20px;
}
.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('../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.weibos {
  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;
}
#page_bottom .page_inner_containers .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('../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: #000;*/
  position: absolute;
  top: 0;
  left: 0;
  border-top: #e2e2e2 1px solid;
}
#page_superstars_body > .page_inner_container {
  margin-top: 111px;
}
#page_superstars_body > .page_inner_containers {
  margin-top: 111px;
}
/* #page_superstars_body .page_title {} */
.page_title {
  line-height: 1;
  position: relative;
  /* text-transform:uppercase; */
}
.page_title > ._title {
  color: #fff;
  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: -56px; */
  text-align: center;
  /* right: 20px; */
  text-transform: uppercase;
  margin: 40px auto;
  width: 100%;
}
 /* 给上面的复制一个吧用于搜索结果页css */
.page_title > .part_titles {
  font-size: 0;
  font-family: 'montserrat-regular', 'PingFangSC-Regular', '微软雅黑', 'Microsoft YaHei', sans-serif;
   position: absolute; 
   bottom: -56px; 
  text-align: right;
   right: 20px; 
  text-transform: uppercase;
  margin: 40px auto;
  width: 100%;
} 
 
.part_title > .title_grid {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  position: relative;
  color: #fff;
  padding: 0 1px;
  cursor: pointer;
  margin-left: 50px;
  font-size: 14px;
}
.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: -22px;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
}
.part_title > .title_grid:first-child::before {
  content: '';
  width: 0;
  height: 0;
}

.part_titles > .title_grid {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  position: relative;
  color: #fff;
  padding: 0 1px;
  cursor: pointer;
  margin-left: 50px;
  font-size: 14px;
}
.part_titles > .title_grid:first-child {
  margin-left: 0;
}
.part_titles > .title_grid.active {
  font-family: 'montserrat-bold', sans-serif;
}
.part_titles > .title_grid::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -22px;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
}
.part_titles > .title_grid:first-child::before {
  content: '';
  width: 0;
  height: 0;
}
a .hoverChange {
  position: relative;
  display: block;
  width: 40px;
  display: flex;
}
.active a.hoverChange span {
  color: #fff;
}
a.hoverChange span {
  display: block;
  -webkit-transition: .5s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: .5s cubic-bezier(.19, 1, .22, 1);
  -o-transition: .5s cubic-bezier(.19, 1, .22, 1);
  transition: .5s cubic-bezier(.19, 1, .22, 1);
}
a.hoverChange span::after {
  display: none;
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  font-size: 0;
  background-color: #fff;
  left: 0;
  bottom: -3px;
}
a.hoverChange span.index_show {
  opacity: 1;
  position: relative;
}
a.hoverChange span.index_hover {
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0;
  white-space: nowrap;
  text-align: center;
  line-height: 1.1;
  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('../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_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 13.2%;
  padding: 13.83% 0;
  color: #5d5d5d;
  height: 635px;
  overflow: hidden;
  line-height: 1.8;
  position: relative;
  -webkit-transition: 1.5s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: 1.5s cubic-bezier(.19, 1, .22, 1);
  -o-transition: 1.5s cubic-bezier(.19, 1, .22, 1);
  transition: 1.5s cubic-bezier(.19, 1, .22, 1);
}
.__text_inner .__text_slider_item {
  overflow: hidden;
  height: 100%;
  display: none;
  position: relative;
  opacity: 0;
}
.__text_inner .__text_slider_item.hasgoon::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 30px;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 1)));
  z-index: 10;
}
.__text_inner .__text_slider_item:first-child {
  display: block;
}
/*.ifc_main_grid ._text_container .__text_inner: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: 583px;
  background-color: #ffe100;
  top: 0;
  left: 0;
}
.works_in_company .works_s_title {
  position: absolute;
  top: 0;
  left: -87px;
  z-index: 3;
  color: #fff;
  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, .38);
}
.works_main_body .works_img_cover.light::before {
  background-color: rgba(0, 0, 0, .25);
}
.works_main_body .works_img_cover.deep::before {
  background-color: rgba(0, 0, 0, .38);
}
.works_main_body .works_text_in_company {
  color: #fff;
  line-height: 1;
  position: absolute;
  bottom: 9.31%;
  left: 6.864%;
}
.works_text_in_company p {
  position: relative;
  display: inline-block;
  text-transform: capitalize;
}
.works_text_in_company p span {
  position: relative;
  z-index: 1;
  padding-right: 10px;
}
.works_text_in_company p._thick_bottom_line::after {
  content: '';
  width: 100%;
  height: 13px;
  background-color: #ffe100;
  bottom: -3px;
  left: 0;
  position: absolute;
  z-index: 0;
}
#in_company_works_slider {
  width: 100%;
  overflow: hidden;
}
#in_company_works_slider .mask_move_container {
  width: 100%;
  -webkit-transition: all .8s;
  -moz-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}
#in_company_works_slider .mask_move_container > .works_group {
  float: none;
}
#in_company_works_slider.__overflow {
  width: 100%;
  position: relative;
  overflow: hidden;
}
#in_company_works_slider.__overflow .mask_move_container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#in_company_works_slider.__overflow::before {
  content: '';
  width: 100%;
  padding-bottom: 66.3878%;
  display: block;
}
#in_company_works_slider.__overflow .works_group {
  float: none;
}
.works_in_company .works_dir_bts {
  position: absolute;
  z-index: 10;
  right: 29px;
  bottom: 29px;
  font-size: 0;
}
.works_dir_bts .buttons {
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  width: 80px;
  height: 80px;
  background: url('../images/updownbt.svg') no-repeat center;
  background-size: contain;
  cursor: pointer;
  transform: rotate(-90deg);
}
.works_dir_bts .buttons.swiper-button-disabled {
  opacity: .3;
  cursor: auto;
}
.works_dir_bts .buttons.next_button {
  transform: rotate(90deg);
}
.news_in_company {
  width: 100%;
  padding-bottom: 150px;
}
.news_in_company .nav-hl-button span::before {
  background-image: url('../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 .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.functions_items .items > ul li p::after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: #636363;
  position: absolute;
  bottom: 0;
  left: 0;
  display: none;
}
.functions_items .items > ul li:first-child .__cn {
  margin-left: 7px;
}
.functions_items .items:hover .father_item a {
  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%;
}
#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;
}
#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('../images/c_h_1.jpg');
}





#page_about_container .about_text {
  width: 100%;
  padding-left: 998px;
  height: 650px;
  position: relative;
}
#page_about_container .about_text1 {
  width: 100%;
  padding-left: 998px;
  height: 1550px;
  position: relative;
}
#page_about_container .remarks_container {
  width: 100%;
  position: relative;
}
#page_about_container .remarks_container::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 0%;/*原为32.552% 热销详情页用所以改*/
}
/*
#page_about_container .__word_container.title {
  width: 52%;
  background: url('../images/about_1.jpg') no-repeat center;
}
*/

#page_about_container .__word_container.summary {
  width: 48%;
  font-weight: normal;
  font-family: Arial, 'PingFangSC-Regular', 'Helvetica', sans-serif;
}
#page_about_container .__word_container.summary > div {
  padding: 0 20.585% 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('../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: 'PingFangSC-Regular', 'Helvetica', Arial, 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;
}

.baibaibai {
  color: #fff;
}
.its_brand_container {
  width: 100%;
  background-color: #fff;
  font-family: 'PingFangSC-Regular', 'Helvetica', Arial, sans-serif;
  overflow: hidden;
   padding: 20px 0 40px; 
}
.its_brand_container .text_content {
  width: 100%;
  color: #2f2f2f;
  padding-right: 550px;
  position: relative;
  line-height: 1.6;
}
.heiheihei {
  width: 100%;
  /*background-color: #000;*/
  font-family: 'PingFangSC-Regular', 'Helvetica', Arial, sans-serif;
  overflow: hidden;
  /*padding: 160px 0 110px;*/
}
.its_brand_container .text_content::after {
  content: '有案例色卡';
  font-family: 'montserrat-regular', sans-serif;
  color: #fff;
  font-size: 68px;
  top: 0;
  right: 0px;
  position: absolute;
  line-height: 1;
}
.its_brand_container .text_contents {
  width: 100%;
  color: #2f2f2f;
  padding-right: 550px;
  position: relative;
  line-height: 1.6;
}
.its_brand_container .text_contents::after {
  content: '无案例色卡';
  font-family: 'montserrat-regular', sans-serif;
  color: #000;
  font-size: 68px;
  top: 0;
  right: 0px;
  position: absolute;
  line-height: 1;
}
.its_brand_container .logo_wall {
  width: 100%;
  margin-top: 4.885%;
}
.logo_wall .logo_grid {
  width: 21.165%;
  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: 1.3305%;
  margin-right: 1.3305%;
}
.logo_wall .logo_row .logo_grid:first-child {
  margin-left: 1.3305%;
  margin-right: 1.3305%;
}
.logo_wall .logo_row {
  margin-top: 1.3305%;
}
.logo_wall .logo_row:first-child {
  margin-left: 1.3305%;
  margin-right: 1.3305%;
}
.logo_grid .logo_img {
  width: 100%;
  height: 100%;
   margin-top: 11.3305%;
}
.logo_grid .logo_img img {
  width: 100%;
  height: 100%;
}
.logo_grid .hidden_text {
  width: 100%;
  height: 68px;
  background-color: rgba(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: .8s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: .8s cubic-bezier(.19, 1, .22, 1);
  -o-transition: .8s cubic-bezier(.19, 1, .22, 1);
  transition: .8s cubic-bezier(.19, 1, .22, 1);
}
#page_about_container .full_year_services_container {
  background-image: url('../images/about_bottom.jpg');
}
#page_about_container .full_year_services_container::before {
  padding-bottom: 26.5625%;
}
#page_about_container .full_year_services_container .service_inner_container {
  padding: 4.6875vw 8.5% 3.90625vw 5.99%;
  overflow: hidden;
}
#page_about_container .full_year_services_container .service_inner_container ._text_group {
  text-transform: uppercase;
  line-height: 1.1;
  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.063%;
  position: relative;
  margin-left: 1.12%;
  margin-right: 1.12%;/*邢加*/
  cursor: pointer;
  margin-top: 1.0645%;
}
.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: 1.0645%;
}
.cn_groups_container .row:first-child {
  margin-top: 1.0645%;/*邢改*/
}
.cn_groups_container .row .cng_grid:first-child {
  margin-top: 1.0645%;/*邢改*/
}
.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;
  top: 0;
  left: 0;
  background: url('../images/text_bg.png') no-repeat 0 0;
  background-size: contain;
  color: #000;
  line-height: 1;
  padding-left: 1.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: 'PingFangSC-Regular', 'Helvetica', Arial, 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%;
  height: 15px;
  overflow: hidden;
  position: relative;
}
#case_detail_container .detail_header_container::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 80px;
}
.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: 300px;
  background-color: rgba(0, 0, 0, .8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.detail_header_container .dh_image .scroll_img_box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.detail_header_container .dh_image .scroll_img_box img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.detail_header_container .case_info {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 7;
  line-height: 1;
  color: #fff;
  padding-top: 75px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#case_detail_container .detail_header_containerxxx {
  width: 100%;
  height: 300px;
  overflow: hidden;
  position: relative;
}
#case_detail_container .detail_header_containerxxx::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 80px;
}
.detail_header_containerxxx > .the_box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.detail_header_containerxxx .dh_image {
  width: 100%;
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
}
.detail_header_containerxxx .dh_image::before {
  content: '';
  width: 100%;
  height: 300px;
  background-color: rgba(0, 0, 0, .8);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.detail_header_containerxxx .dh_image .scroll_img_box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.detail_header_containerxxx .dh_image .scroll_img_box img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.detail_header_containerxxx .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('../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 0px; /*案例附属导航距离顶部*/

position: relative;
}
.detail_main_content_container .dmc_main_body {
  
  margin: 0 auto;
}
.dmc_main_body > .dmc_text_container {
  width: 100%;
  min-height: 336px;
  padding-left: 246px;
  position: relative;
}
.dmc_text_container .recommend_position {
  width: 246px;
  height: 336px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f5f5f5;
}
.dmc_text_container > .text {
  color: #1f1f1f;
  margin: 0 29.8% 0 20px;
  line-height: 1.5;
}
.dmc_text_container > .text p {
  margin-top: 10px;
}
.dmc_text_container > .text p:first-child {
  margin-top: 0;
}
.case_mix_content_container {
  width: 100%;
  margin-top: 44px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.case_mix_content_container.content_in_personal p img {
  margin: 0 auto;
}
.case_mix_content_container p:first-child {
  margin-top: 0;
}
.case_mix_content_container .m_img_box {
  flex: 1;
  font-size: 0;
  margin-top: 5.63%;
  position: relative;
  background: url('../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: .87%;
  padding: 0 0;
  text-align: left;
  width: 1270px;
}
.case_mix_content_container .m_img_box + .m_text_box {
  margin-top: 4.82%;
}
.case_mix_content_container .m_text_box + .m_img_box {
  margin-top: 5.43%;
}
.case_mix_content_container .m_img_box img {
  max-width: 100%;
  margin: 0 auto;
  -webkit-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -o-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
}
.case_mix_content_container p iframe {
  width: 59.375vw;
  height: 33.75vw;
}
.case_text_image_container p iframe {
  width: 100%;
  height: 66.75vw;
}
.case_mix_content_container .m_img_box.half_width {
  padding-left: 23.68%;
  margin-right: auto;
}
.case_mix_content_container .m_img_box.half_width img {
  margin: 0;
}
.case_mix_content_container .m_img_box > i {
  position: absolute;
  bottom: -22px;
  color: #868686;
  font-size: 12px;
  font-style: normal;
}
.case_text_image_container .m_img_box > i {
  display: block;
  color: #868686;
  font-size: 11px;
  font-style: normal;
  padding-left: .373rem;
  margin-top: 6px;
}
.case_base_info_container {
  width: 100%;
  margin-top: 90px;
  font-size: 0;
  white-space: nowrap;
}
.case_base_info_container .info_group {
  width: 50%;
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.case_base_info_container .info_group:nth-child(2) {
  margin-left: 1.28%;
}
.case_base_info_container .info_group::before {
  content: '';
  width: 2px;
  height: 100%;
  background-color: #1f1f1f;
  position: absolute;
  top: 0;
  left: 0;
}
.case_base_info_container .info_group .info_block {
  padding: 0 2.63% 0 5px;
}
.info_block > .info_line {
  width: 100%;
  border-bottom: 1px solid #1f1f1f;
  color: #1f1f1f;
  line-height: 1;
  padding-bottom: 7px;
  margin-top: 6px;
  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: .7;
  cursor: pointer;
}
.case_action_buttons_container .action_bt.bg1 {
  background-color: #556fb5;
}
.case_action_buttons_container .action_bt.bg2 {
  background-color: #ffe100;
}
.case_action_buttons_container .action_bt.bg3 {
  background-color: #f5f5f5;
  color: #1f1f1f;
}
.action_bt > .a_bts_social {
  display: inline-block;
  zoom: 1;
  vertical-align: middle;
  background: url('../images/icon_white.png') no-repeat 0 0 !important;
  margin-left: 20px;
  cursor: pointer;
}
.action_bt > .a_bts_social:hover {
  opacity: .75;
}
.action_bt > .a_bts_social:first-child {
  margin-left: 0;
}
.action_bt > .a_bts_social.wechat {
  width: 34px;
  height: 28px;
  background-position: 0 -4px !important;
}
.action_bt > .a_bts_social.weibo {
  width: 34px;
  height: 31px;
  background-position: -55px 0 !important;
}

.action_bt > .a_bts_social.weibos {
  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('../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: 0;
  left: 0;
}
.between_case_container .all_case_group {
  width: 100%;
  height: 100%;
  margin-top: 20px;
}
.all_case_group > .direction_case_grid {
  width: 50%;
  height: 100%;
  float: left;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}
.all_case_group > .direction_case_grid:hover .case_cover {
  -webkit-transform: scale(1.05) rotate(0.01deg);
  -ms-transform: scale(1.05) rotate(0.01deg);
  transform: scale(1.05) rotate(0.01deg);
}
.direction_case_grid .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  overflow: hidden;
}
.direction_case_grid.prev .mask {
  background-color: rgba(0, 0, 0, .55);
}
.direction_case_grid.next .mask {
  background-color: rgba(0, 0, 0, .6);
}
.direction_case_grid .mask p {
  position: absolute;
  top: 50%;
  left: 50%;
  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 100px;
  position: relative;
}
.flex_case_group {
  width: 100%;
  margin-top: 40px;
  display: flex;
}
.flex_case_group .case_box {
  width: 33.33%;
  margin-left: 2.129%;
  position: relative;
  cursor: pointer
}
.flex_case_group .case_box:first-child {
  margin-left: 0;
}
.flex_case_group .case_box::before {
  content: '';
  width: 100%;
  padding-bottom: 92.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, .75);
}
.case_box .case_cover .case_category.bg_2 {
  background-color: rgba(248, 181, 81, .75);
}
.case_box .case_cover .case_category.bg_3 {
  background-color: rgba(85, 111, 181, .75);
}
.case_box .case_info {
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.case_box .case_info > ._content_container {
  padding: 6.19% 0 0 6.19%;
  line-height: 1;
}
.case_box .case_info > ._content_container > .__info2 {
  margin-top: 2.38%;
}
.case_box .case_info > ._content_container > .part_line {
  margin-top: 6.66%;
}
.case_box .case_info > ._content_container > .__other_info {
  margin-top: 3.57%;
  color: #a5a5a5;
  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('../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: .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%;
  height: 100%;
  position: relative;
}

.header_image_of_cooperatior::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 9.427%;
}

.header_image_of_cooperatior .its_img_container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url('../images/c_h_1.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;
  background-color: #1c1c1c;
}
#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: 1480px;
height: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: -25%;
}
.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: 15px;
}
.partners_container {
  width: 100%;
  background-color: #f5f5f5;
}
.partners_container .the_main_partners_body {
  width: 100%;
  padding: 9.92% 0 13.74%;
}
.the_main_partners_body ._title {
  color: #1f1f1f;
  font-family: 'montserrat-regular', sans-serif;
  text-transform: uppercase;
}
#partners_group_container {
  width: 100%;
  margin-top: 0.106%;
  display: flex;
  justify-content: left;
  align-items: flex-start;
  background-color: #fff;
}
#partners_group_container .partner_row {
  width: 100%;
  margin-left: 10px;
  display: flex;

  align-items: flex-start;
  flex-wrap: wrap;
        display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 64px;
    margin-bottom: 24px;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    border-radius: 50%;
}
#partners_group_container .partner_row:first-child {
  margin-left: 0;
}
.partner_row > .partner_grid {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  
}
.case_info .partner_row .avav {
display: block;
    background: #494949;
    color: #fff;
}
    
.partner_row > .cccc {
   width: 100px;
    height: 102px;
    background: #bfbfbf;
    border-radius: 100%;
    text-align: center;
    line-height: 24px;
    font-size: 22px;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    cursor: pointer;
    display: block; 
}
.partner_row > .partner_grid .juzhongdh {
  width: 100%;
  height: auto;
   position: relative;

}

.partner_row > .partner_grid .juzhongdh span {
text-align: center;
position: absolute;
    top: 50%;
    left: 50%;
    font-family: 'playfair_regular', sans-serif;
    color: #fff;
    transform: translate(-50%, -50%);
    display: block;
        margin-top: 50px;
}
.partner_row > .partner_grid img {
  width: 100%;
  height: auto;
}
/* .partner_row > .partner_grid.full_size {} */
.partner_row > .partner_grid.half_size {
  width: 50%;
}
.width_1185 {
  width: 1185px;
  margin: 0 auto;
}
.width_1058 {
  width: 1058px;
  margin: 0 auto;
}
.full_year_services_container {
  width: 100%;
  position: relative;
  background: url('../images/service_bg.jpg') no-repeat center;
  background-attachment: fixed;
}
.full_year_services_container::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 37.7604%;
}
.full_year_services_container .service_inner_container {
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: rgba(255, 255, 255, .93);
  padding: 4.166vw 5.063% 3.33vw;
  overflow: hidden;
  transform: translate(-50%, -50%);
}
.full_year_services_container .service_text_container {
  width: 100%;
  color: #2f2f2f;
  position: relative;
  line-height: 1.5;
}
.service_text_container ._text_group > .__title {
  font-weight: bold;
  margin-bottom: 1.89753%;
  margin-top: 2.84%;
}
.service_text_container ._text_group > .__title:first-child {
  margin-top: 0;
}
.service_text_container .other_text {
  position: absolute;
  width: 28.42%;
  font-family: 'PingFangSC-Regular', 'Helvetica', sans-serif;
}
.other_text .en_text {
  font-family: 'montserrat-regular', sans-serif;
  text-transform: uppercase;
}
.other_text.p_right_top {
  top: 0;
  right: 0;
}
.other_text.p_right_bottom {
  bottom: 0;
  right: 0;
}
.has_dot {
  position: relative;
  padding-left: 16px;
}
.has_dot::before {
  content: '';
  width: 9px;
  height: 9px;
  background-color: #ffe100;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
._pc {
  display: block;
}
._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, .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('../images/logo.svg') 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;
  color: #000;
}
._album_title .album_title_text::before {
  content: '';
  width: 22px;
  height: 22px;
  background: url('../images/icon_album.png') no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
      COLOR: #000;
}
._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('../images/icon_show_all.png') no-repeat center;
  background-size: 27px;
  cursor: pointer
}
._album_title .icons_box.close {
  background: url('../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('../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;
}


/*详情页相册2增加的弹出相册 用于材料库的有案例从第几张到第几张*/
.flex_groups2 {
  display: flex;
  justify-content: center;
  align-items: center;
}
#case_pic_album2 {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

._album_container2 {
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  position: relative;
  padding-top: 76px;
}
._album_container2 ._album_main_body2 {
  width: 100%;
  height: 100%;
  position: relative;
}
._album_container2 ._album_title2 {
  width: 100%;
  height: 76px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
}
._album_title2 .title_part2 {
  width: 50%;
  height: 100%;
  position: relative;
}
._album_title2 .album_logo {
  width: 223px;
  height: 100%;
  background: url('../images/logo.svg') no-repeat 67px center;
  background-size: 104px 42px;
  border-right: 1px solid #f5f5f5;
}
._album_title2 .album_title_text2 {
  line-height: 76px;
  position: relative;
  padding-left: 34px;
  margin-left: 18px;
}
._album_title2 .album_title_text2::before {
  content: '';
  width: 22px;
  height: 22px;
  background: url('../images/icon_album.png') no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
._album_title2 .flex_groups2 {
  justify-content: flex-end;
}
._album_title2 .icons_box2 {
  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_title2 .icons_box2:first-child {
  border-left: 0;
}
._album_title2 .icons_box2.show_all2 {
  background: url('../images/icon_show_all.png') no-repeat center;
  background-size: 27px;
  cursor: pointer
}
._album_title2 .icons_box2.close {
  background: url('../images/icon_close.png') no-repeat center;
  background-size: 33px;
  cursor: pointer;
}
._album_container2 ._album_list_container2 {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}
._album_list_container2 .__list_container2 {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.__list_container2 .slider_grid2 {
  width: 19%;
  height: 180px;
  background-color: #000;
  margin-left: 15px;
  margin-bottom: 15px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
}
.__list_container2 .slider_grid2:hover {
  cursor: pointer;
}
._album_container2 ._album_detail_show_container2 {
  width: 100%;
  height: 100%;
  position: relative;
}
._album_detail_show_container2 .main_pic_show2 {
  width: 100%;
  height: 85.497%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main_pic_show2 .mask_pic_wall2 {
  width: 100%;
  font-size: 0;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
.mask_pic_wall2 .pic_item2 {
  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_container2 .view_bts2 {
  position: absolute;
  width: 9.375%;
  height: 100%;
  cursor: pointer;
  top: 0;
  background: url('../images/icon_arrow.png') no-repeat 0;
  z-index: 7;
}
._album_detail_show_container2 .view_bts2.prev {
  background-position: 67px center;
  left: 0;
}
._album_detail_show_container2 .view_bts2.next {
  background-position: -218px center;
  right: 0;
}
/*效果之类*/


/*效果之类*/
._from_right_to_left_effect::before {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  transition: -webkit-transform 1.7s cubic-bezier(.19, 1, .22, 1);
  transition: transform 1.7s cubic-bezier(.19, 1, .22, 1);
}
._from_right_to_left_effect.animated::before {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.ani_slide_up {
  z-index: 1;
  animation-name: fadeInUp;
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(.19, 1, .22, 1);
  animation-fill-mode: forwards;
}
.aniview_queue_1 {
  animation-delay: .01s;
}
.aniview_queue_2 {
  animation-delay: .05s;
}
.aniview_queue_3 {
  animation-delay: .1s;
}
.aniview_queue_4 {
  animation-delay: .15s;
}
.aniview_queue_5 {
  animation-delay: .2s;
}
.aniview_queue_6 {
  animation-delay: .25s;
}
.aniview_queue_7 {
  animation-delay: .3s;
}
.aniview_queue_8 {
  animation-delay: .35s;
}
.aniview_queue_9 {
  animation-delay: .4s;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.hover_scale_big {
  overflow: hidden;
  cursor: pointer;
}
.hover_scale_big img {
  -webkit-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition: all 2s;
  transition: all 2s;
}
.hover_scale_big:hover img {
  -webkit-transform: scale(1.05) rotate(0.01deg);
  -ms-transform: scale(1.05) rotate(0.01deg);
  transform: scale(1.05) rotate(0.01deg);
}
/*首页slider*/
.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(../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: .8s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: .8s cubic-bezier(.19, 1, .22, 1);
  -o-transition: .8s cubic-bezier(.19, 1, .22, 1);
  transition: .8s cubic-bezier(.19, 1, .22, 1);
}
#mobile_page_header_container .header_sign_container {
  width: .453rem;
  position: absolute;
  left: .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: 2.54rem;
  height: 1.62rem;
  background: url('../images/logo_ww.svg') no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#mobile_page_header_container .header_search_container {
  width: .41rem;
  height: .41rem;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: .68rem;
  transform: translateY(-50%);
}
.header_search_container > button {
  width: .41rem;
  height: .41rem;
  background: url('../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, .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('../images/a_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('../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('../images/logo_w.svg');
}
#mobile_page_header_container._with_opacity_bg .header_search_container > button {
  background-image: url('../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 .373rem;
  font-family: 'PingFangSC-Regular', 'Helvetica', Arial, 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: .52rem;
}
._diglog_box + .scrollernav_container {
  margin-top: .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 .373rem 999px;
  -webkit-overflow-scrolling: touch;
}
#mobile_page_type_container .scrollernav_container {
  height: 18px;
}
._sub_nav4mobile.scrollernav_items {
  padding: 0 .373rem 999px
}
._sub_nav4mobile.scrollernav_items .scrollernav_item {
  width: inherit;
  height: 18px;
  line-height: 18px;
}
._sub_nav4mobile.scrollernav_items .scrollernav_item.function_actived {
  border-bottom: 1px solid #000;
}
@-webkit-keyframes scrollernav-slidein {
  0% {
    opacity: 0
  }
  1% {
    -webkit-transform: translateX(160px);
    transform: translateX(160px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes scrollernav-slidein {
  0% {
    opacity: 0
  }
  1% {
    -webkit-transform: translateX(160px);
    transform: translateX(160px)
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
.scrollernav_item {
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  width: 4rem;
  height: 4rem;
  margin-left: .173rem;
  -webkit-animation: scrollernav-slidein 350ms backwards;
  animation: scrollernav-slidein 350ms backwards
}
.scrollernav_item:first-child {
  margin-left: 0;
}
.scrollernav_link {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.scrollernav_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.scrollernav_label {
  width: 100%;
  height: .906rem;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, .7);
  line-height: .906rem;
  padding-left: .533rem;
  color: #fff;
}
/* >>增加案例的样式 */
.scrollernav_case {
  color: #fff;
  position: absolute;
  width: 100%;
  height: 1.88rem;
  background: url('../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: .4rem;
}
/* .scrollernav_case > ._scrollernav_text_title {} */
.scrollernav_case > ._scrollernav_text_award {
  font-family: 'PingFangSC-Regular', 'Helvetica', sans-serif;
  margin-top: .12rem;
}
.scrollernav_case > ._scrollernav_part_line {
  width: .28rem;
  height: 1px;
  background-color: #cdcdcd;
  display: block;
  margin-top: .2rem;
}
.scrollernav_case > ._scrollernav_text_date {
  font-family: 'montserrat-regular', 'PingFangSC-Regular', 'Helvetica', sans-serif;
  margin-top: .12rem;
  text-transform: uppercase;
}
.text-align-left {
  text-align: left;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.text_caption_container {
  width: 100%;
  position: relative;
}
.text_caption_container > ._bg {
  width: 100%;
  height: 9.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.text_caption_container > .text_card {
  background-color: rgba(255, 255, 255, .8);
  position: absolute;
  top: 1.666rem;
  bottom: 1.666rem;
  left: .373rem;
  right: .373rem;
}
.text_card > ._text_caption {
  padding: 1.306rem .733rem 0;
  text-align: center;
  color: #1f1f1f;
  line-height: 1;
}
._text_caption > .__title {
  font-family: 'montserrat-regular', 'PingFangSC-Regular', 'Helvetica', sans-serif;
  text-transform: uppercase;
}
._text_caption > .__sub_title {
  margin-top: .666rem;
}
._text_caption > .__content {
  font-family: 'PingFangSC-Regular', 'Helvetica', Arial, sans-serif;
  line-height: 1.5;
  margin-top: .133rem;
}
#site_bottom {
  position: relative;
  z-index: 99;
}
#mobile_page_bottom_container {
  width: 100%;
  background-color: #fff;
  height: 2.106rem;
  color: #9a9a9a;
  line-height: 1;
  padding-top: .48rem;
}
#mobile_page_bottom_container > ._text {
  text-align: center;
  line-height: 1;
  margin-top: .36rem;
  font-family: 'PingFangSC-Regular', 'Helvetica', Arial, sans-serif;
}
#mobile_page_bottom_container > ._text p {
  margin-top: .24rem;
}
#mobile_page_bottom_container > ._text p:first-child {
  margin-top: 0;
}
.share_icon_groups {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon_fix {
  background: none !important;
  position: relative;
  overflow: hidden;
}
.share_icon_groups > .share_icon_item {
  color: #9a9a9a;
  font-family: 'montserrat-regular', sans-serif;
  text-transform: uppercase;
  margin-left: .48rem;
  position: relative;
}
.share_icon_groups > .share_icon_item:first-child {
  margin-left: .28rem;
}
.share_icon_item > .share_link {
  display: block;
}
.mobile_buttons_group .share_link:first-child {
  position: relative;
  z-index: 11;
}
.mobile_buttons_group .share_link:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
}
.share_link > .share_icon {
  display: block;
  background: url('../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('../images/mobile_share_icon.png') no-repeat;
  background-size: 264rem auto;
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(.01);
  transform-origin: 0 0;
  transform: scale(.01);
}
.share_link.wechat {
  width: .453rem;
  height: .373rem;
}
.share_link.weibo {
  width: .453rem;
  height: .413rem;
}
.share_link.weibos {
  width: .453rem;
  height: .413rem;
}
.share_link.qq {
  width: .386rem;
  height: .386rem;
}
.share_link.unknowi {
  width: .373rem;
  height: .36rem;
}
.share_link > .share_icon.qq {
  width: .293rem;
  height: .293rem;
}
.share_link > .share_icon.qq.icon_fix::after {
  background-position: 0 0;
}
.share_link > .share_icon.weibo {
  width: .346rem;
  height: .28rem;
}
.share_link > .share_icon.weibos {
  width: .346rem;
  height: .28rem;
}
.share_link > .share_icon.weibo.icon_fix::after {
  background-position: -77.3rem -1.3rem;
}
.share_link > .share_icon.weibos.icon_fix::after {
  background-position: -77.3rem -1.3rem;
}
.share_link > .share_icon.wechat {
  width: .333rem;
  height: .28rem;
}
.share_link > .share_icon.wechat.icon_fix::after {
  background-position: -157.3rem -1.3rem;
}
.share_link > .share_icon.unknowi {
  width: .293rem;
  height: .293rem;
}
.share_link > .share_icon.unknowi.icon_fix::after {
  background-position: -234.6rem 0;
}
#mobile_detail_bts .share_link > .share_icon.icon_fix::after {
  content: '';
  display: block;
  width: 10000%;
  height: 10000%;
  position: absolute;
  top: 0;
  left: 0;
  background: url('../images/mobile_share_icon_white.png') no-repeat;
  background-size: 294.666rem auto;
  -webkit-transform-origin: 0 0;
  -webkit-transform: scale(.01);
  transform-origin: 0 0;
  transform: scale(.01);
}
#mobile_detail_bts .share_link > .share_icon.qq {
  width: .386rem;
  height: .386rem;
}
#mobile_detail_bts .share_link > .share_icon.qq.icon_fix::after {
  background-position: -176rem -4rem;
}
#mobile_detail_bts .share_link > .share_icon.weibo {
  width: .453rem;
  height: .413rem;
}
#mobile_detail_bts .share_link > .share_icon.weibos {
  width: .453rem;
  height: .413rem;
}
#mobile_detail_bts .share_link > .share_icon.weibo.icon_fix::after {
  background-position: -88rem 0;
}
#mobile_detail_bts .share_link > .share_icon.weibos.icon_fix::after {
  background-position: -88rem 0;
}
#mobile_detail_bts .share_link > .share_icon.wechat {
  width: .453rem;
  height: .373rem;
}
#mobile_detail_bts .share_link > .share_icon.wechat.icon_fix::after {
  background-position: 0 -5.333rem;
}
#mobile_detail_bts .share_link > .share_icon.unknowi {
  width: .373rem;
  height: .36rem;
}
#mobile_detail_bts .share_link > .share_icon.unknowi.icon_fix::after {
  background-position: -257.333rem -5.333rem;
}
/* 移动端全宽度黄色背景 */
.yellow_top_bg {
  position: relative;
}
.yellow_top_bg::before {
  content: '';
  width: 100%;
  height: 6.16rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffe100;
}
.yellow_top_bg_353 {
  position: relative;
}
.yellow_top_bg_353::before {
  content: '';
  width: 100%;
  height: 4.706rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000000;
}
.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 .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;
  overflow-x: auto;
  white-space: nowrap;
}
.page_text_navs .page_text_nav_items::-webkit-scrollbar{
  display: none;
}
.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;
  display: inline-table;
}
.page_text_nav_items .page_text_nav_item.active::after {
  content: '';
  width: -webkit-fill-available;
  height: 2px;
  background-color: #121212;
  position: absolute;
  bottom: 0;
  left: 0;
}
.page_text_nav_items .page_text_nav_item:first-child {
  margin-left: 0;
}
.page_text_nav_items .page_text_nav_item::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #121212;
  left: -.819rem;
  right: 0;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.page_text_nav_items .page_text_nav_item:first-child::before {
  content: '';
  width: 0;
  height: 0;
}
.page_text_navs.short_between .page_text_nav_items .page_text_nav_item {
  margin-left: 1.2rem;
}
.page_text_navs.short_between .page_text_nav_items .page_text_nav_item:first-child {
  margin-left: 0px;/* 困扰我一晚上 误区js */
}
.page_text_navs.short_between .page_text_nav_items .page_text_nav_item::before {
  left: -.666rem
}
.page_text_navs.with_downward_icon::after {
  content: '';
  position: absolute;
  left: 50%;
  background: url('../images/icon_downaward.png') no-repeat center;
  background-size: cover;
  width: .293rem;
  height: .133rem;
  bottom: -.52rem;
  transform: translateX(-50%);
  display: none;
}
.page_text_navs.with_downward_icon .scrollernav_container {
  position: absolute;
  bottom: -.71rem;
}
/* 移动端图片列表-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 .12rem .4rem 0;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  position: relative;
}
.square_image_groups .square_image_item a {
  display: block;
  width: 100%;
  height: 100%;
}
.square_image_groups .square_image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.square_image_groups .square_text {
  width: 100%;
  height: 1.866rem;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url('../images/m_repeat_bg.png') repeat-x 0 bottom;
  background-size: contain;
}
.square_image_groups .square_text_inner {
  padding: .666rem 0 0 .4rem;
  line-height: 1;
  color: #fff;
  position: absolute;
  bottom: 10px;
}
/* .square_image_groups ._author {} */
.square_image_groups ._title {
  font-family: 'PingFangSC-Regular', 'Helvetica', Arial, sans-serif;
  margin-top: .093rem;
}
.square_image_groups ._part_line4m {
  margin-top: .186rem;
}
.square_image_groups ._date {
  font-family: 'montserrat-regular', sans-serif;
  margin-top: .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: .773rem;
}
#mobile_page_company_news_container .square_image_groups {
  margin-top: .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: .106rem;
  font-size: 0;
}
.flex_box_with_three_row .flex_box_row:first-child {
  margin-left: 0;
}
.flex_box_with_three_row .flex_box_item {
  width: 100%;
  display: inline-block;
  zoom: 1;
  vertical-align: top;
  margin-bottom: .106rem;
}
.flex_box_with_three_row .flex_box_item.half_width {
  width: 50%;
}
.flex_box_with_three_row img {
  width: 100%;
  height: auto;
}
/* 投稿信息模块 */
.margin-top-36 {
  margin-top: .48rem;
}
.padding373 {
  padding: 0 .373rem;
}
.text_with_big_head_title {
  width: 100%;
}
.text_with_big_head_title > ._title_container {
  width: 100%;
  height: 4.466rem;
  color: #1f1f1f;
  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: .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('../images/b_bg.jpg');
}
#mobile_page_cooperatior .flex_box_with_three_row {
  padding: 0 .373rem;
  margin-top: 1.08rem;
}
#mobile_page_cooperatior .text_caption_container > ._bg {
  height: 16.84rem;
}
#mobile_page_cooperatior .text_caption_container > .text_card {
  bottom: auto;
}
#mobile_page_cooperatior .text_card > ._text_caption {
  padding: .75rem .426rem
}
#mobile_page_cooperatior ._text_caption > .__content {
  margin-top: .8rem;
  line-height: 1.6;
}
/* 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: .53rem;
}
.one_row_groups .one_row_item {
  width: 100%;
  height: 6.6rem;
  position: relative;
  margin-top: .5rem;
}
.one_row_groups .one_row_item:first-child {
  margin-top: 0;
}
.one_row_groups .one_row_item .the_image_box {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#mobile_page_superstars {
  width: 100%;
  position: relative;
  background-color: #f5f5f5;
  padding-bottom: 1.173rem;
  overflow: hidden;
}
#mobile_page_superstars .tow_row_groups {
  margin-top: .53rem;
}
#mobile_page_superstars .page_inner_container_for_mobile {
  padding-top: 1.333rem;
}
#mobile_page_superstars .page_text_navs {
  margin-top: 1.333rem;
}
#mobile_page_superstars .viewmore {
  margin-top: 1.16rem;
}
._width_fixed_sibling {
  position: relative;
  z-index: 99;
}
/* 有全屏大图固定位置的布局总体 */
.has_full_size_box_parent_container {
  width: 100%;
  position: relative;
}
.full_size_box {
  width: 100vw;
  height: 100vh;
  position: relative;
}
.full_size_box ._big_cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
._big_cover .mobile-sp {
  position: absolute;
  left: 50%;
  top: 10.3%;
  width: 100% !important;
  transform: translateY(0) translateX(-50%);
  height: auto !important;
}
.full_size_box > ._logo {
  width: 54.66%;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%);
}
/* 类公司简介布局 */
.position_right_text_container {
  padding-top: 1.706rem;
}
.position_right_text_container.yellow_top_bg::before {
  height: 6.6rem;
}
.position_right_text_container ._sub_text_container {
  padding: 1.333rem 0;
  margin-left: .373rem;
  background-color: #fff;
  color: #5d5d5d;
  position: relative;
  z-index: 1;
  font-family: 'PingFangSC-Regular', 'Helvetica', Arial, 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: .68rem;
}
._sub_text_container > .__inner {
  padding: 0 .373rem 0 .68rem;
  line-height: 1.5;
  margin-top: .24rem;
}
._sub_text_container_wrapper_container > .__title {
  color: #2f2f2f;
  line-height: 1;
  padding-left: .68rem;
}
._sub_text_container_wrapper_container > .__inner {
  padding: 0 .373rem 0 .68rem;
  line-height: 1.5;
  margin-top: .24rem;
}
/* 类公司详情页内案例布局 */
.flex_layout_container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
}
.flex_layout_container > .item {
  width: 50%;
  height: 3.32rem;
  position: relative;
}
.flex_layout_container > .item._has_opacity_bg::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .38);
}
.flex_layout_container ._cover {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.flex_layout_container ._info_date {
  position: absolute;
  color: #fff;
  line-height: 1;
  left: .373rem;
  bottom: .4rem;
  text-transform: capitalize;
}
.bottom_line > span {
  position: relative;
  z-index: 1;
}
.bottom_line {
  position: relative;
}
.bottom_line::after {
  content: '';
  width: 100%;
  height: .16rem;
  background-color: #ffe100;
  position: absolute;
  left: 0;
  bottom: -3px;
}
/* 类公司内新闻标题布局 */
.title_container_with_right_bg {
  width: 100%;
  height: 4.133rem;
  position: relative;
  overflow: hidden;
}
.title_container_with_right_bg > ._title_container {
  color: #1f1f1f;
  font-family: 'montserrat-regular', 'PingFangSC-Regular', 'Helvetica', Arial, sans-serif;
  text-align: left;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  left: .28rem;
  line-height: 1.2;
  z-index: 1;
  transform: translateY(-50%);
}
.title_container_with_right_bg::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 1.773rem;
  top: 0;
  background-color: #ffe100;
}
/* 类公司内部其他连接 */
.tow_card_on_row {
  width: 100%;
}
.tow_card_on_row .one_card {
  width: 50%;
  height: 3.2rem;
  float: left;
  position: relative;
  display: block;
}
.one_card ._card_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.one_card ._card_text_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
}
.one_card.link_superstars ._card_text_container {
  background-color: rgba(0, 0, 0, .55);
}
.one_card.link_type ._card_text_container {
  background-color: rgba(0, 0, 0, .6);
}
.one_card ._common_card_text {
  display: inline-block;
  line-height: 1;
}
.one_card .__title {
  padding: .24rem .32rem;
  border: 1px solid #fff;
  margin-top: 1rem;
}
.one_card .__view_more_bt {
  text-transform: uppercase;
  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: .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: .76rem;
}
#mobile_superstars2_container .viewmore {
  margin-top: .68rem;
}
#mobile_superstars2_container .company_news_container {
  margin-top: 1.04rem;
}
.company_news_container .company_news_group {
  margin-top: 1.16rem;
}
.company_news_group .scrollernav_container {
  margin-top: .4rem;
}
.company_news_group .scrollernav_container:first-child {
  margin-top: 0;
}
#mobile_superstars2_container .company_other_looks_container {
  margin-top: 1.08rem;
}
/* 类移动端type案例展示 */
.mobile_part_line {
  display: block;
  width: .28rem;
  height: 1px;
  font-size: 0;
  background-color: #cdcdcd;
}
.like_point4mobile {
  position: relative;
  display: inline-block;
  padding-left: .4rem;
}
.like_point4mobile::before {
  content: '';
  position: absolute;
  width: .306rem;
  height: .2rem;
  background: url('../images/icon_1.png') no-repeat center;
  background-size: .306rem auto;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.like_point4mobile.white::before {
  background-image: url('../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: .4rem;
  overflow: hidden;
}
.many_cards_mix_show_container ._card_item .aniview {
  opacity: 0;
}
.many_cards_mix_show_container ._card_item.big {
  width: 100%;
  height: 8.4rem;
}
.many_cards_mix_show_container ._card_item .loadingM::after {
  background-size: 13%;
}
.many_cards_mix_show_container ._card_item.small {
  width: 4.56rem;
  height: 210px;
}
/* .many_cards_mix_show_container ._card_item.small .loadingM::after {} */
._card_item ._card_wrapper {
  width: 100%;
  height: 100%;
  padding-top: 66.666%;
  position: relative;
  background-color: #fff;
}
._card_item .__card_cover {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
._card_item .__card_cover::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 66.666%;
}
.__card_cover .___cover_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.__card_cover .___cover_img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.__card_cover .___sign {
  min-width: 1.08rem;
  padding: .146rem .12rem;
  color: #fff;
  font-family: 'montserrat-regular', 'PingFangSC-Regular', 'Helvetica', Arial, sans-serif;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  bottom: -.146rem;
  text-align: center;
}
.__card_cover.bg_1 .___sign {
  background-color: rgba(85, 111, 181, .75);
}
.__card_cover.bg_2 .___sign {
  background-color: rgba(248, 181, 81, .75);
}
.__card_cover.bg_3 .___sign {
  background-color: rgba(174, 93, 161, .75);
}
._card_item .__card_info {
  width: 100%;
  height: 100%;
  padding-bottom: 110px;
}
.__card_info .___info_main_body {
  padding: .3rem .28rem 0;
  line-height: 1;
  color: #1f1f1f;
  font-family: 'PingFangSC-Regular', 'Helvetica', Arial, sans-serif;
}
/* .___info_main_body ._info_author {} */
._card_item.big .___info_main_body ._info_title {
  margin-top: .133rem;
}
._card_item.small .___info_main_body ._info_title {
  margin-top: .08rem;
}
.___info_main_body ._info_oi {
  margin-top: .133rem;
  font-family: 'montserrat-regular', 'PingFangSC-Regular', 'Helvetica', Arial, sans-serif;
  color: #a5a5a5;
  text-transform: uppercase;
}
.___info_main_body .mobile_part_line {
  margin-top: .3rem;
}
._card_item.big .___info_main_body ._info_author { /*24*/ font-size: .32rem;
}
._card_item.big .___info_main_body ._info_title { /*20*/ font-size: .266rem
}
._card_item.big .___info_main_body ._info_oi { /*16*/ font-size: .213rem;
}
._card_item.big .__card_cover .___sign { /*16*/ font-size: .213rem;
}
._card_item.small .___info_main_body ._info_author { /*20*/ font-size: .266rem;
}
._card_item.small .___info_main_body ._info_title { /*18*/ font-size: .24rem;
}
._card_item.small .___info_main_body ._info_oi { /*15*/ font-size: .2rem;
}
._card_item.small .__card_cover .___sign { /*14*/ font-size: .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: .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: .96rem;
}
.type_case_groups .page4mobile {
  margin-top: .64rem;
}
/* 类移动端详情页大图 */
.fixed_box_with_image {
  width: 100%;
  height: 7.333rem;
  position: relative;
}
.fixed_box_with_image ._inner_img_box {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150%;
}
.fixed_box_with_image ._img_info_text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.fixed_box_with_image ._img_info_text::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .7);
}
._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: .2rem;
}
.__text_body .other_info {
  margin-top: 1.14rem;
  text-transform: uppercase;
  padding: 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_img_box {
  margin-top: .833rem;
}
.full_size_image_with_text_layout .m_text_box {
  margin-top: .12rem;
  padding: 0 .373rem;
  line-height: 1.6;
}
.full_size_image_with_text_layout .m_img_box + .m_text_box {
  margin-top: 1.2rem;
}
.full_size_image_with_text_layout .m_text_box + .m_img_box {
  margin-top: 1.2rem;
}
#mobile_case_details_container {
  width: 100%;
  margin-top: -1.44rem;
  overflow: hidden;
  z-index: 19;
  position: relative;
}
#mobile_case_details_container .detail_big_show4mobile {
  position: relative;
  z-index: 8;
  background-color: #fff;
}
#mobile_case_details_container .case_text_image_container {
  width: 100%;
  position: relative;
  z-index: 9;
  background-color: #fff;
}
/*类移动端首页大图*/
.full_screen_size_img4mobile {
  width: 100%;
  height: 100vh;
}
.full_screen_size_img4mobile .image_container {
  width: 100%;
  height: 100%;
}
.full_screen_size_img4mobile .image_container .this_image {
  background-size: cover;
  position: relative;
  z-index: 11;
}
.full_screen_size_img4mobile > .image_items {
  width: 100%;
  height: 100%;
  position: relative;
}
.full_screen_size_img4mobile .image_item {
  width: 100%;
  height: 100%;
  position: relative;
}
.full_screen_size_img4mobile ._image_body {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.full_screen_size_img4mobile ._image_title {
  color: #fff;
  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_icons {
  position: relative;
  color: #ffffff;
  line-height: 1;
}
._title_with_icons::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  background: url('../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_icons.__icon_1 {
  padding-left: .666rem;
}
._title_with_icons.__icon_1::before {
  width: .546rem;
  height: .413rem;
  background-position: 0 0;
  background-size: 9.293rem auto;
}
._title_with_icons.__icon_2 {
  padding-left: .68rem;
}
._title_with_icons.__icon_2::before {
  width: .506rem;
  height: .493rem;
  background-position: -1.613rem 0;
  background-size: 9.293rem auto;
}
._title_with_icons.__icon_3 {
  padding-left: .72rem;
}
._title_with_icons.__icon_3::before {
  width: .56rem;
  height: .56rem;
  background-position: -5.12rem 0;
  background-size: 9.293rem auto;
}
._title_with_icons.__icon_4 {
  padding-left: .693rem;
}
._title_with_icons.__icon_4::before {
  width: .48rem;
  height: .48rem;
  background-position: -8.813rem 0;
  background-size: 9.293rem auto;
}


._title_with_icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  background: url('../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: .666rem;
}
._title_with_icon.__icon_1::before {
  width: .546rem;
  height: .413rem;
  background-position: 0 0;
  background-size: 9.293rem auto;
}
._title_with_icon.__icon_2 {
  padding-left: .68rem;
}
._title_with_icon.__icon_2::before {
  width: .506rem;
  height: .493rem;
  background-position: -1.613rem 0;
  background-size: 9.293rem auto;
}
._title_with_icon.__icon_3 {
  padding-left: .72rem;
}
._title_with_icon.__icon_3::before {
  width: .56rem;
  height: .56rem;
  background-position: -5.12rem 0;
  background-size: 9.293rem auto;
}
._title_with_icon.__icon_4 {
  padding-left: .693rem;
}
._title_with_icon.__icon_4::before {
  width: .48rem;
  height: .48rem;
  background-position: -8.813rem 0;
  background-size: 9.293rem auto;
}
.part_hightlights4mobile {
  width: 100%;
  height: 8.746rem;
}
.part_hightlights4mobile .__this_inner_ {
  padding-left: .373rem;
  height: 100%;
}
.part_hightlights4mobile .slider-bloc {
  height: 100%;
}
.part_hightlights4mobile .slider-bloc .content-slider .content-rel-slider .content-abs-slider .item-slider {
  width: 6.666rem;
  height: 100%;
}
.part_hightlights4mobile .inner_put_li {
  padding-right: .4rem;
  height: 100%;
  position: relative;
}
.part_hightlights4mobile .inner_put_li .h_main_body {
  width: 100%;
  height: 100%;
}
#index_page4mobile {
  width: 100%;
  position: relative;
  z-index: 999;
}
.index_h_scroll {
  width: 100%;
  background-color: #f5f5f5;
  padding: 1.08rem 0 1.52rem;
}
.index_h_scroll .part_hightlights4mobile {
  margin-top: .52rem;
}
#index_most_newest4mobile {
  width: 100%;
  padding: .92rem 0 1.32rem;
  background-color: #f5f5f5;
}
#index_most_newest4mobile .many_cards_mix_show_container {
  margin-top: .52rem;
}
#index_most_newest4mobile .viewmore {
  margin-top: .92rem;
}
.image_with_row_text_container {
  width: 100%;
  position: relative;
}
.image_with_row_text_container .__left_img_box {
  width: 6.546rem;
  height: 9.6rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.__left_img_box ._desc_text {
  position: absolute;
  top: .28rem;
  bottom: .28rem;
  left: .32rem;
  right: .32rem;
  border: 3px solid #fff;
}
.__left_img_box ._desc_text::after {
  content: '';
  width: 3.853rem;
  height: 2.8rem;
  background: url('../images/beautiful_icon.png') no-repeat center;
  background-size: contain;
  position: absolute;
  left: 50%;
  top: .84rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.image_with_row_text_container .__right_text_title {
  position: absolute;
  font-family: 'playfair_regular', sans-serif;
  color: #1f1f1f;
  writing-mode: vertical-lr;
  right: 0;
  top: .32rem;
  line-height: 1;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#index_most_beauty4mobile {
  padding-top: 1.333rem;
}
.half_grid_groups {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  justify-items: center;
  flex-wrap: wrap;
}
.half_grid_groups ._one_item {
  width: 50%;
  height: 3.96rem;
}
.half_grid_groups ._one_item img {
  width: 100%;
  height: 100%;
}
#index_superstars4mobile {
  margin-top: 1.36rem;
  padding-bottom: 0.526rem;
}
#index_superstars4mobile .half_grid_groups {
  margin-top: .52rem;
}
#index_news4mobile {
  width: 100%;
  position: relative;
  background: url('../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: .76rem;
}
.normal_lists_container {
  width: 100%;
}
.normal_lists_container ._the_list_item {
  width: 100%;
  height: 3.413rem;
  background-color: #fff;
  margin-top: .24rem;
}
.normal_lists_container ._the_list_item:first-child {
  margin-top: 0;
}
._the_list_item ._padding_body {
  padding: .48rem .36rem;
  line-height: 1;
  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: .88rem;
}
._the_list_item .__text_summary {
  color: #585858;
  line-height: 1.6;
  margin-top: 3px;
}
/*移动端最美*/
#mobile_page_most_beauty_container {
  width: 100%;
  padding-bottom: 1.813rem;
  background-color: #f5f5f5;
  z-index: 8;
  position: relative;
}
#mobile_page_most_beauty_container .page_inner_container_for_mobile {
  padding-top: 1.333rem;
}
#mobile_page_most_beauty_container .page_text_navs {
  margin-top: 1.333rem;
}
#mobile_page_most_beauty_container .anomaly_text_img_layout_container {
  margin-top: .52rem;
}
/* .page_left_padding_inner4mobile {} */
.anomaly_text_img_layout_container {
  width: 100%;
}
.anomaly_text_img_layout_container .scrollernav_container .scrollernav_item {
  position: relative;
  margin-left: .333rem;
}
.anomaly_text_img_layout_container .scrollernav_container .scrollernav_item:first-child {
  margin-left: 0;
}
.scrollernav_container .scrollernav_item .mobile_part_line {
  width: .32rem;
  margin: .186rem 0 .28rem;
}
.scrollernav_container .scrollernav_item ._scrollernav_text_container {
  width: 100%;
  position: absolute;
  line-height: 1;
}
._scrollernav_text_container > ._type {
  color: #bebebe;
  text-transform: uppercase;
  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: .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: .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: .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: .07rem;
  padding-bottom: .13rem;
}
.supplement_groups .supplement_item:first-child {
  margin-top: 0;
}
.supplement_groups .supplement_item ._key {
  font-weight: 600;
}
.supplement_groups .supplement_item ._value {
  margin-top: .12rem;
}
/*移动端按钮*/
#mobile_detail_bts {
  margin-top: .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: .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: .866rem;
  background-color: #f5f5f5;
}
#works_detail_more_container .many_cards_mix_show_container {
  margin-top: .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('../images/logo_ww.svg');
}
#mobile_page_header_container._opend_top_nav._with_opacity_bg .header_search_container > button {
  background-image: url('../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: .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: .5rem;
}
#mobile_top_nav ._nav_lists li:last-child {
  margin-top: .8rem;
}
#mobile_top_nav ._nav_icons {
  position: absolute;
  left: 50%;
  bottom: .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: .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('../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(.01);
  transform-origin: 0 0;
  transform: scale(.01);
}
#mobile_top_nav ._nav_icons ._nav_item.qq {
  width: .573rem;
  height: .586rem;
}
#mobile_top_nav ._nav_icons ._nav_item.weibo {
  width: .68rem;
  height: .56rem;
}
#mobile_top_nav ._nav_icons ._nav_item.weibos {
  width: .68rem;
  height: .56rem;
}
#mobile_top_nav ._nav_icons ._nav_item.wechat {
  width: .653rem;
  height: .56rem;
}
#mobile_top_nav ._nav_icons ._nav_item.unknowx {
  width: .573rem;
  height: .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.weibos 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(../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;
}
.header_image_of_c_more.header_image_of_cooperatior .its_img_container1 {
  width: 80%;
  top: inherit;
  bottom: -5%;
  left: 50%;
  transform: translateX(-50%);
  background: none;
  height: auto;
}

.header_image_of_c_more.header_image_of_cooperatior .its_img_container2 {
  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, .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: 100%;
  height: 45px;
  background-color: rgba(0, 0, 0, .6);
  line-height: 45px;
  text-align: center;
  color: #fff;
  position: relative;
  margin-top: 1px;
}
#page_header_container._with_opacity_bg ._ssssub_nav ._ssssub_nav_item {
  background-color: rgba(255, 255, 255, .7);
  color: #000;
}
._ssssub_nav ._ssssub_nav_item:first-child {
  margin-top: 0;
}
._ssssub_nav ._ssssub_nav_item p {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  transition: all 0.1s;
}
._ssssub_nav ._ssssub_nav_item p:first-child {
  opacity: 1;
}
._ssssub_nav ._ssssub_nav_item:hover p._en {
  opacity: 0;
}
._ssssub_nav ._ssssub_nav_item:hover p._cn {
  opacity: 1;
}
.phc_head_menu li.has_hover .top_nav_link:hover ._ssssub_nav {
  opacity: 1;
  visibility: visible;
}
.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: .426rem;
}
.mobilelike_container .like_icon4mobile::before {
  content: '';
  width: .346rem;
  height: .306rem;
  background: url('../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: .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: .92rem 0;
}
.cd4mobile_logo_container ._this_logo_row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-top: .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(.19, 1, .22, 1);
  transition: transform 1.7s cubic-bezier(.19, 1, .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: .92rem;
  padding-bottom: .56rem;
}
.cd4mobile_scroll_img_container .scrollernav_container {
  height: 3.906rem;
  margin-top: .046rem;
}
.cd4mobile_scroll_img_container .scrollernav_container:first-child {
  margin-top: 0;
}
.cd4mobile_scroll_img_container .scrollernav_items {
  padding: 0 .92rem 999px;
}
.cd4mobile_scroll_img_container .scrollernav_item {
  height: 3.6rem;
  width: auto;
  margin-left: .666rem;
  box-shadow: 0.206rem .106rem 16px rgba(35, 20, 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: .76rem;
  padding-left: .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: .35rem;
}
.cd4mobile_last_mix_item ._do_type_list {
  padding-right: 23%;
  margin-top: .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 .306rem;
  position: relative;
  border-left: 1px solid #ff1b71;
  border-right: 1px solid #ff1b71;
  margin-left: -1px;
  margin-bottom: .266rem;
}
.cd4mobile_last_mix_container .viewmore {
  margin-top: 1.28rem;
  height: .933rem;
  line-height: .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: .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: .48rem;
  height: .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(.19, 1, .22, 1);
}
#side_function_bts .bts_group:first-child {
  background-color: #ffe100;
}
#side_function_bts .bts_group:nth-child(2) {
  transition-delay: .1s;
}
#side_function_bts.show .bts_group {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
#side_function_bts .bts_group .normal_icons, #side_function_bts .bts_group .hover_icons {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  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: 180px;
  height: 180px;
  position: absolute;
  top: 222%;
  left: -66px;
  background: url('../images/qr.jpg') no-repeat center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -ms-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -o-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  z-index: 9999;
}
._qr_codes {
  width: 180px;
  height: 180px;
  position: absolute;
  top: 222%;
  left: -66px;
  background: url('../images/qrs.jpg') no-repeat center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -moz-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -ms-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  -o-transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  transition: all 1.5s cubic-bezier(.19, 1, .22, 1);
  z-index: 9999;
}

/**/

#sj { display: none; }
#sj2 { display: none; }
.top2 {
    position: relative; 
}



.miniDropDown___22Zov {
  position: absolute;
  top: 60px;
  right: 0;
  width: 410px;
  height: 182px;
  background: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .08) ; 
   display: none; 
}
.miniDropDown___22Zov .miniQrcode___yUXAr {
  display: flex;
  flex-direction: row;
  height: 100%
}
.miniDropDown___22Zov .miniQrcode___yUXAr > img {
  width: 135px;
  height: 135px;
  margin-top: 23px;
  margin-left: 24px
}
.miniDropDown___22Zov .miniQrcode___yUXAr .middleLine___2HDPt {
  width: 1px;
  height: 77px;
  background: #f0f0f0;
  margin: 53px 24px 0;
}
.miniDropDown___22Zov .miniQrcode___yUXAr > div {
  margin-top: 49px;
}
.miniDropDown___22Zov .miniQrcode___yUXAr > div p {
  font-size: 20px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333;
  line-height: 20px;
  margin-top: 0.15rem;
}
.miniDropDown___22Zov .miniQrcode___yUXAr > div p:last-child {
  width: 165px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #999;
  line-height: 24px
}

.top2:hover .miniDropDown___22Zov  { display: block }
/**/
._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%);
}
._qr_codes._qr_codes--active {
  opacity: 1;
}
.sb_grid.qq {
  position: relative;
}
.sb_grid ._qr_codes {
  transform: translate(-50%, -40%);
}
.phc_icon_grid ._qr_codes {
  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, .2);
  transform: translate3d(0, 20px, 0);
  opacity: 0;
  transition: transform .7s cubic-bezier(.42, .01, .23, 1), opacity .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: .72rem;
  bottom: .72rem;
  left: .72rem;
  right: .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: .533rem;
}
._text_wrapper ._new_works_title {
  width: 100%;
  height: .88rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
}
._new_works_title ._hover_icon {
  width: .88rem;
  height: .88rem;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
}
._new_works_title ._hover_icon img {
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  -moz-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  -o-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
}
._new_works_title ._new_titles {
  color: #000;
  text-transform: uppercase;
  position: absolute;
  overflow: hidden;
  left: .33rem;
  right: 0;
  top: 0;
  bottom: 0;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
._new_works_title ._new_titles p {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
._new_works_title ._new_titles ._new_titles_real {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: rgba(255, 255, 255, 0.95);
  overflow: hidden;
  opacity: .3;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  -webkit-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  -moz-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  -o-transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
._new_works_title ._new_titles p._title {
  left: .68rem;
}
._new_works_title ._new_titles p._client {
  right: .32rem;
}
.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("../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;
}
.new1 {
  font-size: 15px;
  font-family: 'PingFangSC-Thin', Arial, 'Helvetica', sans-serif;
  margin-left: 2.691vw;
  color: #fff;
  width: 100%;
  
  line-height: 75px;
  padding-top: 32px;
} /*改-加*/
.new1 li {
float: left;
line-height: 15px;
} /*改-加*/
.new1 li:first-child {
border-right: 1px solid #f0efef;
padding-right: 0.301vw;
}
.new1 li:first-child:before {

}
.new1 li:nth-child(2){
float: left;
margin-left: 0.291vw;


}
.new1s {
  font-size: 15px;
  font-family: 'PingFangSC-Thin', Arial, 'Helvetica', sans-serif;
  margin-left: 2.291vw;
  color: #fff;
  width: 100%;
  height: 100%;
  padding-top: 29px;
} /*改-加*/
.new1s li {
float: left; 
} /*改-加*/
.new1s li:nth-child(2){
float: left;
margin-left: 0.891vw;
} /*改-加*/
.new2 {
  font-size: 15px;
  font-family: 'PingFangSC-Thin', Arial, 'Helvetica', sans-serif;
  margin-left: 2.291vw;
  color: #000;
  width: 100%;
  height: 100%;
  margin-top: 25%;
} /*改-加*/
.baise {
  color: #fff;
} /*改-加*/
.__hide .new1 {
  font-size: 15px;
  font-family: 'PingFangSC-Thin', Arial, 'Helvetica', sans-serif;
  margin-left: 2.291vw;
  color: #000;
  width: 100%;
  height: 100%;
  margin-top: 0px;
} /*改-加*/
.__hide .new1s {
  font-size: 15px;
  font-family: 'PingFangSC-Thin', Arial, 'Helvetica', sans-serif;
  margin-left: 2.291vw;
  color: #000;
  width: 100%;
  height: 100%;
  margin-top: 0px;
} /*改-加*/
/*下面列表页改-加*/
.case_info .tab___1wPhI {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 24px;
  margin-bottom: 24px;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  border-radius: 50%;
  /* height: ;
  width: ; */
}
.case_info .tab___1wPhI .tabItem___gJRA9 {
  width: 100px;
  height: 102px;
  background: #bfbfbf;
  border-radius: 100%;
  text-align: center;
  line-height: 24px;
  font-size: 22px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  cursor: pointer;
  display: block;
}
.case_info .tab___1wPhI .tabItem___gJRA9 a {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: 'playfair_regular', sans-serif;
  color: #fff;
  transform: translate(-50%, -50%);
  display: block;
}
.case_info .tab___1wPhI .tabItem___gJRA9 {
  margin-right: 180px;
  margin-left: 180px;
}
.case_info .tab___1wPhI .tabItemActive___25Mw9 {
  display: block;
  background: #494949;
  color: #fff;
}
@media screen and (min-width: 1200px) {}
.case_info .topClassify___13Vnz {
  position: relative;
   
  padding-top: 20px;
  padding-bottom: 20px;/*搜索上下距离*/
  max-width: 1000px;
  margin: 0 auto;
}
.case_info .topClassify___13Vnz .topRightClassify___3ofzY {
  position: relative;
  top: 4px;
  display: inline-block;
  margin-left: 50px;
}
.case_info .topClassify___13Vnz .topRightClassify___3ofzY a {
  display: inline-block;
  margin-right: 40px;
  font-size: 20px;
  font-family: PingFang SC-Regular, PingFang SC;
  font-weight: 400;
  color: #222;
}
.case_info .topClassify___13Vnz .rightTopSearch___uXwHK {
 /* position: absolute;
  right: 0;
  top: 32px;*/
}
.LoginHomeTopSearchContainer___1vDuR {
  position: relative;
 /*  width: 1500px;*/
  border-radius: 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  z-index: 110;
  background: #e0e0e0;
  margin-right: 35px;
  margin-left: 35px;
}
.LoginHomeTopSearchContainer___1vDuR .inputor___1bcC3 {
  flex: 1 1;
  border-color: transparent !important;
  padding-left: 32px !important;
  font-size: 16px;
  font-family: SourceHanSansCN-Normal, SourceHanSansCN;
  font-weight: 400;
  color: #333;
  position: relative;
  z-index: 100;
  background: transparent;
  width: 345px;
}
.LoginHomeTopSearchContainer___1vDuR .camera___357ko {
  position: relative;
  top: 14px;
  right: 24px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  z-index: 110;
}
.LoginHomeTopSearchContainer___1vDuR .searchButton___1joP4 {
  cursor: pointer;
  width: 120px;
  height: 48px;
  background: #ffce2d;
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 35px;
}
.LoginHomeTopSearchContainer___1vDuR .searchButton___1joP4 img {
  position: relative;
  top: 1px;
  width: 20px;
  height: 20px;
}
.LoginHomeTopSearchContainer___1vDuR .searchButton___1joP4 span {
    cursor: pointer;
  font-size: 18px;
  font-family: PingFang SC-Medium, PingFang SC;
  font-weight: 400;
  color: #222;
  vertical-align: middle;
  
}

.case_info .topBgguodu___3aqhU {
  /*  background: linear-gradient(180deg,#fff,#f5f5f5);*/
    padding-top: 74px;/*附导航到顶部*/
}
.case_info .labelHeader___3N8vv {
    margin: 0 auto;
    text-align: center;
    line-height: 16px;
    width: 100%;
    /*min-width: 1800px;*/
}
.case_info .labelHeader___3N8vv .labelBox___2IgOw {
    position: relative;
    border-bottom: #e2e2e2 1px solid;
}

.case_info  .labelHeader___3N8vv .labelBox___2IgOw>div {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
margin-left: 20px;
}

.case_info .labelHeader___3N8vv .labelBox___2IgOw>div span {
    display: inline-block;
    height: 60px;
    line-height: 46px;
    cursor: pointer;
    font-size: 18px;
    font-family: PingFang SC-Regular,PingFang SC;
    font-weight: 400;
    color: #999;
}

.case_info .labelHeader___3N8vv .labelBox___2IgOw>div.active___27cln {
    position: relative;
}

.case_info .labelHeader___3N8vv .labelBox___2IgOw>div {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
margin-left: 20px;
}

.case_info .labelHeader___3N8vv .labelBox___2IgOw .cctv {
display: inline-block;
    position: relative;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #222;
}


.case_info .labelHeader___3N8vv .labelHeader___3N8vv .labelBox___2IgOw>div.active___27cln span {
    font-family: PingFang SC-Semibold,PingFang SC;
    font-weight: 600;
    color: #222;
}

.case_info .labelHeader___3N8vv .labelBox___2IgOw>div.active___27cln:after {
    position: absolute;
    content: "";
    display: block;
    width: 28px;
    height: 4px;
    background: #333;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}


.dmc_main_body .contentContainer___4mwvL {
    display: flex;
    flex: 1 1;
    flex-direction: column;
   /* align-items: center;
    background-color: #f2f2f2;
    border-top: #e2e2e2 1px solid; /*案例附属导航下面主题的上面横线*/
}

.dmc_main_body .contentContainer___4mwvL .content___1lxfE {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}

@media screen and (max-width: 12700px) {
  .dmc_main_body .contentContainer___4mwvL .content___1lxfE .homeCaseCnt___2GRfq.homeCaseCnt2___FRqcK {
    width: 1270px;
  }
}

.dmc_main_body .contentContainer___4mwvL .content___1lxfE .homeCaseCnt___2GRfq.homeCaseCnt2___FRqcK {
    width: 1360px;/*案例子列的四个总宽*/
}
@media screen and (max-width: 12700px) {
  .dmc_main_body  .contentContainer___4mwvL .content___1lxfE .homeCaseCnt___2GRfq {
    width: 1270px;
    margin: 0 auto;
  }
}

.dmc_main_body .contentContainer___4mwvL .content___1lxfE .homeCaseCnt___2GRfq {
    margin: 0 auto;
    width: 1737px;
     
}


.dmc_main_body .contentContainer___4mwvL .content___1lxfE .homeCaseCnt___2GRfq .recommendTabCnt___1BF6B {
    width: 100%;
}

.dmc_main_body .contentContainer___4mwvL .content___1lxfE {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
	background-color: #f5f5f5;
}
img { 
    vertical-align: middle;
    border-style: none;
}

.bf .caseNewCutUserContent___4bj8z:nth-child(-n+3){
    position: relative;
        width: 33.3%;
}

.bf .caseNewCutUserContent___4bj8z:nth-child(-n+3) .caseCardContainer___1W8ku .cover___32Y-I .coverImg___2RNtX {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 330px;
}
.bf .caseNewCutUserContent___4bj8z:nth-child(-n+3) .caseCardContainer___1W8ku .cover___32Y-I .coverImg___2RNtX img {
  height: 100%;
  width: 100%;
  visibility: visible;
}
.caseNewCutUserContent___4bj8z {
    position: relative;
    width: 25%;/*案例子列表 循环的 西面4个*/
}

.caseNewCutUserContent___4bj8z .filecount___1K4Wu {
  position: absolute;
  right: 7px;
  top: 29px;
  width: 60px;
  height: 29px;
  z-index: 95
}
.caseNewCutUserContent___4bj8z .caseCardContainer___1W8ku {
    position: relative;
    
    
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform .2s,box-shadow .2s;
    background: #fff;
}
.caseNewCutUserContent___4bj8z .caseCardContainer___1W8ku .cover___32Y-I {
  position: relative
}
.caseNewCutUserContent___4bj8z .caseCardContainer___1W8ku .cover___32Y-I .coverImg___2RNtX {
  overflow: hidden
}
.caseNewCutUserContent___4bj8z .caseCardContainer___1W8ku .cover___32Y-I .coverImg___2RNtX img {
  transition: all .5s
}
.caseCardItem___umUZR {
    margin: 10px;
}

.caseNewCutUserContent___4bj8z .caseCardContainer___1W8ku .tag___29JY1 {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    font-family: SourceHanSansCN-Medium,SourceHanSansCN;
    font-weight: 500;
    color: #fff;
    height: 28px;
    line-height: 19px;
    z-index: 95;
    padding: 5px 6px 6px 10px;
    background: rgba(0,0,0,.4);
}
.caseNewCutUserContent___4bj8z .caseCardContainer___1W8ku .tag___29JY1 img {
    position: absolute;
    right: -4px;
    top: 0;
}
.caseNewCutUserContent___4bj8z .caseCardContainer___1W8ku .cover___32Y-I {
    position: relative;
}
.caseNewCutUserContent___4bj8z .cover___32Y-I {
    width: 100%;
    
}
.caseNewCutUserContent___4bj8z .caseCardContainer___1W8ku .cover___32Y-I .coverImg___2RNtX {
    position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 230px;
}
/*nth-child(3n)*/
/*.bf .caseCardContainer___1W8ku .cover___32Y-I .coverImg___2RNtX {
    position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 330px;
}*/

.caseNewCutUserContent___4bj8z .cover___32Y-I .coverImg___2RNtX img {
    width: 100%;
    height: 333px;
}

.caseNewCutUserContent___4bj8z .caseCardContainer___1W8ku .cover___32Y-I .coverImg___2RNtX img {
    transition: all .5s;
}

.caseNewCutUserContent___4bj8z .caseCardContainer___1W8ku .cover___32Y-I .coverImg___2RNtX img {
    height: 234px; width: 350px; visibility: visible;
}

.caseNewCutUserContent___4bj8z .caseCardContainer___1W8ku .cover___32Y-I .collectBtn___3-9HX {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: none;
}

/*nth-child(3n)*/
/* .bf .caseCardContainer___1W8ku .cover___32Y-I .coverImg___2RNtX img {
    height: 100%; width: 100%; visibility: visible;
}
*/
.caseNewCutUserContent___4bj8z .subInfo___1Ghzx {
    height: 102px; /*热销列表循环底部距离宽度*/
}
.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .title___3Im23 {
    width: 100%;
    padding: 12px 28px 0 16px;
    color: #333;
    line-height: 12px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    min-height: 60px;  /*热销列表循环底部距离宽度*/
}
.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .title___3Im23 .titleOrigin___166Tm {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: SourceHanSansCN-Medium,SourceHanSansCN;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
}
.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .title___3Im23 .titleOrigin___166Tms {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: SourceHanSansCN-Medium,SourceHanSansCN;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding-top: 7px;
}

.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .title___3Im23 .titleOrigin___166Tm a,.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .title___3Im23 .titleOrigin___166Tms a {
    display: block;
 
}


.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .tagRow___128gh .tags___1ZrtD {
  display: flex;
  flex-direction: row;
  align-items: center
}
.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI {
    padding: 0 16px 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
   /*  justify-content: center;因为无法左右对其*/
}

.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .author___BpqXX {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    width: 78px;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #acacac;
    cursor: pointer;
}
.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .avatar___2OKdS {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  overflow: hidden
}
.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .author___BpqXX {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    width: 63%;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #acacac;
    cursor: pointer;
    margin-left: 0px;
    float: left;
}
.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .author___BpqXXss {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* overflow: hidden;*/
   word-break: break-all;
    width: 38px;
    padding-left: 12px;
    padding-right: 10px;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #acacac;
    cursor: pointer;
}
.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .author___BpqXX:hover {
  color: #666
}
.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .checkAndCollect___1Os6H .check___1_7rl, .caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .checkAndCollect___1Os6H .collect___2YwAR, .caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .checkAndCollect___1Os6H .hotscore___w5l2q, .caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .checkAndCollect___1Os6H .timerGo___26bn5 {
    display: inline-block;
}

.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .checkAndCollect___1Os6H .check___1_7rl img, .caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .checkAndCollect___1Os6H .collect___2YwAR img, .caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .checkAndCollect___1Os6H .hotscore___w5l2q img, .caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .checkAndCollect___1Os6H .timerGo___26bn5 img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .checkAndCollect___1Os6H .check___1_7rl span, .caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .checkAndCollect___1Os6H .collect___2YwAR span, .caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .checkAndCollect___1Os6H .hotscore___w5l2q span, .caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .checkAndCollect___1Os6H .timerGo___26bn5 span {
    font-size: 14px;
    font-family: SourceHanSansCN-Regular,SourceHanSansCN;
    font-weight: 400;
    color: #acacac;
    vertical-align: middle;
    padding-left: 0px;
}

.caseNewCutUserContent___4bj8z .subInfo___1Ghzx .footer___26TAI .checkAndCollect___1Os6H .collect___2YwAR {
    margin-left: 4px;
    margin-right: 0px;
}


.searchResultCnt___12_ya .cutUserStyle___3Y019 {
    width: 1704px;
    padding: 0;
}
.searchResultCnt___12_ya {
    margin: 0px auto;
    width: 1800px;
}

.searchResultCnt___12_ya .leftShaixuan___2rrD4 {
    float: left;
    margin-top: 15px;
}
.searchResultCnt___12_ya .leftShaixuan___2rrD4>div {
    display: inline-block;
    margin-right: 72px;
    margin-left:  32px;
}

.searchResultCnt___12_ya.cutUserStyle___3Y019 .leftShaixuan___2rrD4 strong {
    color: #999;
}
.searchResultCnt___12_ya.cutUserStyle___3Y019 .leftShaixuan___2rrD4 span, .searchResultCnt___12_ya.cutUserStyle___3Y019 .leftShaixuan___2rrD4 strong {
    color: #222;
}
.searchResultCnt___12_ya .leftShaixuan___2rrD4>div span, .searchResultCnt___12_ya .leftShaixuan___2rrD4>div strong {
    font-style: normal;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999;
    margin-right: 24px;
    cursor: pointer;
}

.searchResultCnt___12_ya .leftShaixuan___2rrD4>div span.chooseActive___aiQ6O {
    font-family: PingFangSC-Semibold,PingFang SC;
    font-weight: 600;
    color: #333;
}
.searchResultCnt___12_ya.cutUserStyle___3Y019 .leftShaixuan___2rrD4 span, .searchResultCnt___12_ya.cutUserStyle___3Y019 .leftShaixuan___2rrD4 strong {
    color: #222;
}
.searchResultCnt___12_ya .leftShaixuan___2rrD4>div span {
    color: #333;
}
.searchResultCnt___12_ya .leftShaixuan___2rrD4>div span, .searchResultCnt___12_ya .leftShaixuan___2rrD4>div strong {
    font-style: normal;
    font-size: 14px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999;
    margin-right: 24px;
    cursor: pointer;
}

.searchResultCnt___12_ya.cutUserStyle___3Y019 .leftShaixuan___2rrD4 span, .searchResultCnt___12_ya.cutUserStyle___3Y019 .leftShaixuan___2rrD4 strong {
    color: #222;
}

.searchResultCnt___12_ya .leftShaixuan___2rrD4>div span {
    color: #333;
}
.searchResultCnt___12_ya .leftShaixuan___2rrD4>div span, .searchResultCnt___12_ya .leftShaixuan___2rrD4>div strong {
  font-style: normal;
  font-size: 14px;
  font-family: PingFangSC-Regular,PingFang SC;
  font-weight: 400;
  color: #999;
  margin-right: 24px;
  cursor: pointer;
}
.picTitle {
  position: relative;
  width: 100%;
  height: 120px;
  background-color: #f5f5f5;
  font-size: 30px;
  letter-spacing: 3px;
  font-family: 阿里妈妈数黑体 Bold;
}
.picText {
  position: relative;
  left: 27%;
  top: 60px;
}
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "阿里妈妈数黑体 Bold";font-weight: 500;src: url("../../../../../wf/webfont/ImfhH6iHOI0O/a1iZlvJch7JVewLUbpRgr.woff") format("woff2"),
  url("../../../../../wf/webfont/ImfhH6iHOI0O/SSNxlTenv_JzNYtZcExdr.woff") format("woff");
  font-display: swap;
}

.picList {
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.picItem {
  position: relative;
  width: 900px;
 /* height: 600px; 因为高小于600px无法自适应所以隐藏，有问题再想*/
  margin-top: 20px;
  text-align: center;
}
.picItem .cccc{
  position: relative;
    
    height: 100%;
    text-align: center;
    display: inline-block;/*父级自适应*/
    overflow: hidden;  /*父级自适应*/
}
.picItem .cccc .cccc2{
  max-width: 100%;
    max-height: 600px;
    
}

.pic {
  width: 1200px;
  height: 100%;
}
.downPic {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
}
.icon {
  width: 35px;
  height: 35px;
  background-color: rgb(255, 196, 0);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon img {
  width: 20px;
  height: 20px;
}
.text {
  width: 60px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.text  span {
  font-size: 12px;
  color: #fff;
  margin-left: 3px;
}

.lookMore {
  width: 100%;
}

.lookTitle {
  width: 900px;
  height: 40px;
  border-bottom: 3px solid skyblue;
  margin: 20px auto;
}
.lookTitle p {
  font-size: 20px;
}
.topPic {
  width: 900px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;

}
.topPic img {
  width: 440px;
  height: 400px;
  margin: 3px;
}
.bottomPic {
  width: 900px;
  height: 400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 20px;
  border-bottom: 3px solid skyblue;
}
.bottomPic img {
  margin: 3px;
}
.bottomPic img:first-child {
  width: 280px;
  height: 100%;
}
.bottomPic img:last-child {
  width: 600px;
  height: 100%;
}

.workGuide {
  width: 100%;
  margin-top: 20px;
}
.guideTitle {
  width: 900px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
.radius {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #000;
  margin-right: 20px;
}
.guideTitle h3 {
  font-size: 16px;
  font-weight: bold;
}
.guideContent {
  width: 900px;
  margin: 10px auto;

}
.guideContent p {
  font-size: 14px;
  margin: 5px;
}
.guideContent p img {
 width: 100%;
 height: auto;
}
.guidePic {
  width: 900px;
  margin: 20px auto;
  display: flex;
  padding-bottom: 30px;
  border-bottom: 3px solid skyblue;
}
.guidePic img {
  width: 230px;
  height: 150px;
  margin: 3px;
}
.report {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.report img {
  width: 400px;
  height: 550px;
  margin: 10px;
}
.tip {
  width: 900px;
  margin: 40px auto;
}
.tip p:first-child {
  font-size: 16px;
}
.tip p {
  font-size: 14px;
  font-weight: 500;
}
.imgSwiper {
  width: 800px;
  margin: 20px auto;
}
#wrap{
  overflow: hidden;
  width: 600px;
  
  margin:0px auto;
  position: relative;
}
#wrap .item{
  width: auto;
  height: 406px;
}
#box{
  width: 9999px;
  /* 相对定位，相对自身移动 */
  position: relative;
  left:0px
}
#box  li{
  float: left;
}
#list{
  position: absolute;
  bottom:0px;
  /* 绝对定位的标签水平居中 */
  left:50%;
  /* translate设置百分比，参照物是自身 */
 transform: translateX(-50%);
}
#list li{
  margin:0px 4px;
  width:10px;
  height: 10px;
  border-radius: 50%;
  background:white;
  float: left; 
  cursor: pointer;
}
.rad{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.left{
  left:10px
}
.right{
  right: 10px;
}
#list .current{
  background-color: #f60;
}


.main{max-width:1200px; margin: 0 auto; }
.banner{ overflow:hidden;text-align:center;position:relative;}
.banner a{ display:block;}
.banner img{ max-width:100%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{background:#fff;opacity:0.7; *filter:alpha(opacity=70); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active{background:#f60;opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.banner .bx-wrapper .bx-prev,.banner .bx-wrapper .bx-next{width:40px; height:60px; top:50%; margin-top:-30px; background:url(../images/slide_bPc.png) no-repeat; visibility:hidden;}
.banner:hover .bx-wrapper .bx-prev,.banner:hover .bx-wrapper .bx-next{ visibility:visible;}
.banner .bx-wrapper .bx-prev{ left:50px; background-position:0 0;}
.banner .bx-wrapper .bx-next{right:50px; background-position:-40px 0;}
/*---------------banner PC-------------------*/
.bannerPc{ text-align:center;}
.bannerPc ul,.bannerPc li{ margin:0; padding:0; list-style:none;}
.bannerPc a{ display:block;}
.bannerPc img{ max-width:100%; vertical-align:middle;}



/****点赞css***/

/***点赞css结束***/

/*-------下面增加的顶部中英文css--------*/
 /*-------下面增加的弹出二维码--------*/




/*---------------- ov code ----------------*/
#ov-code{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.94);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9000;
	display: none;
	transform: translate3d(-100%, 0, 0);
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	-ms-transform: translate3d(-100%, 0, 0);
	-o-transform: translate3d(-100%, 0, 0);
	transition: all .8s ease-in-out;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
}

.oc-close{
	position: absolute;
	top: 55px;
	right: 70px;
	opacity: 0;
	transition: all .4s ease-in-out .4s;
	-webkit-transition: all .4s ease-in-out .4s;
	-moz-transition: all .4s ease-in-out .4s;
	-ms-transition: all .4s ease-in-out .4s;
	-o-transition: all .4s ease-in-out .4s;
}

.oc-box{
	width: 696px;
	height: auto;
	margin: 0 0 0 -348px;
	position: absolute;
	left: 50%;
	top: 36%;
	opacity: 0;
	transition: all .4s ease-in-out .4s;
	-webkit-transition: all .4s ease-in-out .4s;
	-moz-transition: all .4s ease-in-out .4s;
	-ms-transition: all .4s ease-in-out .4s;
	-o-transition: all .4s ease-in-out .4s;
}

.oc-box p{
	width: 294px;
	height: auto;
	float: left;
	padding: 48px 0 0 0;
	position: relative;
	color: #ffffff;
	font-size: 16px;
	line-height: 24px;
}

.oc-box p:before{
	content: " ";
	width: 15px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 9px;
	background: #d80c24;
}

.oc-box ul{
	width: auto;
	float: left;
}

.oc-box ul li{
	width: 156px;
	height: auto;
	padding: 0 46px;
	/*border-right: 1px solid #ffffff;*/
	float: left;
	box-sizing: content-box;
	color: #ffffff;
	font-size: 16px;
	line-height: 24px
}

.oc-box ul li:nth-child(2){
	padding-right: 0;
	border: 0;
}

.oc-box ul li b{
	font-family: "siyuan-b";
	font-weight: normal;
}

.oc-box ul li img{
	width: 100%;
	display: block;
	margin: 0 0 10px 0;
}

/* show */
#ov-code.show{
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}

#ov-code.show .oc-close, #ov-code.show .oc-box{
	opacity: 1;
}

/*附导航*/

.bor_b_dc {
  border-bottom: #dcdcdc 1px solid;
}
.mod-tab-act {
	position: relative;
	background-color: #fff;
	z-index: 1001;
}
.mod-tab-act .border {
    position: absolute;
    left: -100px;
    bottom:10px;
    height:4px;
    background-color: #333;
    transition: all 0.3s ease;
    height: 2px;
    width: 62px;
    
	
}
.tab-act {
	height: 70px;
	font-size: 0;
	text-align: center;
	padding-right: 48px;
}

#border{ margin-left: 20px;
}
.tab-act li {
	display: inline-block;
*display: inline;
*zoom:1;
}
.tab-act li a {
	display: inline-block;
	line-height: 70px;
	padding: 0 0px;
	margin: 0 0px;
	font-size: 18px;
	color: #999;
	text-decoration: none;
}
.tab-act li a:hover {
	color: #000
}
.tab-act .current a {
	color: #000;
}
.tab-act-ex {
	text-align: left;
}
.tab-act-ex li a {
	display: inline-block;
	line-height: 70px;
	padding: 0 10px;
	font-size: 20px;
	color: #666;
	font-size: 18px;
}
.tab-act-ex {
	margin-left: -20px;
}

.index_lead {
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 17px;
  right: 213px;
}
.current {
  color: #000;
  font-weight: 600;
}

/* ============================================================
  NAVIGATION
============================================================ */
nav ul {
  list-style-type: none;
  margin: 0 0 30px 0;
  padding: 0;
  text-align: center;
}
nav ul li {
  display: inline-block;
  margin-bottom: 4px;
}
nav ul li a {
  display: block;
  padding: 5px 20px;
  color: #fff;
  background-color: #32c896;
}
nav ul li a:hover {
  color: #fff;
  background-color: #238b68;
}
nav ul li a.active {
  color: #fff;
  background-color: #238b68;
}

/*.bf{width: 33.3%;}*/
/* ============================================================
  GLOBAL
============================================================ */
/* haeder */

/* nav */
.nav{width: 100%; height: 80px;  z-index:999;
-webkit-transition: .8s cubic-bezier(.19, 1, .22, 1);
-moz-transition: .8s cubic-bezier(.19, 1, .22, 1);
-o-transition: .8s cubic-bezier(.19, 1, .22, 1);
transition: .8s cubic-bezier(.19, 1, .22, 1);
position: -webkit-sticky;
position: -ms-sticky;
position: -o-sticky;
position: sticky;
left: 0;
top: 0;
    
}

.nav .menu{float: left; position: relative;}
.nav .menu ul li{  font-size: 18px; line-height: 80px;  text-align: right;	padding: 0 20px;
	margin: 0 20px;}
.selectedNav{font-weight:bold;}
.nav .menu ul li:hover{font-weight:bold;}
.bottomLine{
    position: absolute;
    left: 50px;
    bottom:0;
    height:4px;
    background-color: #333;
    transition: all 0.3s ease;
    height: 2px;
    width: 62px;
    
}


/*分页*/
.tcdPageCode{padding: 10px 0 40px 0; margin:0 auto; text-align: center;color: #ccc;}
.tcdPageCode a{display: inline-block;color: #666;display: inline-block;height: 30px;line-height: 30px;padding: 0 11px 1px 10px;margin: 0 12px;border-radius: 15px;;vertical-align: middle;background-color: #FFF;}
.tcdPageCode a:hover{text-decoration: none;background-color: #000;color: #FFF;}
.tcdPageCode span.current{display: inline-block;height: 30px;line-height: 30px;padding:0 11px 1px 10px;margin: 0 12px;color: #fff;background-color: #000;border-radius: 15px;;vertical-align: middle;}
.tcdPageCode span.disabled{display: inline-block;height: 30px;line-height: 30px;padding: 0 11px 1px 10px;margin: 0 12px;color: #bfbfbf;background: #e4e4e4;border-radius: 15px;vertical-align: middle;}

.tcdPageCode .shuru{
	border:0; 
	 width:52px; 
  height:30px; 
	padding:0 10px; 
	 line-height:30px; 
	 font-size:14px; 
	 color:#333; 
	 text-align:center; 
	 border-radius:15px; 
	 margin: 0 12px; 
}
.tcdPageCode .jump{
	font-size:13px;
	text-align:center;
	line-height:30px;
	padding:0 10px;
	margin: 0 12px;
	cursor:pointer;
}

.center1480 {
     
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}



.container1 {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
}

.left1 {
  width: 400px;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.left1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.right1 {
  flex: 1;
  margin-left: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  color: #131313;
}

.container2 {
  max-width: 1480px;
  margin: 0 auto;
  display: flex;
}

.left2 {
   color: #000;
  height: 200px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.left2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.juzhong3 {
width: 100%;
height: 50px;
max-height: 50px;
font-size: 36px;
position: absolute;
top: 0;
left: 0;
line-height: 1;
font-family: 'playfair_regular', sans-serif;
text-align: center;
color: #000;
display: flex;
justify-content: center;
align-items: center;
 
}
.juzhongs{

font-family: 'playfair_regular', sans-serif;
text-align: center;
color: #000;
display: flex;
justify-content: center;
align-items: center;
}