/*
 fixed                不占位
 scroll-top           头部触顶状态 -> 白字导航
 opacity_black        头部触顶状态2 -> 黑字导航
*/



#temp_wcb_header_header01_6_nav{transition:padding-top .3s;}
#temp_wcb_header_header01_6_nav .head{height: var(--head_center_height);width: 100%;padding: 0 calc(4% + 20px);color: var(--head_fz_color);position: relative;}
#header.fixed.scroll-top #temp_wcb_header_header01_6_nav{padding-top: 60px;}
#header.fixed.scroll-top #temp_wcb_header_header01_6_nav .head{height: var(--head_top_height);}




#temp_wcb_header_header01_6_nav .head::before{height: 100%;position: absolute;top: 0;left: 0;transition:width .3s,margin .3s,border-radius .3s,background .3s;display: block;content: '';pointer-events: none;background: var(--head_bg_color);width: 100%;margin: 0;border-radius: 0;}
#header.fixed.scroll-top #temp_wcb_header_header01_6_nav .head::before{width: 92%;margin: 0 4%;border-radius: 15px;}


/* 背景色 */
#header_bg{background: var(--head_bg_color);height: var(--head_center_height);width: 100%;margin: 0;border-radius: 0;opacity: 0;transition: .3s;}
#header.fixed.scroll-top #header_bg{background: var(--head_bg_color);height: var(--head_top_height);width: 92%;margin: 60px 4% 0;border-radius: 15px;}


/* logo部分 */
#temp_wcb_header_header01_6_nav .weblogo{height: 100%;overflow: hidden;}
#temp_wcb_header_header01_6_nav .weblogo .logo_w{max-height: 90%;display: var(--head_logo_w);}
#temp_wcb_header_header01_6_nav .weblogo .logo_b{max-height: 90%;display: var(--head_logo_b);}



/* 导航栏目 */
#temp_wcb_header_header01_6_nav .head_nav{flex: 1;margin: 0 var(--paddingLeft);position: relative;}
#temp_wcb_header_header01_6_nav .head_nav .li{font-size: var(--font_1st_px);height: var(--head_top_height);border-bottom: 3px solid transparent;margin-left: var(--paddingLeft);transition: .3s ease-out;}
#temp_wcb_header_header01_6_nav .head_nav .li > a{line-height: 2;}
#temp_wcb_header_header01_6_nav .head_nav .li:first-of-type{margin-left: 0;}
#temp_wcb_header_header01_6_nav .head_nav .li:hover,
#temp_wcb_header_header01_6_nav .head_nav .li.cur{color: var(--hoverColor);border-color: var(--hoverColor);}
/* 对比导航 */
.temp_wcb_header_header01_6_nav_width_compare{display: inline-flex;pointer-events: none;position: absolute;top: 0;left: 0;visibility: hidden;opacity: 0;}
.temp_wcb_header_header01_6_nav_width_compare .head_nav{margin: 0 var(--paddingLeft);}
.temp_wcb_header_header01_6_nav_width_compare .head_nav .li{font-size: var(--font_1st_px);margin-left: var(--paddingLeft);}
.temp_wcb_header_header01_6_nav_width_compare .head_nav .li:first-of-type{margin-left: 0;}


/* 按钮部分 */
#temp_wcb_header_header01_6_nav .head_btn{display: flex;align-items: center;font-size: 16px;position: relative;}
#temp_wcb_header_header01_6_nav .head_btn > *{padding: 10px 15px;}
#temp_wcb_header_header01_6_nav .head_btn > *:last-child{padding-right: 0;}
#temp_wcb_header_header01_6_nav .head_btn > * > i{font-size: 20px;}
#temp_wcb_header_header01_6_nav .head_btn .language i{margin-right: 6px;}


