:root {
  --grid-row: 30px;
  --grid-col: 30px;

	--max-width: 1300px;
	--container: 20px;
	--base-p: 30px;
	--base-pb: 30px;
	--base-p-fu: -30px;
	--base-pb-fu: -30px;
	--border_box: 10px;
	--text_shadow_w: 0 1px 2px rgba(13,0,77,0.08),0 2px 4px rgba(13,0,77,0.08),0 4px 8px rgba(13,0,77,0.08),0 6px 12px rgba(13,0,77,0.06);
	--text_shadow_b: 0 1px 2px rgba(13,0,77,0.08),0 2px 4px rgba(13,0,77,0.08),0 4px 8px rgba(13,0,77,0.08),0 6px 12px rgba(13,0,77,0.06);
	--text_shadow_big_w: 0 2px 4px rgba(13,0,77,0.08),0 3px 6px rgba(13,0,77,0.08),0 8px 16px rgba(13,0,77,0.08);
	--text_shadow_big_b: 0 2px 4px rgba(13,0,77,0.08),0 3px 6px rgba(13,0,77,0.08),0 8px 16px rgba(13,0,77,0.08);
	--border_radius: 5px;
	--border_widht: 1px;
	--border_sm: 3px;
	--fal_p: 5px;
	--span_m: 5px;
	--box_p: 10px;
	--img_info_p: 10px;
	--img_info_content_p: 10px;
	--info_p: 10px;
	--p_box_p: 10px;
	--p_img_info_p: 10px;
	--p_img_info_content_p: 10px;
	--p_info_p: 10px;
	--a_box_p: 15px;
	--a_img_info_p: 10px;
	--a_img_info_content_p: 10px;
	--a_info_p: 10px;
	--box_shadow: 0 10px 20px 0 rgba(0,0,0,0.1)
}

@media (max-width:991px){
  :root{
    --grid-row: 15px;
    --grid-col: 15px;

    --base-p:15px;
    --base-pb:15px;
    --base-p-fu:-15px;
    --base-pb-fu:-15px}
}

@media (min-width:1230px){
  :root{--section-p:70px}
}
@media (min-width:1025px) and (max-width:1229px){
  :root{--section-p:70px}
}
@media (min-width:790px) and (max-width:1024px){
  :root{--section-p:57px}
}
@media (min-width:576px) and (max-width:789px){
  :root{--section-p:41px}
}
@media (max-width:575px){
  :root{--section-p:27px}
}

@media (min-width:1119px) and (max-width:1229px){
  .container{max-width:var(--max-width)}
}
@media (min-width:768px) and (max-width:1200px){
  .container{max-width:96%}
}
@media(max-width:767px){
  .container{max-width:100%;overflow:hidden}
}

*,:after,:before{box-sizing:border-box}
@media (prefers-reduced-motion:no-preference){
  :root{scroll-behavior:smooth}
}
body,html{min-height:100%}
body{margin:0;line-height:1.5;color:var(--text_b_2);text-align:left;max-width:100%;overflow-x:hidden;background:var(--body_bg);display:flex;flex-direction:column}
html[lang*=ar],html[lang*=ar] body,html[lang*=fa],html[lang*=fa] body,html[lang*=he],html[lang*=he] body{direction:rtl;text-align:right}
:active,:focus{outline:0!important}
a,button,input{outline:medium none!important}
a{background-color:transparent;color:inherit}
a,a:active,a:focus,a:hover{text-decoration:none}
button{border:none}
figure{margin:0;padding:0}
p{margin-top:0;margin-bottom:0}
ul{list-style:none;padding:0}
dl,ol,ul{margin:0}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
video{display:inline-block}
dt{font-weight:700}
dd{margin-bottom:.5rem;margin-left:0}
img{max-width:100%;vertical-align:middle}
fieldset{min-width:0;padding:0;margin:0;border:0}
svg:not(:root){overflow:hidden}
hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}
input,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
textarea{width: 100%;}
address{font-style:normal}
.counter-rese{counter-reset:section}
a:hover{color:var(--theme)}
::-moz-selection{background:var(--theme);color:var(--text_w_1);text-shadow:none}
::selection{background:var(--theme);color:var(--text_w_1);text-shadow:none}

