
/*
 fixed                不占位
 scroll-top           头部触顶状态 -> 白字导航
 opacity_black        头部触顶状态2 -> 黑字导航
*/


#temp_wcb_header_header03_19_nav{}
#temp_wcb_header_header03_19_nav .head{height: var(--head_top_height);width: 100%;padding: 0 4%;transition: background-color .3s;border-bottom: 1px solid transparent;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);color: var(--head_fz_color);}
#header.fixed.scroll-top #temp_wcb_header_header03_19_nav .head{border-bottom-color: rgba(255, 255, 255, 0.2);box-shadow: none;color: #fff;}
#header.fixed.scroll-top.opacity_black #temp_wcb_header_header03_19_nav .head{color: #333;}


/* 背景色 */
#header_bg{height: var(--head_top_height);width: 100%;pointer-events: none;transition:background .3s;background: var(--head_bg_color);}
#header.fixed.scroll-top #header_bg{background: transparent;}



/* logo部分 */
#temp_wcb_header_header03_19_nav .weblogo{height: 100%;overflow: hidden;transition: .3s;}
#temp_wcb_header_header03_19_nav .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);}
#temp_wcb_header_header03_19_nav .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);}
#header.fixed.scroll-top #temp_wcb_header_header03_19_nav .weblogo .logo_w{display: block;}
#header.fixed.scroll-top #temp_wcb_header_header03_19_nav .weblogo .logo_b{display: none;}
#header.fixed.scroll-top.opacity_black #temp_wcb_header_header03_19_nav .weblogo .logo_w{display: none;}
#header.fixed.scroll-top.opacity_black #temp_wcb_header_header03_19_nav .weblogo .logo_b{display: block;}


/* 按钮部分 */
#temp_wcb_header_header03_19_nav .head_btn{display: flex;align-items: center;font-size: 16px;transition: .3s;}
#temp_wcb_header_header03_19_nav .head_btn > *{padding: 10px 15px;}
#temp_wcb_header_header03_19_nav .head_btn > *:last-child{padding-right: 0;}
#temp_wcb_header_header03_19_nav .head_btn > * > i{font-size: 20px;}
#temp_wcb_header_header03_19_nav .head_btn .language i{margin-right: 6px;}



/* 移动端菜单按钮 */
#temp_wcb_header_header03_19_nav .head_menu{display: flex;}
#temp_wcb_header_header03_19_nav .head_menu .menu{display: block;padding: 30px 20px;position: relative;cursor: pointer;margin-left: -20px;}
#temp_wcb_header_header03_19_nav .head_menu .span{transition: .3s;transform-style: preserve-3d;width: 40px;height: 20px;line-height: 20px;margin-left: -14px;}
#temp_wcb_header_header03_19_nav .head_menu .span > *{position: absolute;left: 0;bottom: 0;right: 0;top: 0;text-align: center;}
#temp_wcb_header_header03_19_nav .head_menu .span_m{transform: translateZ(10px);}
#temp_wcb_header_header03_19_nav .head_menu .span_c{transform: rotateX(-90deg) translateZ(10px);}
#temp_wcb_header_header03_19_nav .head_menu .menu i{width: 20px;height: 2px;display: block;background: var(--head_fz_color);position: relative;transition: .3s;}
#temp_wcb_header_header03_19_nav .head_menu .menu i::before{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(-7px);transition: .3s;}
#temp_wcb_header_header03_19_nav .head_menu .menu i::after{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(7px);transition: .3s;}
#header.fixed.scroll-top #temp_wcb_header_header03_19_nav .head .menu i,
#header.fixed.scroll-top #temp_wcb_header_header03_19_nav .head .menu i::before,
#header.fixed.scroll-top #temp_wcb_header_header03_19_nav .head .menu i::after{background: #fff;}
#header.fixed.scroll-top.opacity_black #temp_wcb_header_header03_19_nav .head .menu i,
#header.fixed.scroll-top.opacity_black #temp_wcb_header_header03_19_nav .head .menu i::before,
#header.fixed.scroll-top.opacity_black #temp_wcb_header_header03_19_nav .head .menu i::after{background: #333;}