/* 移动端菜单按钮 */
#temp_wcb_header_header01_6_nav .head .menu{display: none;padding: 30px 20px;position: relative;cursor: pointer;margin-right: -20px;}
#temp_wcb_header_header01_6_nav .head .menu i{width: 36px;height: 2px;display: block;position: relative;transition: .3s;background: var(--head_fz_color);}
#temp_wcb_header_header01_6_nav .head .menu i::before{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(-14px);transition: .3s;}
#temp_wcb_header_header01_6_nav .head .menu i::after{display: block;content: '';width: 100%;height: 2px;background: var(--head_fz_color);position: absolute;top: 0;transform: translateY(14px);transition: .3s;}



/*
 menu_expand    侧边栏展开状态
 pc_app         导航栏换行时，控制侧边栏按钮
*/


/* 头部整体    侧边栏展开  */
#header.fixed.menu_expand #temp_wcb_header_header01_6_nav{padding-top: 0px;}
#header.fixed.menu_expand #temp_wcb_header_header01_6_nav .head{height: var(--head_center_height);}
#header.menu_expand #temp_wcb_header_header01_6_nav .head::before {background: transparent;}
#header.menu_expand #header_bg {height: var(--head_center_height) !important;width: 100% !important;margin: 0 !important;border-radius: 0 !important;opacity: 1 !important;}
/* 菜单按钮    侧边栏展开  */
#header.menu_expand #temp_wcb_header_header01_6_nav .menu i{background: transparent !important;}
#header.menu_expand #temp_wcb_header_header01_6_nav .menu i::before{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(45deg);}
#header.menu_expand #temp_wcb_header_header01_6_nav .menu i::after{background: var(--head_fz_color) !important;transform: translateY(0px) rotateZ(-45deg);}
/* 导航按钮    侧边栏展开  */
#header.menu_expand #temp_wcb_header_header01_6_nav .head_btn{display: none;}
/* 导航nav 导航按钮    导航栏换行时 */
.temp_wcb_header_header01_6.pc_app #temp_wcb_header_header01_6_nav .head_nav {visibility: hidden;opacity: 0;}
.temp_wcb_header_header01_6.pc_app #temp_wcb_header_header01_6_nav .head .menu{display: block;}




@media only screen and (max-width: 1024px) { 
    #temp_wcb_header_header01_6_nav .head_nav .li{margin: 0 8px;}
    #temp_wcb_header_header01_6_nav .head_nav {display: none;}
    #temp_wcb_header_header01_6_nav .head .menu{display: block;}
    #temp_wcb_header_header01_6_nav .head_btn{flex: 1;justify-content: flex-end;}
}

@media only screen and (max-width: 900px) {
    #temp_wcb_header_header01_6_nav .head_btn .search i {font-size: 26px;}
    #temp_wcb_header_header01_6_nav .head_btn .language{margin-right: 20px;font-size: 20px;}
    #temp_wcb_header_header01_6_nav .head_btn .language i {font-size: 26px;margin-right: 10px;}
}

@media only screen and (max-width: 750px) {
    #temp_wcb_header_header01_6_nav .head{height: var(--head_top_height_app);}
    #header.menu_expand #header_bg{height: var(--head_top_height_app) !important;}

    #temp_wcb_header_header01_6_nav .head .menu{padding: 30px;}
    #temp_wcb_header_header01_6_nav .head .menu i{width: 46px;height: 3px;}
    #temp_wcb_header_header01_6_nav .head .menu i::before{transform: translateY(-18px);height: 3px;}
    #temp_wcb_header_header01_6_nav .head .menu i::after{transform: translateY(18px);height: 3px;}

    #temp_wcb_header_header01_6_nav .head_btn .search i {font-size: var(--font-big-S);}
    #temp_wcb_header_header01_6_nav .head_btn .language{display: none;}

    #header.menu_expand #temp_wcb_header_header01_6_nav .weblogo{opacity: 0;}
}

#w016_contact_us_address_15_map  .map{height: 970px;width: 100%;}