h1,h2,h3,h4,h5,h6{margin:0;color:var(--text_b_1)}

[class*="svg_"]::before{content:"";mask-size:cover;}

/*新版 grid 布局 平均几列*/
.vf_grid{display: grid;grid: auto/minmax(0,1fr);row-gap: var(--grid-row);grid-column-gap: var(--grid-col); align-content: baseline;}
.vf_grid .grid{padding:0;}
[class*=gr_]{grid-template-columns: repeat(var(--g-shu),1fr);}
.gr_1{--g-shu:1;}.gr_2{--g-shu:2;}.gr_3{--g-shu:3;}.gr_4{--g-shu:4;}.gr_5{--g-shu:5;}.gr_6{--g-shu:6;}.gr_7{--g-shu:7;}.gr_8{--g-shu:8;}.gr_9{--g-shu:9;}.gr_10{--g-shu:10;}.gr_12{--g-shu:12;}
@media (min-width:576px){
	.gr_sm_1{--g-shu:1;}.gr_sm_2{--g-shu:2;}.gr_sm_3{--g-shu:3;}.gr_sm_4{--g-shu:4;}.gr_sm_5{--g-shu:5;}.gr_sm_6{--g-shu:6;}.gr_sm_7{--g-shu:7;}.gr_sm_8{--g-shu:8;}.gr_sm_9{--g-shu:9;}.gr_sm_10{--g-shu:10;}.gr_sm_12{--g-shu:12;}
}
@media (min-width:768px){
	.gr_md_1{--g-shu:1;}.gr_md_2{--g-shu:2;}.gr_md_3{--g-shu:3;}.gr_md_4{--g-shu:4;}.gr_md_5{--g-shu:5;}.gr_md_6{--g-shu:6;}.gr_md_7{--g-shu:7;}.gr_md_8{--g-shu:8;}.gr_md_9{--g-shu:9;}.gr_md_10{--g-shu:10;}.gr_md_12{--g-shu:12;}
}
@media (min-width:992px){
	.gr_lg_1{--g-shu:1;}.gr_lg_2{--g-shu:2;}.gr_lg_3{--g-shu:3;}.gr_lg_4{--g-shu:4;}.gr_lg_5{--g-shu:5;}.gr_lg_6{--g-shu:6;}.gr_lg_7{--g-shu:7;}.gr_lg_8{--g-shu:8;}.gr_lg_9{--g-shu:9;}.gr_lg_10{--g-shu:10;}.gr_lg_12{--g-shu:12;}
}
@media (min-width:1200px){
	.gr_xl_1{--g-shu:1;}.gr_xl_2{--g-shu:2;}.gr_xl_3{--g-shu:3;}.gr_xl_4{--g-shu:4;}.gr_xl_5{--g-shu:5;}.gr_xl_6{--g-shu:6;}.gr_xl_7{--g-shu:7;}.gr_xl_8{--g-shu:8;}.gr_xl_9{--g-shu:9;}.gr_xl_10{--g-shu:10;}.gr_xl_12{--g-shu:12;}
}

/*行间距*/
.gr_row_0{row-gap: 0;}
.gr_row_10{row-gap: 10px;}
/*列间距*/
.gr_col_0{grid-column-gap: 0;}
.gr_col_10{grid-column-gap: 10px;}
.gr_col_20{grid-column-gap: 20px;}

/*图标元素快统一设置*/
.icon_cell svg{display:inline-block;overflow:visible;width:1em;vertical-align:-.125em;font-size:inherit;fill:currentColor}

picture,picture img{display:block}

[lang*=ja] .box .info,
[lang*=ko] .box .info,
[lang*=th] .box .info,
[lang*=zh] .box .info{word-break:normal}