/*
 menu_expand    侧边栏展开状态
*/
/* 菜单按钮    侧边栏展开  */
#header.menu_expand #temp_wcb_header_header03_19_nav .head{border-bottom-color: transparent !important;box-shadow: none;}
#header.menu_expand #temp_wcb_header_header03_19_nav .menu i{background: transparent !important;}
#header.menu_expand #temp_wcb_header_header03_19_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);}
#header.menu_expand #temp_wcb_header_header03_19_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);}
#header.menu_expand #temp_wcb_header_header03_19_nav .span{transform: rotateX(90deg);color: var(--head_fz_color);}

#header.menu_expand #temp_wcb_header_header03_19_nav .weblogo,
#header.menu_expand #temp_wcb_header_header03_19_nav .head_btn{opacity: 0;}












@media only screen and (max-width: 900px) {
    #temp_wcb_header_header03_19_nav .head_btn .search i {font-size: 26px;}
    #temp_wcb_header_header03_19_nav .head_btn .language{margin-right: 20px;font-size: 20px;}
    #temp_wcb_header_header03_19_nav .head_btn .language i {font-size: 26px;margin-right: 10px;}
}

@media only screen and (max-width: 750px) {
    #temp_wcb_header_header03_19_nav .head{height: var(--head_top_height_app);}


    #temp_wcb_header_header03_19_nav .head_btn .search i {font-size: var(--font-txt-S);}
    #temp_wcb_header_header03_19_nav .head_btn .language{margin-right: 20px;font-size: var(--font-txt-S);}
    #temp_wcb_header_header03_19_nav .head_btn .language i {font-size: var(--font-txt-S);margin-right: 10px;}

    #temp_wcb_header_header03_19_nav .head .menu i{width: 46px;height: 3px;}
    #temp_wcb_header_header03_19_nav .head .menu i::before{transform: translateY(-18px);height: 3px;}
    #temp_wcb_header_header03_19_nav .head .menu i::after{transform: translateY(18px);height: 3px;}

    #temp_wcb_header_header03_19_nav .head_menu .span{width: 80px;height: 40px;line-height: 40px;}
    #temp_wcb_header_header03_19_nav .head_menu .span > *{font-size: var(--font-bri-S);}
    #temp_wcb_header_header03_19_nav .head_menu .span_m{transform: translateZ(20px);}
    #temp_wcb_header_header03_19_nav .head_menu .span_c{transform: rotateX(-90deg) translateZ(20px);}
}

#w029_case_hengfu_16_bg {width: 100%;height: 100%;top: 0;left: 0;}
#w029_case_hengfu_16_bg .appBanner {display: none;}
@media screen and (max-width:750px) {
    #w029_case_hengfu_16_bg .appBanner {display: block;}
    #w029_case_hengfu_16_bg .pcBanner {display: none;}
}

#w029_case_hengfu_16 .img{min-height: 400px;}
#w029_case_hengfu_16 .img img{width: 100%;display: block;}
#w029_case_hengfu_16 .imgApp{display: none;min-height: 480px;}
#w029_case_hengfu_16 .imgApp img{width: 100%;display: block;}
#w029_case_hengfu_16 .box{top: 0;overflow: hidden;height: 100%;pointer-events: none;}

#w029_case_hengfu_16 .position_box{width: 100%;height: 100%;position: absolute;left: 0%;bottom: 0%;}
#w029_case_hengfu_16.height_change .position_box{width: 100%;height: calc((100% - 100px));position: absolute;left: 50%;bottom: 0%;transform: translateX(-50%);}

#w029_case_hengfu_16 .text{display: flex;flex-direction: column;width: 100%;padding: 15px 0;}
#w029_case_hengfu_16 .text .name{font-size: var(--small_size);color: var(--small_color);font-weight: var(--small_weight);font-style: var(--small_style);line-height: var(--small_lh);margin-bottom: 26px;pointer-events: all;}
#w029_case_hengfu_16 .text .subname{font-size: var(--big_size);color: var(--big_color);font-weight: var(--big_weight);font-style: var(--big_style);line-height: var(--big_lh);pointer-events: all;}