#w016_contact_us_address_15_map .contact_way{top:27.42%;position: absolute;}

#w016_contact_us_address_15_map .contact_way .mess{padding: 90px 50px 55px 50px;background-color: #fff;}

#w016_contact_us_address_15_map .contact_way .mess .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:32px;}
#w016_contact_us_address_15_map .contact_way .mess .introduce{padding: 35px 0 30px 0;border-bottom: 1px solid #eeeeee;border-top:  1px solid #eeeeee;}
#w016_contact_us_address_15_map .contact_way .mess .introduce:first-child{border-top:none}
#w016_contact_us_address_15_map .contact_way .mess .introduce:last-child{border-bottom: none;}
#w016_contact_us_address_15_map .contact_way .mess .introduce .svgg{width: 20px;height: 20px;fill:var(--fontColor)}

#w016_contact_us_address_15_map .contact_way .mess .introduce .text{margin-top: 22px;}
#w016_contact_us_address_15_map .contact_way .mess .introduce .text .bri{font-size: 16px;}
#w016_contact_us_address_15_map .contact_way .mess .introduce .text .intro{font-size: 16px; margin-top: auto;margin-left:7px;}

@media screen and (max-width:751px) {
    #w016_contact_us_address_15_map  .map{height: 1050px;}
    #w016_contact_us_address_15_map .contact_way{position: static;;}
    #w016_contact_us_address_15_map .contact_way .mess .title{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);}
    #w016_contact_us_address_15_map .contact_way .mess .introduce .text .bri{font-size: var(--font-txt-S);line-height:var(--font-txt-L)}
    #w016_contact_us_address_15_map .contact_way .mess .introduce .text .intro{font-size: var(--font-txt-S);width: 510px;line-height:var(--font-txt-L)}
    #w016_contact_us_address_15_map .contact_way .mess .introduce .svgg{width: 60px;height: 60px;}
}

/* 结束 */


#w016_contact_us_feedback_16{padding-top: var(--paddingTop);padding-bottom: var(--paddingBottom);}
@media screen and (max-width:750px) {
	#w016_contact_us_feedback_16 {padding-top: var(--appPaddingTop);padding-bottom: var(--appPaddingBottom);}
}

#w016_contact_us_feedback_16 .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: 67px;}

#w016_contact_us_feedback_16.myleft .title{text-align: left;}
#w016_contact_us_feedback_16.myright .title{text-align: right;}
#w016_contact_us_feedback_16.mycenter .title{text-align: center;}

#w016_contact_us_feedback_16 .form .pic{height: 478px;;width: 37.25%}

#w016_contact_us_feedback_16 .form .text{width: 56.725%;}
#w016_contact_us_feedback_16 .form .text .error_tip{top: 50%;right: 0;transform: translate(-50%,-50%);}
#w016_contact_us_feedback_16 .form .text .error_tip{color: #cc0000;}
#w016_contact_us_feedback_16 .form .grid {display: grid;gap: 35px;grid-auto-flow: row;place-content: space-evenly;grid-template-columns: repeat(2, calc((100% - 35px)/2));margin-bottom: 43px;}
#w016_contact_us_feedback_16 .form .grid .input{width: 100%; height: 55px; line-height: 55px;font-size: 16px;color: #333333;padding: 0px 20px;background-color: #fafafa;border:1px solid #eaeaea;}
#w016_contact_us_feedback_16 .form .grid .input::before{content:'';}
#w016_contact_us_feedback_16 .form .textarea {height:172px; background: #FAFAFA; width: 100%; padding: 10px 20px;line-height: 1.5;font-size: 18px;color: #333333;border:1px solid #eaeaea;}
#w016_contact_us_feedback_16 .form .btn {width:100%;height: 65px;line-height: 65px;font-size: 18px;text-align: center;cursor:pointer;margin: 40px 0 0 0; color: var(--btn_1st_font_color);background-color: var(--btn_1st_bg_color);border-radius:var(--btn_1st_border_radius);}
#w016_contact_us_feedback_16 .form .remain{font-size: 16px;padding-top: 65px;color:#666666}
	#w016_contact_us_feedback_16_map .map .map_img {left: 44.5%;}

