@charset "utf-8";

body.show_album{overflow:hidden;}
body._show_search{overflow:hidden;background-color:#2f2c2c;}
body._has_test_hint{}
body{overflow-x:hidden;}

.test_hint{color:#1f1f1f;background-color:#595758;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;background-color:#fff;z-index:99;border-bottom:1px solid #f0efef;
    -webkit-transition:.8s cubic-bezier(.19,1,.22,1);
    -moz-transition:.8s cubic-bezier(.19,1,.22,1);
    -o-transition:.8s cubic-bezier(.19,1,.22,1);
    transition:.8s cubic-bezier(.19,1,.22,1);
}
#page_header_container .phc_main_body{width:100%;height:100%;}
#page_header_container .phc_logo_container{width:15.969581%;height:100%;border-right:1px solid #f0efef;float:left;cursor:pointer;
    background:url('../images/logo.png') no-repeat left center;    background-size: 200px 60px;
}
#page_header_container .phc_head_menu{float:left;/*margin-left:6.84%;*/height:100%;width:62%;}
#page_header_container._with_opacity_bg{position:absolute;top:0;left:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.3);
    background-color:transparent;
}
#page_header_container._with_opacity_bg::after{content:'';width:100%;height:222px;background:url('../images/pc_nav_bg.png') repeat-x center;
    position:absolute;top:0;left:0;
}
#page_header_container .page_inner_container{z-index:1;}
#page_header_container.__hide{transform: translateY(-100%);}
#page_header_container.__show{position:fixed;transform: translateY(0);}
#page_header_container._with_opacity_bg .phc_logo_container{border-right-color:rgba(255,255,255,.3);background-image:url('../images/logo1.png');}
#page_header_container._with_opacity_bg .phc_head_menu li{color:#fff;}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.fdj{border-left-color:rgba(255,255,255,.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:16.66%;}
.phc_head_menu li:first-child{margin-left:0;}
.phc_head_menu li .top_nav_link{display:block;position:relative;width:100%;height:100%;
    -webkit-perspective: 500px;
    -moz-perspective: 500px;
    perspective: 500px;
}
.phc_head_menu li:hover .cube_container{
    -webkit-transform: translateZ(-37px) rotateX(90deg);
    -moz-transform: translateZ(-37px) rotateX(90deg);
    -ms-transform: translateZ(-37px) rotateX(90deg);
    -o-transform: translateZ(-37px) rotateX(90deg);
    transform: translateZ(-37px) rotateX(90deg);
}
.phc_head_menu li:hover .front{opacity:0;}
.phc_head_menu li:hover .backer{opacity:1;}
.cube_container{width:100%;height:100%;position:absolute;top:0;left:0;
    -webkit-transform: translateZ(-37px);
    -moz-transform: translateZ(-37px);
    -ms-transform: translateZ(-37px);
    -o-transform: translateZ(-37px);
    transform: translateZ(-37px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.cube_container .front{width:100%;height:100%;position:absolute;top:0;left:0;opacity:1;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-90deg) translateZ(37px);
    -moz-transform: rotateX(-90deg) translateZ(37px);
    -ms-transform: rotateX(-90deg) translateZ(37px);
    -o-transform: rotateX(-90deg) translateZ(37px);
    transform: rotateX(-90deg) translateZ(37px);
    -webkit-transform: translateZ(37px);
    -moz-transform: translateZ(37px);
    -ms-transform: translateZ(37px);
    -o-transform: translateZ(37px);
    transform: translateZ(37px);
    -webkit-transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#page_header_container._with_opacity_bg .cube_container .backer{background-color:rgba(255,255,255,.1)}
.cube_container .backer{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;background-color:rgba(219,235,235,.1);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-90deg) translateZ(37px);
    -moz-transform: rotateX(-90deg) translateZ(37px);
    -ms-transform: rotateX(-90deg) translateZ(37px);
    -o-transform: rotateX(-90deg) translateZ(37px);
    transform: rotateX(-90deg) translateZ(37px);
    -webkit-transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}



.phc_icons_group{float:left;font-size:0;height:100%;/*margin-left:5.703%;margin-left:5.32%;*/}
.phc_icons_group .phc_icon_grid{display:inline-block;zoom:1;vertical-align:top;height:100%;position:relative;cursor:pointer;}
.phc_icons_group .phc_icon_grid i{display:block;background:url('../images/icon_map_newest.png') no-repeat 0 27px;height:100%;}
.phc_icons_group .phc_icon_grid.fdj{padding:0 33px;border-left:1px solid #f0efef;border-right:1px solid #f0efef;cursor:pointer;}
.phc_icons_group .phc_icon_grid.fdj i{background-position-x:0;width:21px;}
.phc_icons_group .phc_icon_grid.weibo{margin-left:2.03125vw;}
.phc_icons_group .phc_icon_grid.weibo i{background-position:-101px 26px;width:26px;}
.phc_icons_group .phc_icon_grid.wechat{margin-left:2.291vw;}
.phc_icons_group .phc_icon_grid.wechat i{background-position-x:-171px;width:27px;}
.phc_icons_group .phc_icon_grid.qq{margin-left:2.03125vw;}
.phc_icons_group .phc_icon_grid.qq i{background-position-x:-236px;width:23px;}
.phc_icons_group .phc_icon_grid.unknowicon{margin-left:2.03125vw;}
.phc_icons_group .phc_icon_grid.unknowicon i{background-position-x:-296px;width:22px;}



#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.fdj i{background-position:0 -53px;}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.weibo i{background-position:-126px -53px;}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.wechat i{background-position:-70px -52px;}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.qq i{background-position:-184px -52px;}
#page_header_container._with_opacity_bg .phc_icons_group .phc_icon_grid.unknowicon i{background-position:-234px -53px;}


.page_inner_container{width:1315px;margin:0 auto;position:relative;height:100%;}
.page_inner_container.sp_width{width:1500px;}
#page_header{width:100%;height:76px;background-color:#fff;font-size:0;}
#page_header .header_logo{width:210px;height:100%;background:url('../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 center;}

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

.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: 62%;
    left: 3px;
    transform: translateY(-50%);
}
.part_title.bg::before{background:url('../images/anli1.png') no-repeat;background-size: 40px 40px;}
.part_title.icon_1{padding-left:51px;}
.part_title.icon_1::before{width:41px;height:31px;}
.part_title.icon_2{padding-left:49px;}
.part_title.icon_2::before{width:38px;height:37px;}
.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: 40px;
    height: 40px;}