#w029_case_hengfu_16 .position_box[position="2"],
#w029_case_hengfu_16 .position_box[position="5"],
#w029_case_hengfu_16 .position_box[position="8"]{text-align: center;}
#w029_case_hengfu_16 .position_box[position="3"],
#w029_case_hengfu_16 .position_box[position="6"],
#w029_case_hengfu_16 .position_box[position="9"]{text-align: right;}




#w029_case_hengfu_16_nav {left: 0;width: 100%;overflow: hidden;z-index: 2;transform: translateY(-50%);}
#w029_case_hengfu_16_nav .nav {height: 100px;background-color: var(--navColor);position: relative;}
#w029_case_hengfu_16_nav .nav::before {position: absolute;content: '';height: 100%;top: 0;right: 100%;width: 1000px;background-color: var(--navColor);}

#w029_case_hengfu_16_nav .nav .category{width: 100%;height: 100%;}
#w029_case_hengfu_16_nav .nav .category .a{font-size: 18px;line-height: 1;color: #fff;}
#w029_case_hengfu_16_nav .nav .category .a.cur{background-color: var(--curFontColor);}

@media (any-hover:hover) {
    #w029_case_hengfu_16_nav .nav .category .a:hover{background-color: var(--curFontColor);}
}
@media screen and (max-width:1200px) {
    #w029_case_hengfu_16_nav {transform: translateY(-100%);}
    #w029_case_hengfu_16_nav .nav::before {right: -50%;width: 200%;}
}
@media screen and (max-width:750px) {
    #w029_case_hengfu_16_nav .nav .category .a {font-size: var(--font-txt-S);}
}