#w016_contact_us_feedback_16 .form .grid .input.focus{border-color: var(--btnColor);}
#w016_contact_us_feedback_16 .form .textarea.focus{border-color: var(--btnColor);}
/* 表单检查错误样式 */
#w016_contact_us_feedback_16 .form .input.is-error{border-color: red;}
#w016_contact_us_feedback_16 .form .textarea.is-error{border-color: red;}
#w016_contact_us_feedback_16 .form .input input{width: 100%;height: 100%;line-height: 55px;}
#w016_contact_us_feedback_16 .form .textarea textarea{width: 100%;height: 100%;}


@media screen and (max-width:1440px) {
	#w016_contact_us_feedback_16 .form .grid {column-gap:32px}
}

@media screen and (max-width:1280px) {
	#w016_contact_us_feedback_16 .form .grid {column-gap:30px}
}
@media screen and (max-width:1024px) {
	#w016_contact_us_feedback_16 .form .grid {column-gap:24px}
}
@media screen and (max-width:750px) {
	#w016_contact_us_feedback_16{background-color: #fff;}
	#w016_contact_us_feedback_16 .title{font-size: var(--font-big-S);line-height: var(--font-big-L);font-weight: var(--font-big-B);}
	#w016_contact_us_feedback_16 .form .text {font-size:var(--font-txt-S);width: 100%;}
	#w016_contact_us_feedback_16 .form {margin-top: 30px;}
	#w016_contact_us_feedback_16 .form .pic{display: none;}
	#w016_contact_us_feedback_16 .form .textarea {width: 100%;font-size:var(--font-txt-S)}
	#w016_contact_us_feedback_16 .form .grid {display: block;margin: 0;}
	#w016_contact_us_feedback_16 .form .grid .input {width: 100%;font-size:var(--font-txt-S);margin-bottom: 30px;height: 70px;margin-top: 0;}
	#w016_contact_us_feedback_16 .form .remain{padding-top: 45px;}
	#w016_contact_us_feedback_16 .form .btn {font-size:var(--font-txt-S);height: 80px;margin-top: 30px;}
}
/* 结束 */


.temp_wcb_footer_footer02_12_footer_wrap{padding-top: var(--paddingTop);background: var(--bg_color);color: var(--font_color_1);overflow: hidden;}
@media only screen and (max-width: 750px) {
    .temp_wcb_footer_footer02_12_footer_wrap{padding-top: var(--appPaddingTop);}
}


#temp_wcb_footer_footer02_12_title {}
#temp_wcb_footer_footer02_12_title .title{font-size: 48px;line-height: 1.2;font-weight: bold;}
#temp_wcb_footer_footer02_12_title .brief{font-size: 16px;line-height: 1.6;text-align: right;max-width: 50%;}
@media only screen and (max-width: 750px) {
    #temp_wcb_footer_footer02_12_title{flex-direction: column;}
    #temp_wcb_footer_footer02_12_title .title{font-size: var(--font-sub-S);line-height: var(--font-sub-L);margin-bottom: 20px;text-align: center;}
    #temp_wcb_footer_footer02_12_title .brief{font-size: var(--font-bri-S);line-height: var(--font-bri-L);max-width: initial;text-align: center;}
}

#temp_wcb_footer_footer02_12_contact{display: flex;align-items: center;justify-content: space-between;padding: 120px 0;gap: 40px;position: relative;}
#temp_wcb_footer_footer02_12_contact::before{display: block;content: '”';font-size: 200px;color: var(--numColor);position: absolute;right: 0;top: 0;}
#temp_wcb_footer_footer02_12_contact .qr{align-self: flex-end;}
#temp_wcb_footer_footer02_12_contact .qr .img{max-width: 164px;max-height: 164px;}
#temp_wcb_footer_footer02_12_contact .qr .tip{font-size: 14px;color:var(--font_color_2);margin-top: 20px;}