.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:438px;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:100%;height:27.9863%;position:absolute;bottom:0px;right:0px;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:6.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_card .text_main_body > .location{font-weight:normal;margin-top:3.31%;}
.part_line{width:27px;height:0px;display:block;background-color:#cdcdcd;font-size:0;}
.text_card .text_main_body > .part_line{margin-top:8.2872%;}
.text_card .text_main_body > .text_other_info{color:#a5a5a5;font-family:'montserrat-regular',sans-serif;margin-top:4.41%;text-transform:uppercase;}
.text_other_info ._date{}
.text_other_info ._like{position:relative;padding-left:26px;margin-left:10px;}
.text_other_info ._like > i{position:absolute;width:20px;height:13px;background:url('../images/icon_1.png') no-repeat center;background-size:contain;top:50%;left:0;
    transform:translateY(-50%);
}

.block_direction_buttons{position:absolute;right:0;top:0;font-size:0;}
.block_direction_buttons > .buttons{width:34px;height:34px;border-radius:7px;overflow:hidden;display:inline-block;zoom:1;vertical-align:top;border:2px solid #aaa;position:relative;margin-left:9px;cursor:pointer;
    -webkit-transition: border-color, 0.5s ease-in-out, background-color, 0.5s ease-in-out;
    -o-transition: border-color, 0.5s ease-in-out, background-color, 0.5s ease-in-out;
    transition: border-color, 0.5s ease-in-out, background-color, 0.5s ease-in-out;
}
.block_direction_buttons > .buttons:hover{border-color:#fff;background-color:#fff
}
.block_direction_buttons > .buttons:first-child{margin-left:0;}
.block_direction_buttons > .buttons::after{content:'';position:absolute;width:6px;height:11px;top:50%;left:50%;background:url('../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:#595758;position:absolute;top:0;left:0;}
.page_index_cases_lists_container .page_inner_container{padding-top:80px;}
.page_index_cases_lists_container .cases_lists_container{margin-top:28px;position:relative;}
.cases_lists_container{width:100%;font-size:0;}
.cases_lists_container .case_box{display:inline-block;zoom:1;vertical-align:top;margin-right:2.12%;cursor:pointer;}
.cases_lists_container .case_box:hover .case_cover_box > img{
    -webkit-transform: scale(1.05) rotate(0.01deg);
    -ms-transform: scale(1.05) rotate(0.01deg);
    transform: scale(1.05) rotate(0.01deg);
}
.cases_lists_container .case_box:hover .location{text-decoration:underline;}
.cases_lists_container .case_box:hover .title{text-decoration:underline;}
.cases_lists_container .case_row{margin-top:28px;}
.cases_lists_container .case_row:first-child{margin-top:0;}
.temas::before {
    background: url(../images/teams.png) no-repeat!important;;
    background-size: 40px 40px;

}
.teamsimg{
	    width: 40px;
    height: 40px;
      position: absolute;
    top: 62%;
    left: 3px;
    transform: translateY(-50%);
}
/*.cases_lists_container .case_row .case_box:first-child{margin-left:0;}*/
.cases_lists_container .case_row .case_box:nth-child(3n+3){margin-right:0;}
.case_box.size_big{width:65.855%;}
.case_box.size_middle{width:48.897%;}
.case_box.size_small{width:31.863%;margin-bottom: 28px}
.case_box .inner_structure{width:100%;position:relative;}
.loadingM{position:relative;}
.loadingM::after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;
    background:#fff url('../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; */
}
 .category_card{position:absolute;top:0px;height:39px;min-width:103px;padding:0 10px;font-family:'montserrat-regular',sans-serif;text-align:center;line-height:39px;left:0;text-transform:uppercase;color:#fff;}
 .category_card.bg_1{background-color: rgb(134 134 134 / 75%);}
  .category_card.bg_2{background-color: rgb(134 134 134 / 75%);}
 .category_card.bg_3{background-color: rgb(134 134 134 / 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%);
}

.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:235px;height:64px;text-align:center;line-height:64px;font-family:'montserrat-regular',sans-serif;font-size:15px;color:#4a4a4a;border:2px solid #4a4a4a;cursor:pointer;text-transform:uppercase;margin:0 auto;position:relative;overflow:hidden;
    -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);
}
.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: translateX(-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);
}

.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:866px;}
.part_container.right_part_container{width:419px;}
.page_index_superstar_container{width:100%;}
.page_index_superstar_container .superstars_groups{width:100%;font-size:0;margin-top:35px;}
.superstars_groups .sg_grid{width:50%;display:inline-block;zoom:1;vertical-align:top;position:relative;height:490px;}
.superstars_groups .sg_grid::before{content:'';display:block;width:100%;padding-bottom:85.45%;}
.superstars_groups .sg_grid .aniview{width:100%;height:auto;position:absolute;top:0;left:0;}
.superstars_groups .sg_grid img{width:100%;height:100%;}