@media screen and (max-width:751px) {
    #w029_case_hengfu_16 .img{display: none;}
    #w029_case_hengfu_16 .imgApp{display: block;}
    #w029_case_hengfu_16 .text .name{font-size: var(--small_size_mobile);color: var(--small_color_mobile);font-weight: var(--small_weight_mobile);font-style: var(--small_style_mobile);}
    #w029_case_hengfu_16 .text .subname{font-size: var(--big_size_mobile);color: var(--big_color_mobile);font-weight: var(--big_weight_mobile);font-style: var(--big_style_mobile);}

    #w029_case_hengfu_16.height_change .position_box{height: calc((100% - 120px));}
}
.w029_contact_detail_17_wrap {padding-top: var(--paddingTop);background: linear-gradient(to bottom, #f5f5f5 calc(100% - 350px), #fff calc(100% - 350px));}

#w029_contact_detail_17 .title{font-size: var(--font_1st_px);color: var(--font_1st_color);font-weight: var(--font_1st_font_weight);font-style: var(--font_1st_font_style);line-height: var(--font_1st_line_height);margin: 30px 0;}
#w029_contact_detail_17 .subtitle {font-size: var(--font_2nd_px);color: var(--font_2nd_color);font-weight: var(--font_2nd_font_weight);font-style: var(--font_2nd_font_style);line-height: var(--font_2nd_line_height);}

#w029_contact_detail_17.myleft .title,
#w029_contact_detail_17.myleft .subtitle{text-align: left;}
#w029_contact_detail_17.myright .title,
#w029_contact_detail_17.myright .subtitle{text-align: right;}
#w029_contact_detail_17.mycenter .title,
#w029_contact_detail_17.mycenter .subtitle{text-align: center;}

#w029_contact_detail_17 .list {margin-bottom: 40px;}
#w029_contact_detail_17 .list .li {padding: 28px;width: 25%;}
#w029_contact_detail_17 .list .li .icon {font-size: 42px;line-height: 38px;color: var(--fontColor);}
#w029_contact_detail_17 .list .li .name {font-size: 20px;line-height: 1;color: var(--fontColor);margin: 30px 0 18px;}
#w029_contact_detail_17 .list .li .brief {font-size: 18px;line-height: 30px;color: #333;}
#w029_contact_detail_17 .map {height: 600px;width: calc(50% + 50vw);}

@media screen and (max-width:1000px) {
    #w029_contact_detail_17 .list .li {padding: 30px;width: 50%;}
}
@media screen and (max-width:750px) {
    .w029_contact_detail_17_wrap {padding-top: var(--appPaddingTop);}
    #w029_contact_detail_17 .title {font-size: var(--font-big-S);}
    #w029_contact_detail_17 .subtitle {font-size: var(--font-txt-S);line-height: var(--font-txt-L);}
    #w029_contact_detail_17 .list .li .icon {font-size: var(--font-big-S);line-height: 1;}
    #w029_contact_detail_17 .list .li .name {font-size: var(--font-sma-S);margin: 40px 0;}
    #w029_contact_detail_17 .list .li .brief {font-size: var(--font-txt-S);line-height: var(--font-txt-L);}
    #w029_contact_detail_17 .map {width: 100%;}
}
/* w029_contact_feedback_18 */
#w029_contact_feedback_18_form {padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);}
#w029_contact_feedback_18_form .form {padding: 80px 200px 98px;background-color: #f1f1f1;}
#w029_contact_feedback_18_form .title{font-size: var(--font_1st_px);color: var(--font_1st_color);font-weight: var(--font_1st_font_weight);font-style: var(--font_1st_font_style);line-height: var(--font_1st_line_height);margin-bottom: 38px;}

#w029_contact_feedback_18_form.myleft .title{text-align: left;}
#w029_contact_feedback_18_form.myright .title{text-align: right;}
#w029_contact_feedback_18_form.mycenter .title{text-align: center;}

#w029_contact_feedback_18_form .form .grid {display: grid;gap: 30px;grid-template-columns: repeat(3, calc((100% - 60px)/3));grid-auto-flow: row;place-content: space-evenly;margin: 0 0 30px;}
#w029_contact_feedback_18_form .form .grid .input {font-size: 16px;width: 100%; height: 60px; color: #333;background-color: #fff;border: 1px solid #fff;overflow: hidden;}
#w029_contact_feedback_18_form .form .grid .input input {padding: 0 20px;}
#w029_contact_feedback_18_form .form .textarea {font-size: 18px;color: #333;line-height: 30px;width: 100%;height: 240px;border: 1px solid #fff; padding: 10px 20px;background-color: #fff;}
#w029_contact_feedback_18_form .form .btn {font-size: 20px;text-align: center;width: 200px;height: 55px; margin: 58px auto 0;cursor:pointer; color: var(--btn_1st_font_color);background-color: var(--btn_1st_bg_color);border-radius:var(--btn_1st_border_radius);}

#w029_contact_feedback_18_form .form .grid .input.focus{border-color: var(--fontColor);}
#w029_contact_feedback_18_form .form .textarea.focus{border-color: var(--fontColor);}
/* 表单检查错误样式 */
#w029_contact_feedback_18_form .form .input.is-error{border-color: red;}
#w029_contact_feedback_18_form .form .textarea.is-error{border-color: red;}
#w029_contact_feedback_18_form .form .input input{width: 100%;height: 100%;line-height: 60px;}
#w029_contact_feedback_18_form .form .textarea textarea{width: 100%;height: 100%;}


@media screen and (max-width:1500px) {
	#w029_contact_feedback_18_form .form {padding: 80px;}
}
@media screen and (max-width:1200px) {
	#w029_contact_feedback_18_form .form .grid {grid-template-columns: repeat(2, calc((100% - 30px)/2));}
}
@media screen and (max-width:900px) {
	#w029_contact_feedback_18_form .form {margin-top: 30px;}
	#w029_contact_feedback_18_form .form .grid {display: block;margin: 0;}
	#w029_contact_feedback_18_form .form .grid .input {width: 100%; font-size: var(--font-txt-S); margin-bottom: 30px;height: 80px;}
	#w029_contact_feedback_18_form .form .textarea {font-size: var(--font-txt-S);width: 100%;height: 300px;}
}
@media screen and (max-width:750px) {
	#w029_contact_feedback_18_form {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);}
	#w029_contact_feedback_18_form .form {padding: 40px;}
	#w029_contact_feedback_18_form .form .title {font-size: var(--font-big-S);}
	#w029_contact_feedback_18_form .form .grid {grid-template-columns: 100%;}
	#w029_contact_feedback_18_form .text {font-size: var(--font-big-S);}
	#w029_contact_feedback_18_form .form .btn {font-size: var(--font-txt-S);min-width: 280px;height: 80px;margin-top: 40px;border-radius: 40px;}
}
/* 全局 */
.w029_index_footer_26_wrapper{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);background-color: var(--bg_color);color: var(--font_color_1);}

@media screen and (max-width: 750px){
    .w029_index_footer_26_wrapper{padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);}
}