#temp_wcb_footer_footer02_12_contact .text{display: flex;flex-direction: column;flex-wrap: wrap;gap: 70px 0;}
#temp_wcb_footer_footer02_12_contact .text dt{font-size: 14px;line-height: 2;}
#temp_wcb_footer_footer02_12_contact .text dd{font-size: 16px;line-height: 1.6;}
#temp_wcb_footer_footer02_12_contact .text .phone dd{color: var(--numColor);font-size: 30px;font-weight: bold;}


#temp_wcb_footer_footer02_12_contact .map{max-height: 300px;width: 40.625%;}

@media only screen and (max-width: 980px) {
    #temp_wcb_footer_footer02_12_contact{flex-direction: column;}
    #temp_wcb_footer_footer02_12_contact .qr{align-self: center;}
    #temp_wcb_footer_footer02_12_contact .text{gap: 20px 0;text-align: center;}
    #temp_wcb_footer_footer02_12_contact .map{max-height: initial;width: 100%;}
}
@media only screen and (max-width: 750px) {
    #temp_wcb_footer_footer02_12_contact{padding: 60px 0;}
    #temp_wcb_footer_footer02_12_contact .qr{}
    #temp_wcb_footer_footer02_12_contact .qr .img{max-width: 240px;max-height: 240px;}
    #temp_wcb_footer_footer02_12_contact .qr .tip{font-size: var(--font-bri-S);line-height: var(--font-bri-L);}

    #temp_wcb_footer_footer02_12_contact .text{gap: 30px 0;}
    #temp_wcb_footer_footer02_12_contact .text dt{font-size: var(--font-bri-S);line-height: var(--font-bri-L);}
    #temp_wcb_footer_footer02_12_contact .text dd{font-size: var(--font-txt-S);line-height: var(--font-txt-L);}
    #temp_wcb_footer_footer02_12_contact .text .phone dd{font-size: var(--font-sma-S);line-height: var(--font-sma-L);}

    #temp_wcb_footer_footer02_12_contact .map{display: none;}
}


#temp_wcb_footer_footer02_12_links{font-size: 16px;height: 72px;border-top: 1px solid var(--font_color_2);margin-top: 35px;}
#temp_wcb_footer_footer02_12_links .fd_link{display: flex;flex-wrap: wrap;gap: 10px 26px;color: var(--font_color_2);}
#temp_wcb_footer_footer02_12_links .fd_link span{font-weight: bold;}
@media only screen and (max-width: 750px) {
    #temp_wcb_footer_footer02_12_links{font-size: var(--font-bri-S);line-height: var(--font-bri-L);height: auto;padding: 16px 0;}
}


#temp_wcb_footer_footer02_12_copyright{border-top: 1px solid var(--font_color_2);color: var(--font_color_2);min-height: 112px;gap: 20px;}
#temp_wcb_footer_footer02_12_copyright .copyright{font-size: 14px;line-height: 30px;gap: 10px 20px;}

#temp_wcb_footer_footer02_12_copyright .third {gap: 0 20px;}
#temp_wcb_footer_footer02_12_copyright .third .a i{font-size: 20px;}

@media only screen and (max-width: 750px) {
    #temp_wcb_footer_footer02_12_copyright{flex-direction: column;align-items: center;padding: 30px 0 60px;}
    #temp_wcb_footer_footer02_12_copyright .copyright{font-size: var(--font-bri-S);line-height: var(--font-bri-L);text-align: center;}
    #temp_wcb_footer_footer02_12_copyright .third{margin-top: 40px;gap: 0 50px;}
    #temp_wcb_footer_footer02_12_copyright .third .a i{font-size: var(--font-sub-S);}
}