h1, h2, h3, h4, h5, h6,p {margin: 0px; color: inherit;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
label { font-weight: normal; }
ul { margin: 0px; padding: 0px; }
 
h1 { font-size: 36px; font-style: normal; font-weight: 700;  }
h2 { font-size: 32px; font-style: normal; font-weight: 600;  }
h3 { font-size: 28px; font-style: normal; font-weight: 600;  }
h4 { font-size: 22px; font-style: normal; font-weight: 500;  }
h5 { font-size: 18px; font-style: normal; font-weight: 600;  }
h6 { font-size: 16px; font-style: normal; font-weight: 600;  }

@media (max-width: 1200px) {
  h2 {font-size: 28px;}
  h4 {font-size: 18px;}
}
@media(max-width:991px) {
  h2 {font-size: 25px; line-height: 35px;}
  h3 { font-size: 20px;}
  h4 {font-size: 17px;}
  h5 {font-size: 15px;}
}

@media(max-width:767px) {
  h1 { font-size: 30px; }
  h2 { font-size: 26px; }
}

@media(max-width:600px) {
  h3 { font-size: 22px; }
}
@media(max-width:479px) { 
  h2 {font-size: 22px; line-height: 30px;}
}

/*元素块*/
section{position:relative;overflow:hidden;z-index:1}
.section-ptb{padding:var(--section-p) 0 var(--section-p)}
.section-pt{padding:var(--section-p) 0 0}
.section-pb{padding:0 0 var(--section-p)}

.vf_section-full{padding:0}
.vf_section-full .container{max-width:100%;padding-bottom:0}
.vf_section-full.vf_gp .container{padding:var(--base-p);padding-bottom:var(--base-p)}
.vf_section-full.vf_gp_0 .container{padding:0;max-width:100%}
.vf_section-full.vf_gp_0 .container .box{border-radius:0}
.vf_section-full.vf_gp_1 .container{padding:1px}
.vf_section-full.vf_gp_2 .container{padding:2px}

section.vf_gp_0 .row,section.vf_gp_0 .row .grid{padding:0;margin:0}
section.vf_gp_0 .row .box{height:100%;margin-bottom:0}
section.vf_gp_1 .row{margin-right:-1px;margin-left:0;margin-bottom:-1px;padding:0}
section.vf_gp_1 .row .grid{padding:0 1px 1px 0}
section.vf_gp_2 .row{margin-right:-2px;margin-left:0;margin-bottom:-2px;padding:0}
section.vf_gp_2 .row .grid{padding:0 2px 2px 0}

section[class*=contr_bg_] .container{padding:var(--base-p);box-shadow:var(--shadow)}

.container .right{overflow: hidden;}
.container{width:100%;padding-right:var(--base-p);padding-left:var(--base-pb);max-width:var(--max-width);position:relative;z-index:1;margin-right:auto;margin-left:auto}

/*布局相关 新版都删掉*/
.grid{padding:0 var(--base-p) var(--base-p) 0}
.grid>.grid{padding:0!important}
.vf_buju .row{flex-grow:1;-ms-flex-positive:1;z-index:2;margin-right:var(--base-p-fu);margin-left:0}
.vf_buju .row>.grid{padding:0 var(--base-p) var(--base-p) 0}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:var(--base-p-fu);margin-left:var(--base-pb-fu)}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:var(--base-p);padding-left:var(--base-p)}
.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}

@media (min-width:992px){
  .col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width:1200px){
.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}