#w029_index_footer_26 {border-bottom: 1px solid var(--borderColor);}
#w029_index_footer_26 .title {font-size: var(--font_1st_px);color: var(--font_1st_color);font-weight: var(--font_1st_font_weight);font-style: var(--font_1st_font_style);line-height: var(--font_1st_line_height);margin-bottom: 43px;}
#w029_index_footer_26 .form {gap: 15px;}
#w029_index_footer_26 .form .input {width: 21%;height: 60px;background-color: var(--inputBgColor);font-size: 18px;line-height: 60px;color: var(--inputColor);padding: 0 15px;}
#w029_index_footer_26 .form .textarea {width: 43%;height: 60px;background-color: var(--inputBgColor);font-size: 18px;line-height: 60px;color: var(--inputColor);padding: 0 15px;}
#w029_index_footer_26 .form input {width: 100%;}
#w029_index_footer_26 .form .btn {font-size: 18px;line-height: 1;width: calc((15% - 15px*3));height: 60px; color: var(--btn_1st_font_color);background-color: var(--btn_1st_bg_color);border-radius:var(--btn_1st_border_radius);}
#w029_index_footer_26 .brief {font-size: 18px;line-height: 24px;margin: 38px 0 65px;}


#w029_index_footer_26_msg {padding-top: 70px;}
#w029_index_footer_26_msg .msg {gap: 120px;}
#w029_index_footer_26_msg .msg .logo {width: 125px;height: 125px;}
#w029_index_footer_26_msg .msg .list .text,
#w029_index_footer_26_msg .msg .list .copy {font-size: 16px;line-height: 36px;color: var(--font_color_2);}
#w029_index_footer_26_msg .follow .dt {gap: 20px;}
#w029_index_footer_26_msg .follow .dt .icon {font-size: 24px;line-height: 1;width: 40px;height: 40px;border-radius: 50%;background-color: var(--follow_bg_color);color: #fff;}
#w029_index_footer_26_msg .follow .dt .icon.thicon-weixin {background-color: #7dd25b;}
#w029_index_footer_26_msg .follow .dt .icon.thicon-QQ {background-color: #2a9dff;}
#w029_index_footer_26_msg .follow .dt .icon.thicon-weibo {background-color: #e71f19;}
#w029_index_footer_26_msg .follow .dd {font-size: 16px;line-height: 26px;color: var(--font_color_2);margin-top: 20px;}

@media screen and (max-width:1200px) {
    #w029_index_footer_26 .form .input {width: calc((100% - 15px)/2);}
    #w029_index_footer_26 .form .textarea {width: calc(100% - 200px - 15px);}
    #w029_index_footer_26 .form .btn {width: 200px;}
    #w029_index_footer_26_msg .msg {gap: 40px;}
    #w029_index_footer_26_msg .msg .list {width: 100%;}
}
@media screen and (max-width:850px) {
    #w029_index_footer_26_msg {padding-top: 40px;}
    #w029_index_footer_26_msg .msg {width: 100%;margin-bottom: 40px;}
}
@media screen and (max-width:750px) {
    #w029_index_footer_26 .title {font-size: var(--font-big-S);line-height: var(--font-big-L);}
    #w029_index_footer_26 .form .input,
    #w029_index_footer_26 .form .textarea,
    #w029_index_footer_26 .form .btn {height: 80px;line-height: 80px;font-size: var(--font-txt-S);}
    #w029_index_footer_26 .brief {font-size: var(--font-txt-S);line-height: var(--font-txt-L);margin: 40px 0;}
    #w029_index_footer_26_msg .msg .logo {width: 200px;height: 200px;}
    #w029_index_footer_26_msg .msg .list .text,
    #w029_index_footer_26_msg .msg .list .copy {font-size: var(--font-bri-S);line-height: var(--font-bri-L);}
    #w029_index_footer_26_msg .follow .dt .icon {width: 80px;height: 80px;font-size: 48px;}
    #w029_index_footer_26_msg .follow .dd {font-size: var(--font-bri-S);line-height: var(--font-bri-L);}
}