.index_news_container{width:100%;height:437px;background-color:#f5f5f5;padding:44px 30px 0;margin-top:28px;}
.index_news_container .news_groups{width:100%;font-size:0;margin-top:23px;position:relative;}
.news_groups .slider-bloc{height:303px;}
.news_groups .nav-slider{top:-61px;}
.news_groups .item-slider{width:407px;height:100%;}
.news_groups .one_group{width:50%;display:inline-block;zoom:1;vertical-align:top;text-align:justify;}
.news_groups .news_grid{display:inline-block;zoom:1;vertical-align:top;width:396px;height:146px;background-color:#fcfcfc;margin:0 0 11px 0;padding:0 17px;position:relative;line-height:1;font-family:'PingFangSC-Regular','Helvetica',sans-serif;cursor:pointer;
    -webkit-transition: background-color 0.6s ease-in-out;
    -o-transition: background-color 0.6s ease-in-out;
    transition: background-color 0.6s ease-in-out
}
.news_grid:nth-child(4){
    margin-left: 14px!important;
}
.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: 1001px;
    border: 1px solid #cfcfcf;
    position: relative;
    margin-top: 72px;}
.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:30px;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.wechat{width:25px;height:21px;background-position:-118px -1px;}
.social_buttons > .sb_grid.unknowx{width:22px;height:22px;background-position:-176px 0;}
#page_bottom .page_inner_container .back_to_top_bt{font-size:16px;color:#545454;text-transform:uppercase;right:0;top:33px;line-height:1;position:absolute;font-family:'montserrat-regular',sans-serif;cursor:pointer;}
.part_content.down_content{height:82px;}
.down_content .logo_bottom{width:266px;height:44px;position:relative;left:0;top:18px;background:url('../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:#595758;position:absolute;top:0;left:0;}
#page_superstars_body > .page_inner_container{margin-top:111px;}
#page_superstars_body .page_title{}
.page_title{line-height:1;position:relative;
    /* text-transform:uppercase; */
}
.page_title > ._title{color:#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:8px;text-align:right;right:0;text-transform:uppercase;}
.part_title > .title_grid{display:inline-block;zoom:1;vertical-align:middle;position:relative;color:#121212;padding:0 1px;cursor:pointer;margin-left:80px;
    font-size:16px;
}
.part_title > .title_grid:first-child{margin-left:0;}
.part_title > .title_grid.active{font-family:'montserrat-bold',sans-serif;}

.part_title > .title_grid::before{content:'';position:absolute;top:50%;left:-42px;width:5px;height:5px;background-color:#121212;border-radius:50%;
    transform: translateY(-50%);
}
.part_title > .title_grid:first-child::before{content:'';width:0;height:0;}

a.hoverChange{position:relative;display:block;}
.active a.hoverChange span{color:#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);
}
.p_i_e_box{
	    background: #333;
    padding: 90px;
    box-sizing: border-box;
}
.p_i_e_box p{
	    color: #fff;
    opacity: 1;
    font-size: 18px;
}
.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:30%;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:#595758;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:70px;color:#fff}
.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:100px;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:434px;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:1% 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:#595758;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:#595758;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('http://static.dinzd.com/assets/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:#595758;
    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;margin-top: 50px}
#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:50px;}

#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/about_header.jpg');}
#page_about_container .about_text{width:100%;padding-left:998px;height:650px;position:relative;}
#page_about_container .remarks_container{width:100%;position:relative;}
#page_about_container .remarks_container::before{content:'';display:block;width:100%;padding-bottom:32.552%;}
#page_about_container .__word_container.title{width:52%;background:url('../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;}

.its_brand_container{width:100%;background-color:#595758;font-family:'PingFangSC-Regular','Helvetica',Arial,sans-serif;overflow:hidden;padding:160px 0 110px;}
.its_brand_container .text_content{width:100%;color:#2f2f2f;padding-right:550px;position:relative;line-height:1.6;}
.its_brand_container .text_content::after{content:'ITS BRAND';font-family:'montserrat-regular',sans-serif;color:#1f1f1f;font-size:68px;top:0;right:82px;position:absolute;line-height:1;}
.its_brand_container .logo_wall{width:100%;margin-top:9.885%;}
.logo_wall .logo_grid{width:22.965%;overflow:hidden;position:relative;float:left;cursor:pointer;}
.logo_wall .logo_grid:hover .hidden_text{
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.logo_wall .logo_row .logo_grid{margin-left:2.661%;}
.logo_wall .logo_row .logo_grid:first-child{margin-left:0;}
.logo_wall .logo_row{margin-top:2.661%;}
.logo_wall .logo_row:first-child{margin-top:0;}
.logo_grid .logo_img{width:100%;height:100%;}
.logo_grid .logo_img img{width:100%;height:100%;}
.logo_grid .hidden_text{width:100%;height: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.863%;position:relative;margin-right:2.12%;cursor:pointer;}
.cn_groups_container .cng_grid:hover ._bg{
    -webkit-transform: scale(1.05) rotate(0.01deg);
    -ms-transform: scale(1.05) rotate(0.01deg);
    transform: scale(1.05) rotate(0.01deg);
}
.cn_groups_container .cng_grid:hover .__author{text-decoration:underline;}
.cn_groups_container .cng_grid:hover .__award{text-decoration:underline;}
.cn_groups_container .cng_grid::before{content:'';width:100%;padding-bottom:102.62%;display:block;}
.cn_groups_container .row{margin-top:2.129%;}
.cn_groups_container .row:first-child{margin-top:0;}
/*.cn_groups_container .row .cng_grid:first-child{margin-left:0;}*/
.cng_grid{
    margin-bottom: 2%;
}
.cn_groups_container .row .cng_grid:nth-child(3n+3){
    margin-right: 0;
}
.cng_grid .cng_body{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.cng_body > ._bg{width:100%;height:100%;background-repeat:no-repeat;background-position:center;background-size:cover;
    -webkit-transition: all 2s;
    transition: all 2s;
}
.cng_body > ._text{width:100%;height:31.627%;position:absolute;bottom:0;left:0;background:url('../images/text_bg.png') no-repeat 0 0;background-size:contain;color:#fff;line-height:1;
 	text-align: center;
    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;    text-align: right;
    padding: 0 20px;
    box-sizing: border-box;}
#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%;overflow:hidden;position:relative;}
#case_detail_container .detail_header_container::before{content:'';display:block;width:100%;padding-bottom:22.395%;}
.detail_header_container > .the_box{width:100%;height:100%;position:absolute;top:0;left:0;}
.detail_header_container .dh_image{width:100%;height:100%;position:relative;
    background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:fixed;
}
.detail_header_container .dh_image::before{content:'';width:100%;height:100%;background-color:rgba(0,0,0,.8);position:absolute;top:0;left:0;z-index:1;}
.detail_header_container .dh_image .scroll_img_box{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.detail_header_container .dh_image .scroll_img_box img{width:100%;height:auto;position:absolute;top:0;left:0;overflow:hidden;}
.detail_header_container .case_info{position:absolute;width:100%;height:100%;top:0;left:0;z-index:7;line-height:1;color:#fff;padding-top:75px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}
._icon_map{}
.case_info > ._title{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:60px 0 137px;background-color:#fff;position:relative;}
.detail_main_content_container .dmc_main_body{width:1140px;margin:0 auto;}
.dmc_main_body > .dmc_text_container{width:100%;min-height:336px;padding-left:246px;position:relative;}
.dmc_text_container .recommend_position{width:246px;height:336px;position:absolute;top:0;left:0;background-color:#f5f5f5;}
.dmc_text_container > .text{color:#1f1f1f;margin:0 29.8% 0 20px;line-height:1.5;}
.dmc_text_container > .text p{margin-top:10px;}
.dmc_text_container > .text p:first-child{margin-top:0;}
.case_mix_content_container{width:100%;margin-top:44px;
   
}
.case_mix_content_container.content_in_personal p img{margin:0 auto;}
.case_mix_content_container 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 23.68%;text-align:left;}
.case_mix_content_container .m_img_box + .m_text_box{margin-top:4.82%;}
.case_mix_content_container .m_text_box + .m_img_box{margin-top:5.43%;}
.case_mix_content_container .m_img_box img{max-width:100%;margin:0 auto;
    -webkit-transition: all 1.5s cubic-bezier(.19,1,.22,1);
    -moz-transition: all 1.5s cubic-bezier(.19,1,.22,1);
    -o-transition: all 1.5s cubic-bezier(.19,1,.22,1);
    transition: all 1.5s cubic-bezier(.19,1,.22,1);
}
.case_mix_content_container p iframe{width:59.375vw;height:33.75vw;}

.case_text_image_container p iframe{width:100%;height:66.75vw;}

.case_mix_content_container .m_img_box.half_width{padding-left:23.68%;margin-right: auto;}
.case_mix_content_container .m_img_box.half_width img{margin:0;}
.case_mix_content_container .m_img_box > i{position:absolute;bottom:-22px;color:#868686;font-size:12px;font-style:normal;}
.case_text_image_container .m_img_box > i{display:block;color:#868686;font-size:11px;font-style:normal;padding-left:.373rem;margin-top:6px;}

.case_base_info_container{width:100%;margin-top:90px;font-size:0;white-space:nowrap;}
.case_base_info_container .info_group{width:50%;position:relative;display:inline-block;vertical-align:top;}
.case_base_info_container .info_group:nth-child(2){margin-left:1.28%;}
.case_base_info_container .info_group::before{content:'';width:2px;height:100%;background-color:#1f1f1f;position:absolute;top:0;left:0;}
.case_base_info_container .info_group .info_block{padding:0 2.63% 0 5px;}
.info_block > .info_line{width:100%;border-bottom:1px solid #1f1f1f;color:#1f1f1f;line-height:1;padding-bottom:7px;margin-top:6px;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:#595758;}
.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.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%;}
.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:102.38%;display:block;}
.flex_case_group .case_box:hover .case_cover img{
    -webkit-transform: scale(1.05) rotate(0.01deg) translate(-50%,-50%);
    -ms-transform: scale(1.05) rotate(0.01deg) translate(-50%,-50%);
    transform: scale(1.05) rotate(0.01deg) translate(-50%,-50%);
}
.flex_case_group .case_box:hover .__info1{text-decoration:underline;}
.flex_case_group .case_box:hover .__info2{text-decoration:underline;}
.case_box .case_box_inner{width:100%;height:100%;position:absolute;top:0;left:0;padding-top:66.19%;}
.case_box .case_cover{width:100%;position:absolute;top:0;left:0;}
.case_box .case_cover::before{content:'';width:100%;padding-bottom:66.19%;display:block;}
.case_box .case_cover .case_images_hidden{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;}
.case_box .case_cover img{
    width:100%;height:auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scale(1) rotate(0deg) translate(-50%,-50%);
    -ms-transform: scale(1) rotate(0deg) translate(-50%,-50%);
    transform: scale(1) rotate(0deg) translate(-50%,-50%);
    -webkit-transition: all 2s;
    transition: all 2s;
}
.case_box .case_cover .case_category{text-transform:uppercase;position:absolute;top:0px;left: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: rgb(134 134 134 / 75%);}
.case_box .case_cover .case_category.bg_2{background-color: rgb(134 134 134 / 75%);}
.case_box .case_cover .case_category.bg_3{background-color: rgb(134 134 134 / 75%);}
.case_box .case_info{width:100%;height:100%;background-color:#fff;}
.case_box .case_info > ._content_container{    line-height: 1;
    padding-left: 0;
    text-align: center;
    padding: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.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;text-align: right;}
.__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;
}
.ssx{
	    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.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:#595758;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:#595758;position:absolute;top:0;left:0;
    transform: translateX(8.3vw);
}
#page_most_container .outter_decoration_container .tmc_group{margin-top:0;}
#page_most_container .most_inner_container:nth-of-type(2) .tmc_group{margin-top:4.56%;}

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

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

/* type_c */
.the_most_cases_layout .tmc_group._type_2::before{content:'';width:100%;padding-bottom:68.16793%;display:block;}
.tmc_group._type_2 .img_grid._graph_a{width:35.648854%;top:6.71892%;left:0;}
.tmc_group._type_2 .img_grid._graph_a::before{content:'';display:block;width:100%;padding-bottom:143.254%;}
.tmc_group._type_2 .img_grid._graph_b{width:62.2900763%;top:0;left:37.7862%;}
.tmc_group._type_2 .img_grid._graph_b::before{content:'';display:block;width:100%;padding-bottom:57.72%;}
.tmc_group._type_2 .img_grid._graph_c{width:44.8854%;top:0;left:37.7862%;top:55.655%;}
.tmc_group._type_2 .img_grid._graph_c::before{content:'';display:block;width:100%;padding-bottom:67.34%;}

.tmc_group._type_2 .tmc_text_blocks .nub{top:55.991%;right:11.002%;}
.tmc_group._type_2 .tmc_text_blocks .text_dialog{top:86.22%;left:0;}

/* type_d */
.the_most_cases_layout .tmc_group._type_3::before{content:'';width:100%;padding-bottom:64.8854%;display:block;}
.tmc_group._type_3 .img_grid._graph_a{width:57.251%;top:0;left:0;}
.tmc_group._type_3 .img_grid._graph_a::before{content:'';display:block;width:100%;padding-bottom:113.33%;}
.tmc_group._type_3 .img_grid._graph_b{width:40.763%;top:0;left:59.1603%;}
.tmc_group._type_3 .img_grid._graph_b::before{content:'';display:block;width:100%;padding-bottom:121.161%;}

.tmc_group._type_3 .tmc_text_blocks .nub{top:80.94%;right:1%;}
.tmc_group._type_3 .tmc_text_blocks .text_dialog{top:80.94%;left:59.1603%;}

#page_cooperatior_container{width:100%;}
.header_image_of_cooperatior{width:100%;position:relative;}
.header_image_of_cooperatior::before{content:'';display:block;width:100%;padding-bottom:29.427%;}
.header_image_of_cooperatior .its_img_container{width:100%;height:100%;position:absolute;top:0;left:0;background:url('../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;
}
#page_cooperatior_container .remarks_container{width:100%;position:relative;}
#page_cooperatior_container .remarks_container::before{content:'';display:block;width:100%;padding-bottom:32.552%;}
.remarks_container > ._main_body{width:100%;height:100%;position:absolute;top:0;left:0;}
.remarks_container .__word_container{float:left;height:100%;color:#1f1f1f;line-height:1;font-family:'PingFangSC-Regular','Helvetica',sans-serif;
    display:flex;
    justify-content:center;
    align-items:center;
}
.__word_container.title{width:43.75%;background-color:#595758;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:6.106%;
    display:flex;
    justify-content:left;
    align-items:flex-start;
}
#partners_group_container .partner_row{width:25%;margin-left:10px;
    display:flex;
    justify-content:left;
    align-items:flex-start;
    flex-wrap:wrap;
}
#partners_group_container .partner_row:first-child{margin-left:0;}
.partner_row > .partner_grid{width:100%;height:auto;margin-bottom:10px;}
.partner_row > .partner_grid img{width:100%;height:auto;}
.partner_row > .partner_grid.full_size{}
.partner_row > .partner_grid.half_size{width:50%;}

.width_1185{width:1185px;margin:0 auto;}
.width_1058{width:1058px;margin:0 auto;}
.full_year_services_container{width:100%;position:relative;background: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:#595758;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;}
._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%);
}
._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;}

/*效果之类*/

._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:5.54rem;height:1rem;background:url('../images/logo.png') no-repeat center;background-size:contain;position:absolute;top:50%;left:50%;
    transform:translate(-50%,-50%);
}
#mobile_page_header_container .header_search_container{width:.41rem;height:.41rem;background-size:contain;position:absolute;top:50%;right:.68rem;
    transform:translateY(-50%);
}
.header_search_container > button{width:.5rem;height:.5rem;background:url('../images/mobile_icon_fdj.png') no-repeat center;background-size:contain;position:absolute;top:-2px;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/logo1.png');}
#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:#595758;}
.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.qq{width:.386rem;height:.386rem;}
.share_link.unknowi{width:.373rem;height:.36rem;}
.share_link > .share_icon.qq{width:.293rem;height:.293rem;}
.share_link > .share_icon.qq.icon_fix::after{background-position:0 0;}
.share_link > .share_icon.weibo{width:.346rem;height:.28rem;}
.share_link > .share_icon.weibo.icon_fix::after{background-position:-77.3rem -1.3rem;}
.share_link > .share_icon.wechat{width:.333rem;height:.28rem;}
.share_link > .share_icon.wechat.icon_fix::after{background-position:-157.3rem -1.3rem;}
.share_link > .share_icon.unknowi{width:.293rem;height:.293rem;}
.share_link > .share_icon.unknowi.icon_fix::after{background-position:-234.6rem 0;}

#mobile_detail_bts .share_link > .share_icon.icon_fix::after{content:'';display:block;width:10000%;height:10000%;position:absolute;top:0;left:0;background: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.weibo.icon_fix::after{background-position:-88rem 0;}
#mobile_detail_bts .share_link > .share_icon.wechat{width:.453rem;height:.373rem;}
#mobile_detail_bts .share_link > .share_icon.wechat.icon_fix::after{background-position:0 -5.333rem;}
#mobile_detail_bts .share_link > .share_icon.unknowi{width:.373rem;height:.36rem;}
#mobile_detail_bts .share_link > .share_icon.unknowi.icon_fix::after{background-position:-257.333rem -5.333rem;}

/* 移动端全宽度黄色背景 */
.yellow_top_bg{position:relative;}
.yellow_top_bg::before{content:'';width:100%;height:6.16rem;display:block;position:absolute;top:0;left:0;background-color:#595758;}
.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:#595758;}
.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:#fff;font-family:'playfair_regular',sans-serif;text-align:center;line-height:1;}
/* 移动端页面面包屑 */
.page_text_navs{width:100%;position:relative;}
.page_text_navs .page_text_nav_items{width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}
.page_text_nav_items .page_text_nav_item{font-family:'montserrat-bold','PingFangSC-Regular','微软雅黑','Microsoft YaHei',sans-serif;color:#fff;text-transform:uppercase;margin-left:1.506rem;position:relative;}
.page_text_nav_items .page_text_nav_item.active::after{content:'';width:100%;height:2px;background-color:#121212;position:absolute;bottom:0;left:0;}
.page_text_nav_items .page_text_nav_item:first-child{margin-left:0;}
.page_text_nav_items .page_text_nav_item::before{content:'';position:absolute;width:5px;height:5px;background-color:#121212;left:-.819rem;right:0;border-radius:50%;top:50%;
    transform:translateY(-50%);
}
.page_text_nav_items .page_text_nav_item:first-child::before{content:'';width:0;height:0;}
.page_text_navs.short_between .page_text_nav_items .page_text_nav_item{margin-left:1.2rem;}
.page_text_navs.short_between .page_text_nav_items .page_text_nav_item:first-child{margin-left:0;}
.page_text_navs.short_between .page_text_nav_items .page_text_nav_item::before{left:-.666rem}
.page_text_navs.with_downward_icon::after{content:'';position:absolute;left:50%;background: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;}
.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:#595758;}
.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:#595758;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:#595758;}
/* 类公司内部其他连接 */
.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:0px;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;left:0;text-transform:uppercase;top:0;text-align:center;}
.__card_cover.bg_1 .___sign{background-color: rgba(134,134,134,0.7);}
.__card_cover.bg_2 .___sign{background-color: rgba(134,134,134,0.7);}
.__card_cover.bg_3 .___sign{background-color: rgba(134,134,134,0.7);}
._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%;
    margin-top: .64rem;

}
.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:#fff;line-height:1;}
._title_with_icon::before{content:'';position:absolute;top:50%;left:0;background:url('../images/anli1.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:.9rem;}
._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:.9rem;}
._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:.9rem;}
._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;}
.m-teams{
	width: 0.8rem;
    height: 0.8rem;
      transform: translateY(-58%);
}
.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:6rem;    position: relative;}
.half_grid_groups ._one_item img{width:100%;height:100%;}

#index_superstars4mobile{margin-top:1.36rem;padding-bottom:1.826rem;}
#index_superstars4mobile .half_grid_groups{margin-top:.52rem;}

#index_news4mobile{width:100%;position:relative;background: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:#595758;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:#595758;}

/*详情页补充信息*/
#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:#595758;}
.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.png');}
#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: fixed;
    top:1.44rem;
    left: 0;
    width: 100%;
    z-index: 99999;
    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: rgba(70, 70, 70, .8);}
#mobile_top_nav ._nav_lists{position:absolute;top:10%;left:8.8vw;line-height:1;}
#mobile_top_nav ._nav_lists li{color:#fff;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:.5rem;}

#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.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.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 #595758;
}

.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 #595758;
    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;
}

@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:#595758;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:#595758;}
#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:70px;height:70px;position:absolute;top:50%;left:30px;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);
}

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

.more-sliders-container{
    width: 100%;
}
.more-sliders-container .sliders-wrapper{
    width: 100%;
}
.sliders-wrapper .parallax-sliders{
    width: 100%;
}
.parallax-sliders .parallax-slider-item{

}
.parallax-slider-item img{
    max-width: 100%;
    height: auto;
    visibility: hidden;
}
.parallax-slider-item .img-holder{
    width: 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 50%;
    background-size: 50%;
    background-attachment: fixed;
    float: left;
}
.parallax-slider-item .text-container{
    width: 50%;
    height: 100%;
    position: relative;
    float: right;
}
.text-container .text-main-body{
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding-left: 15.9375%;
    padding-right: 19.166%;
}
.text-main-body p{
    color: #fff;
    font-family:'PingFangSC-Thin',Arial,'Helvetica',sans-serif;
    text-align: left;
}
.text-main-body p.title{
    font-size: 16px;
}
.text-main-body p.content{
    font-size: 23px;
    margin-top: 20px;
    margin-bottom: 9.69%;
}
.text-main-body p.dialog{
    font-size: 16px;
    line-height: 1.6;
}
.real_project_container{max-width: 1634px; font-size: 0; margin: 155px auto 0;}
.real_project_container .project_box { width: 50%; display: inline-block; max-width: 817px; overflow: hidden; cursor: pointer; }

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

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

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

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

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

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

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

.block_ani{overflow:hidden;}
.block_ani .outer_box{
    background-color:rgba(0,0,0,.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;
}
.asd:nth-child(2){
    margin-right: 0;
}
.tels{
    display: inline-block;
    line-height: 75px;
    font-size: 15px;
    margin-left: 40px;
    color: #1f1f1f;
}
._with_opacity_bg .tels{
    display: inline-block;
    line-height: 75px;
    font-size: 15px;
    color: #fff;
    margin-left: 40px;
}
#page_header_container.__hide .tels{
    color: #1f1f1f;
}
.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; }