/*颜色相关*/
.vf_bg_th_light{background:var(--theme_light)}
.vf_bg_tran{background:0 0!important}
.vf_bg_w9{background-color:hsla(0,0%,100%,.9)}
.vf_bg_w8{background-color:hsla(0,0%,100%,.8)}
.vf_bg_w7{background-color:hsla(0,0%,100%,.7)}
.vf_bg_w6{background-color:hsla(0,0%,100%,.6)}
.vf_bg_b9{background-color:rgba(0,0,0,.9)}
.vf_bg_b8{background-color:rgba(0,0,0,.8)}
.vf_bg_b7{background-color:rgba(0,0,0,.7)}
.vf_bg_b6{background-color:rgba(0,0,0,.6)}
.overlay_bg_b02:before{background:rgba(0,0,0,.02)}
.overlay_bg_b10:before{background:rgba(0,0,0,.1)}
.overlay_bg_b20:before{background:rgba(0,0,0,.2)}
.overlay_bg_b30:before{background:rgba(0,0,0,.3)}
.overlay_bg_b40:before{background:rgba(0,0,0,.4)}
.overlay_bg_b50:before{background:rgba(0,0,0,.5)}
.overlay_bg_b60:before{background:rgba(0,0,0,.6)}
.overlay_bg_b70:before{background:rgba(0,0,0,.7)}
.overlay_bg_b80:before{background:rgba(0,0,0,.8)}
.overlay_bg_b90:before{background:rgba(0,0,0,.9)}
.overlay_bg_w10:before{background:hsla(0,0%,100%,.1)}
.overlay_bg_w20:before{background:hsla(0,0%,100%,.2)}
.overlay_bg_w30:before{background:hsla(0,0%,100%,.3)}
.overlay_bg_w40:before{background:hsla(0,0%,100%,.4)}
.overlay_bg_w50:before{background:hsla(0,0%,100%,.5)}
.overlay_bg_w60:before{background:hsla(0,0%,100%,.6)}
.overlay_bg_w70:before{background:hsla(0,0%,100%,.7)}
.overlay_bg_w80:before{background:hsla(0,0%,100%,.8)}
.overlay_bg_w90:before{background:hsla(0,0%,100%,.9)}
.overlay_bg_b_theme10:before{background:rgba(var(--theme_rgb),.1)}
.overlay_bg_b_theme20:before{background:rgba(var(--theme_rgb),.2)}
.overlay_bg_b_theme30:before{background:rgba(var(--theme_rgb),.3)}
.overlay_bg_b_theme40:before{background:rgba(var(--theme_rgb),.4)}
.overlay_bg_b_theme50:before{background:rgba(var(--theme_rgb),.5)}
.overlay_bg_b_theme60:before{background:rgba(var(--theme_rgb),.6)}
.overlay_bg_b_theme70:before{background:rgba(var(--theme_rgb),.7)}
.overlay_bg_b_theme80:before{background:rgba(var(--theme_rgb),.8)}
.overlay_bg_b_theme90:before{background:rgba(var(--theme_rgb),.9)}
.overlay_bg_b_theme100:before{background:rgba(var(--theme_rgb),1)}
[class*=overlay_bg_]:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}
[class*=overlay_bg_]{position:relative}
[class*=overlay_bg_].box:before{z-index:1}

.before_bg_w:before,
.box_bg_w .box,
.box_bg_w.box,
.contr_bg_w .container,
.info_bg_w .info,
.vf_bg_w,
.vf_bg_ww{background-color:var(--bg_w_1)}

.before_bg_g:before,
.box_bg_g .box,
.box_bg_g.box,
.contr_bg_g .container,
.info_bg_g .info,
.vf_bg_g{background-color:var(--bg_w_2)}

.before_bg_g2:before,
.box_bg_g2 .box,
.box_bg_g2.box,
.contr_bg_g2 .container,
.info_bg_g2 .info,
.vf_bg_g2{background-color:var(--bg_w_3)}

.before_bg_b:before,
.box_bg_b .box,
.box_bg_b.box,
.contr_bg_b>.container,
.info_bg_b .info,
.vf_bg_b{background-color:var(--bg_b_1)}

.contr_bg_b>.container{box-shadow:-10px 20px 30px var(--bg_b_2)!important}
.before_bg_b2:before,
.box_bg_b2 .box,
.box_bg_b2.box,
.contr_bg_b2>.container,
.el_bg_b2nd,
.info_bg_b2 .info,
.vf_bg_b2{background-color:var(--bg_b_2)}

.before_bg_b3:before,
.box_bg_b3 .box,
.box_bg_b3.box,
.info_bg_b3 .info,
.vf_bg_b3{background-color:var(--bg_b_3)}

.before_bg_th:before,
.bg_th,
.box_bg_th .box,
.box_bg_th.box,
.contr_bg_th>.container,
.info_bg_th .info,
.vf_bg_th{background:var(--theme)}

.box_bg_th .info .info_title{color:var(--text_w_1)}
.box_bg_th.box .info{color:var(--text_w_1)!important}
.before_bg_th_sec:before,
.box_bg_th_sec .box,
.box_bg_th_sec.box,
.contr_bg_th_sec .container,
.info_bg_th_sec .info,
.vf_bg_th_sec{background-color:var(--theme_secondary)}


.vf_max_w800 .container{max-width:800px}
.vf_max_w900 .container{max-width:900px}
.vf_max_w1000 .container{max-width:1000px}
.vf_max_w1200 .container{max-width:1200px}
.vf_max_w1400 .container{max-width:1400px}
.vf_max_w1600 .container{max-width:1600px}
.d-none{display:none!important}
.d-block{display:block!important}
@media (min-width:576px){
  .d-sm-none{display:none!important}
  .d-sm-block{display:block!important}
}
@media (min-width:768px){
  .d-md-none{display:none!important}
  .d-md-block{display:block!important}
}
@media (min-width:992px){
  .d-lg-none{display:none!important}
  .d-lg-block{display:block!important}
}
.position-static{position:static!important}
.position-relative{position:relative!important}
.position-absolute{position:absolute!important}
.text-justify{text-align:justify!important}
.text-nowrap{white-space:nowrap!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-center{text-align:center!important}
.info_center .info{text-align:center!important}
.info_right .info{text-align:right!important}
.info_left .info{text-align:left!important}
.justify-content-between{-webkit-box-pack:justify!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
.align-items-center{-webkit-box-align:center!important;-ms-flex-align:center!important;align-items:center!important}
.justify-content-center{-webkit-box-pack:center!important;-ms-flex-pack:center!important;justify-content:center!important}
.d-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}


/*悬浮时位置*/
.img_info{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center}
.pos_1 .img_info,.pos_2 .img_info,.pos_3 .img_info{-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start}
.pos_7 .img_info,.pos_8 .img_info,.pos_9 .img_info{-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end}
.pos_1 .img_info,.pos_4 .img_info,.pos_7 .img_info{text-align:left;-webkit-justify-content:flex-start;justify-content:flex-start}
.pos_2 .img_info,.pos_5 .img_info,.pos_8 .img_info{text-align:center;-webkit-justify-content:center;justify-content:center}
.pos_3 .img_info,.pos_6 .img_info,.pos_9 .img_info{text-align:right;-webkit-justify-content:flex-end;justify-content:flex-end}

.pos_1 .img_info_v2,.pos_2 .img_info_v2,.pos_3 .img_info_v2{-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start}
.pos_7 .img_info_v2,.pos_8 .img_info_v2,.pos_9 .img_info_v2{-webkit-align-items:flex-end;-ms-flex-align:flex-end;align-items:flex-end}
.pos_1 .img_info_v2,.pos_4 .img_info_v2,.pos_7 .img_info_v2{text-align:left;-webkit-justify-content:flex-start;justify-content:flex-start}
.pos_2 .img_info_v2,.pos_5 .img_info_v2,.pos_8 .img_info_v2{text-align:center;-webkit-justify-content:center;justify-content:center}
.pos_3 .img_info_v2,.pos_6 .img_info_v2,.pos_9 .img_info_v2{text-align:right;-webkit-justify-content:flex-end;justify-content:flex-end}
.vf_gp_0 .box,.vf_gp_1 .box,.vf_gp_2 .box{box-shadow:none!important}

.box,.box .image{position:relative}
.box .image{width:100%;z-index:1}
.box .image img{object-fit:cover;object-position:center}
.box .info{position:relative;z-index:2;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-break: break-word;}

.align-c .box{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.align-c .box .info{-ms-flex-item-align:center!important;align-self:center!important}

.contact_map{height:100%}

/*背景图片使用*/
.bgimg_rt{position:absolute;top:0;right:0;z-index:-2}
.bgimg_lb{position:absolute;left:0;bottom:0;z-index:-2}
.bgimg_rb{position:absolute;right:0;bottom:0;z-index:-2}
.bgimg_l{position:absolute;left:0;bottom:0;height:100%;z-index:-2}
.bgimg_r{position:absolute;right:0;bottom:0;height:100%;z-index:-2}

picture.jarallax-img img{object-fit:cover;object-position:50% 50%;max-width:none;z-index:-3}
.bg_canvas,picture.jarallax-img img{position:absolute;top:0;left:0;height:100%;width:100%}
.bg_canvas{z-index:-1}
.bgimg_full{background-repeat:no-repeat;background-size:cover;object-fit:cover;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-3}

.info_bg_th .info,
[class*=box_bg_b] .info,
[class*=box_bg_th] .info{color:var(--text_w_2)}
.info_bg_th .info .info_title,
[class*=box_bg_b] .info .info_title,
[class*=box_bg_th] .info .info_title{color:var(--text_w_1)}
.info_text_w .info{color:var(--text_w_2)}
.box.box_bg_th a:hover,
.info_bg_th .info a:hover{color:var(--text_w_1)}

/*按钮*/
.btn,.vf_btn{color:var(--text_w_1)}
.btn,.vf_btn{position:relative;display:inline-flex;padding:10px 20px;outline:0;border-radius:var(--border_sm);text-align:center;text-decoration:none;text-transform:uppercase;font-weight:500;font-size:14px;line-height:1;cursor:pointer}
.btn,.vf_btn{border:1px solid var(--theme);color:var(--theme);background:var(--theme);color:var(--text_w_1)}

.box_bg_th .btn,
.box_bg_th .vf_btn{border:1px solid var(--color_w_1);}

.btn:hover,.vf_btn:hover{background:var(--theme);color:var(--text_w_2)}
.vf_btn i{margin-left:.5rem}
.info_bg_th .vf_btn{border:1px solid var(--border_w);background:0 0;color:var(--text_w_1)}
.vf_btn.banner,
.vf_btn.news{padding:8px 14px;font-size:14px}
.vf_banner .vf_btn{padding:15px 30px}
.vf_btn.action{border:1px solid var(--theme);background:0 0}
.vf_btn.action,
.vf_btn.action i{color:var(--theme)}
.vf_btn.action.active,
.vf_btn.action:hover,
.vf_btn.action:hover i{border-color:transparent;background:var(--theme);color:var(--text_b_1)}
.vf_btn:active,.vf_btn:hover{opacity:1}
/*2个按钮在一起时*/
.vf_btn+.vf_btn{margin-top:20px;margin-left:20px}
.vf_btn+.vf_btn,
.vf_btn+.vf_btn.active{background:var(--bg_w_3);color:var(--text_b_1)}
.vf_btn+.vf_btn:hover{background:var(--theme);color:var(--text_w_1);opacity:.6}
.btn-info,
.btn-info:hover{border-color:transparent;background-color:var(--theme);color:var(--text_w_1)}
.btn-info:hover{opacity:.8}



/*超大字体*/
.big-info .info{padding:4vw 5vw!important}
.big-info .info [class*=info_content]{padding:0!important}
@media (min-width:1230px){
  .big-info .info [class*=info_title],
  .big_title .info [class*=info_title]{margin-bottom:20px;font-size:30px;line-height:1.2}
}
@media (min-width:1025px) and (max-width:1229px){
  .big-info .info [class*=info_title],
  .big_title .info [class*=info_title]{margin-bottom:15px;font-size:28px;line-height:1.3}
}
@media (min-width:790px) and (max-width:1024px){
  .big-info .info [class*=info_title],
  .big_title .info [class*=info_title]{margin-bottom:9px;font-size:26px}
}
@media (min-width:576px) and (max-width:789px){
  .big-info .info [class*=info_title],
  .big_title .info [class*=info_title]{margin-bottom:3px;font-size:27px}
}
@media (min-width:461px) and (max-width:575px){
  .big-info .info [class*=info_title],
  .big_title .info [class*=info_title]{font-size:25px}
}
@media (max-width:460px){
  .big-info .info [class*=info_title],
  .big_title .info [class*=info_title]{font-size:25px}
}

/*比超大字体小写*/
.big-sminfo .info{padding:3vw!important}
.big-sminfo .info [class*=info_content]{padding:0!important}
@media (min-width:1230px){.big-sminfo .info [class*=info_title]{margin-bottom:15px;font-size:22px}
}
@media (min-width:1025px) and (max-width:1229px){
  .big-sminfo .info [class*=info_title]{margin-bottom:13px;font-size:21px}
}
@media (min-width:790px) and (max-width:1024px){
  .big-sminfo .info [class*=info_title]{margin-bottom:11px;font-size:21px}
}
@media (min-width:576px) and (max-width:789px){
  .big-sminfo .info [class*=info_title]{margin-bottom:10px;font-size:21px}
}
@media (min-width:461px) and (max-width:575px){
  .big-sminfo .info [class*=info_title]{font-size:20px}
}
@media (max-width:460px){.big-sminfo .info [class*=info_title]{font-size:20px}
}
/*
section [class*=side] .box{display:flex;}
section [class*=side] .info{max-width:100%;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}
*/
.align_center{display:flex;-webkit-align-items:center;align-items:center}

@media (min-width:576px){
  [class*=box_desc_] .box{height:100%}
  [class*=box_desc_] .box .info{min-height:50%}
  [class*=box_desc_] .box .image{height:calc(70vh - 60px)!important;max-height:50%}
  .box_desc_all .grid .box,
  .box_desc_even .grid:nth-child(2n) .box,
  .box_desc_odd .grid:nth-child(odd) .box{display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
}

.side_box_all .grid .box,
.side_box_even .grid:nth-child(2n) .box,
.side_box_odd .grid:nth-child(odd) .box{flex-direction:row-reverse}

.p_20{padding:20px 0}
.p_40{padding:40px 0}
.p_80{padding:80px 0}
.p_100{padding:100px 0}
.p_200{padding:200px 0}



@media (min-width:1230px){
	:root{--sect_title_f:30px}
}
@media (min-width:1025px) and (max-width:1229px){
	:root{--sect_title_f:28px}
}
@media (min-width:790px) and (max-width:1024px){
	:root{--sect_title_f:25px}
}
@media (min-width:461px) and (max-width:575px){
	:root{--sect_title_f:23px}
}
@media (max-width:460px){
	:root{--sect_title_f:22px}
}
  .section-title{overflow:hidden;margin:0 auto 40px;max-width:700px;text-align:center}
  .section-title.left{margin-right:auto;margin-left:0;text-align:left}
  .section-title.right{margin-right:0;margin-left:auto;text-align:right}
  .sect_sub,
  .sect_title,
  .section-title{position:relative;z-index:2}
  .sect_title:after,.sect_title:before{position:absolute;content:""}
  .sect_title:before{right:0;bottom:-20px;left:0;z-index:1;margin:0 auto;width:60px;height:4px;background:var(--theme)}
  .sect_title:after{right:0;bottom:-19px;left:0;margin:0 auto;width:210px;height:1px;background:var(--border_b)}
  .sect_sub{margin-bottom:10px;font-size:14px}
  .sect_title{margin-top:0;margin-bottom:40px;font-size:var(--sect_title_f)}

  [class*=_bg_b] .sect_title:after,
  [class*=_bg_b] .sect_title:before,
  [class*=_bg_th] .sect_title:after,
  [class*=_bg_th] .sect_title:before{background:var(--bg_w)}
  .section-title .sect_body .sect_text{padding-bottom:15px}
  [class*=_bg_b] .sect_sub,
  [class*=_bg_b] .sect_title{color:var(--text_w_1)}
  [class*=_bg_b] .sect_text,
  [class*=_bg_b] .section-title i{color:var(--text_w_2)}
  [class*=_bg_th] .sect_sub,
  [class*=_bg_th] .sect_title{color:var(--text_w_1)}
  [class*=_bg_th] .sect_text{color:var(--text_w_2)}
  .vf_section-full .section-title{margin-top:var(--section-p)}
  .dark .sect_sub,
  .dark .sect_title{color:var(--text_w_1)}
  .dark .sect_text{color:var(--text_w_2)}
';


/*覆盖插件默认样式 */
.mejs__time-current,.mejs__time-handle-content{background:var(--theme)!important}
.swiper-button-next:after,.swiper-button-prev:after{text-shadow:0 1px 2px rgba(0,0,0,.4)}
.owl-item>.grid{padding-right:0!important;margin:3px}
.owl-carousel.owl-drag .owl-item{padding:2px}
.swiper-slide [class*=overlay_bg_b]:before,.swiper-slide [class*=overlay_bg_w]:before{z-index:1}
.owl-dots{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}
.owl-dots .owl-dot{display:inline-block;zoom:1}
.owl-dots .owl-dot span{display:block;margin:5px 7px;width:10px;height:10px;border-radius:30px;background:#d6d6d6;transition:opacity .2s ease}
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span{background:var(--theme)}
.owl-nav [class*=owl-]{display:inline-block;margin:5px;padding:4px 7px;border-radius:3px;background:#d6d6d6;font-size:14px;cursor:pointer}
.owl-nav [class*=owl-]:hover{background:#869791;text-decoration:none}
.owl-nav .disabled{opacity:.5;cursor:default}
.owl-nav.disabled+.owl-dots{margin-top:10px}
.owl-nav{z-index:999;margin-top:0!important;width:100%;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.owl-nav .owl-next,.owl-nav .owl-prev{position:absolute;top:50%;display:block;margin-top:-1px!important;width:auto;text-indent:inherit;cursor:pointer;transition:all .2s ease-in-out;transform:translateY(-50%)}
.owl-nav .owl-prev{left:10px}
.owl-nav .owl-next{right:10px}
.owl-nav i{display:inline-block;width:36px;height:36px;border:0 solid #3d3d3d;border-radius:3px;background:rgba(0,0,0,.2);color:#fff;text-align:center;font-size:20px;line-height:36px;transition:all .2s ease-in-out}
.owl-nav .owl-next:hover i,.owl-nav .owl-prev:hover i{background:var(--theme)}
.owl-carousel .owl-stage{display:flex}
.owl-carousel .owl-item{height:100}
.owl-carousel .owl-item .item{height:100%}
.owl-carousel .owl-item .owl-lazy{transition:.3s!important}
.slick-next,.slick-prev{z-index:1;width:30px!important;height:30px!important}
.slick-next:before,.slick-prev:before{color:#dbe2ec!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important;font-size:30px!important}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{color:var(--theme)!important;text-shadow:none!important}

/*列表页分页*/

.vf_shop_cart .vf_cart_thum{width:50px}


@font-face{font-display:swap;font-family:iconfont;src:url(/i/webfonts/iconfont.woff2?t=1629947764660) format('woff2'),url(/i/webfonts/iconfont.woff?t=1629947764660) format('woff'),url(/i/webfonts/iconfont.ttf?t=1629947764660) format('truetype')}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}