@charset "utf-8";/* CSS Document */
/*公用样式表 */
:root {
    --font-main: 'Arial',"微软雅黑",Georgia,"Times New Roman",Times,serif;
    --font-icon: 'icomoon' ,Arial,Microsoft YaHei,Georgia,Times New Roman,Times,serif;
    /* 基础色 */
    --c-white: #fff;
    --c-white-rgb: 255,255,255;
    --c-black: #000;
    --c-black-rgb: 0,0,0;
    --c-grey-f9: #f9f9f9;
    --c-grey-f2: #f2f2f2;
    --c-grey-ea: #eaeaea;
    --c-grey-5: #555;
    --c-grey-6: #666;
    --c-grey-8: #888;
    --c-grey-9: #999;
    --c-grey-d: #ddd;
    --c-grey-de: #dedede;
    --c-grey-c: #ccc;
    --c-grey: #939393;
    --c-dark: #222;
    --c-red: #e25656;
    --c-red-h: #ea6060;
    --c-red-tip: #ff5454;
    --c-red-error: #dd4242;
    --c-green: #00a94d;
    --c-green-rgb: 0,169,77;
    --c-green-h: #2abc6d;
    --c-green-input: #3eca52;
    --c-blue: #1662d1;
    --c-blue-h: #2673e3;
    --c-orange: #df9c45;
    --c-orange-h: #eba953;
    --c-orange-back: #e88645;
    --c-green-light: #eefbf4;
    --c-light-green: #f6fdf9;
    --c-light-blue: #f1f8fb;
    --c-light-orange: #fff9f4;
    --c-light-red: #fff6f6;

    --c-green-light-bg: #f8fffd;
    --c-red-bg: #f2dede;
    --c-red-border: #ebccd1;
    --c-red-text: #a94442;
    --c-green-border: #c7ded2;
    --c-green-bg: #f4fcf7;
    --c-orange-border: #e8dbd1;
    --c-orange-bg: #fbeee6;
    --c-blue-border: #d1dbe8;
    --c-blue-bg: #e6f1fb;

    /* 渐变 */
    --linear-blue: linear-gradient(var(--c-white), #f3faff);
    --linear-gray: linear-gradient(var(--c-white), var(--c-grey-f9));
    --linear-green: linear-gradient(var(--c-white), #eefff3);

    /* 字号 */
    --f0: 0;
    --f10: 1rem;
    --f12: 1.2rem;
    --f13: 1.3rem;
    --f14: 1.4rem;
    --f14-5: 1.45rem;
    --f15: 1.5rem;
    --f16: 1.6rem;
    --f18: 1.8rem;
    --f20: 2rem;
    --f22: 2.2rem;
    --f23: 2.3rem;
    --f24: 2.4rem;
    --f25: 2.5rem;
    --f26: 2.6rem;
    --f28: 2.8rem;
    --f30: 3rem;
    --f32: 3.2rem;
    --f34: 3.4rem;
    --f36: 3.6rem;
    --f38: 3.8rem;
    --f40: 4rem;
    --f42: 4.2rem;
    --f45: 4.5rem;
    --f48: 4.8rem;
    --f50: 5rem;
    --f56: 5.6rem;
    --f62: 6.2rem;

    /* 宽度 */ --w-10: 10%; --w-19: 18.3%; --w-20: 20%; --w-23: 23%; --w-25: 25%; --w-30: 30%; --w-32: 32%; --w-33: 33.333%; --w-35: 35%; --w-40: 40%; --w-41: 41%; --w-45: 45%; --w-48: 48%; --w-50: 50%; --w-55: 55%; --w-60: 60%; --w-65: 65%; --w-66: 66.666%; --w-70: 70%; --w-75: 75%; --w-80: 80%; --w-90: 90%; --w-100: 100%; --w-auto: auto;

    /* 最大宽度 */
    --mw-40: 40%; --mw-45: 45%; --mw-50: 50%;

    /* 最小宽度 */
    --min-w-auto: auto;

    /* 高度 */
    --h-20: 20px; --h-0: 0; --h-100: 100%; --h-auto: auto;

    /* 间距单位 */
    --s-0: 0;
    --s-3-5: 3px 5px;  /* 特殊 padding */
    --s-5: 5px;
    --s-10: 10px;
    --s-15: 15px;
    --s-20: 20px;
    --s-25: 25px;
    --s-30: 30px;
    --s-40: 40px;
    --s-50: 50px;
    --s-60: 60px;
    --s-70: 70px;
    --s-80: 80px;
    --s-90: 90px;
    --s-100: 100px;
    --s-220: 220px;

    /* 百分比间距 */
    --s-30p: 30%;

    /* 横向/纵向复合间距 */
    --s-x-10: 0 10px;
    --s-x-15: 0 15px;
    --s-x-20: 0 20px;
    --s-x-30: 0 30px;
    --s-x-40: 0 40px;
    --s-x-50: 0 50px;

    --s-y-5: 5px 0;
    --s-y-10: 10px 0;
    --s-y-15: 15px 0;
    --s-y-20: 20px 0;
    --s-y-30: 30px 0;
    --s-y-40: 40px 0;
    --s-y-50: 50px 0;

    --padding: 6px 20px;
    --s-padding: 4px 16px;
    --b-padding: 12px 20px;

    /* 圆角 */
    --radius-2: 2px;
    --radius-3: 3px;
    --radius-4: 4px;
    --radius-6: 6px;
    --radius-10: 10px;
    --radius-12: 12px;
    --radius-20: 20px;
    --radius-30: 30px;
    --radius-50: 50px;
    --radius-full: 999px;

    /* 阴影 */
    --shadow-green: 0 5px 9px rgba(67, 191, 115, 0.5);
    --shadow-blue: 0 5px 9px rgba(67, 141, 191, 0.5);
    --shadow-orange: 0 5px 9px rgba(191, 135, 67, 0.5);
    --shadow-red: 0 5px 9px rgba(221, 66, 66, 0.5);
    --shadow: 0 3px 20px rgba(0,0,0,0.05);
    --shadow-0: 0 3px 9px rgba(0,0,0,0);
    --shadow-h: 0 6px 20px rgba(0,0,0,0.05);

    --transition: all .3s ease;
}

*,body,h1,h2,h3,h4,h5,h6,hr,p,b,strong,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box; line-height:1.65; font-family: Arial,Microsoft YaHei,Georgia,Times New Roman,Times,serif; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
html,body{width: auto;height: 100%;}
html{font-size: 62.5%; }
html[lang = "en"]{font-size: 61.2%;}
body{font-size: clamp(16px,1.6rem,1.6rem);}
ul,ol,li {list-style: none;}
a{color: var(--c-green);text-decoration:none;}
a:hover{color: var(--c-green-h);}
h1{font-size: var(--f32);}
h2{font-size: var(--f24);}
h3{font-size: var(--f18);}
h4{font-size: var(--f16);}
h1,h2,h3,h4{line-height: 1.2; color: var(--c-dark);}

div>ul,div>ol {margin: 0}
em {font-style: normal;}
table{border-collapse: collapse;border-spacing: 0;}
img {vertical-align: middle;border: none;}
em,i{font-style:normal}
strong{font-weight: normal; color: var(--c-dark)}
b{color: var(--c-dark)}
p{margin-bottom: 8px;}
p,span,label,i,dd,li{color: var(--c-grey-5)}
span.f12{color: var(--c-grey-8)}

@media (max-width: 1490px) {
    html { font-size: 55.5% !important;}
}
@media (max-width: 550px) {
    *,body,h1,h2,h3,h4,h5,h6,hr,p,b,strong,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td {font-family:Microsoft YaHei, Arial, Helvetica, sans-serif}
    [class^="icon-"], [class*=" icon-"]{font-family: var(--font-icon)!important; }
    html { font-size: 53% !important;}
}

button{cursor: pointer}
input,button,select,textarea {outline: none;}
input[type="button"],input[type="submit"] {text-align: center;cursor: pointer;font-weight: normal;border: none;font-family: 'Arial',"微软雅黑",Georgia,"Times New Roman",Times,serif;}
textarea {resize: none; padding: 12px;border: 1px solid var(--c-grey-de);}
input {vertical-align: middle;}
iframe {margin: 0;padding: 0;}
sub{position: relative;top: -10px;left: 2px; padding-right: 3px;vertical-align: baseline}
input[type=text],input[type=password]{padding-right: 10px;}
input[type=text]:focus,input[type=password]:focus,.checkbox .input_checkbox:hover{border-color: var(--c-green)}
input[type=checkbox]{display: inline-block; border:1px solid var(--c-grey-c); padding: 8px; border-radius: 3px;}
select{background-color: var(--c-white)!important; width: 100%; border: 1px solid var(--c-grey-c)!important; box-shadow: none!important; font-size: 1.4rem; padding:6px 30px 6px 10px; border-radius: 3px;-webkit-appearance: none; -moz-appearance: none; appearance: none; min-width: 105px;}
.select{position: relative;}
.select:hover{background: var(--c-grey-f9)}
.select img{position: absolute; right: 12px;top: 50%; margin-top: -4px; height: 8px; pointer-events: none;}
.input_style{border:1px solid var(--c-grey-c); padding:6px 8px; border-radius: 2px; font-size: var(--f14); width: 100%; background: var(--c-white)}
.input_style.input-validation-error,.checkbox .input_checkbox.input-validation-error,select.input-validation-error,textarea.input-validation-error{border-color: var(--c-red-error)!important; box-shadow: var(--shadow-red)}
.input_icon{position: relative; flex-wrap: wrap;}
.input_icon label{position: absolute; top:8px; left:10px; align-self: center; text-align: center; width: 20px;}
.input_icon label img{height: 16px; width: 16px; position: relative; top: -2px;}
.input_icon .input_style{padding-left: 38px;}
.checkbox{cursor: pointer;justify-content: left!important;position: relative;}
.checkbox span{align-self: center; padding-left: 10px}
.checkbox .input_checkbox{cursor: pointer; width:40px; height: 40px; border:1px solid var(--c-grey-c); padding:6px 8px; border-radius: 2px; background: var(--c-white); text-align: center;}
.checkbox .input_checkbox img{display: none; height: 15px;}
.checkbox .input_checkbox input[type=checkbox]{opacity: 0;cursor: pointer; position: absolute; right: 0}
.input_radio_con{display: flex}
.radio_inline,.cur_poi{cursor: pointer;}
.radio_inline .input_radio{position: relative; width: 22px; height: 22px; overflow: hidden; border-radius: 90px; border:2px solid var(--c-grey-c)}
.radio_inline .input_radio.checked{border:2px solid var(--c-blue)}
.radio_inline .input_radio.checked:before{content: ""; background: var(--c-blue); width: 14px; height: 14px; display: block; position: absolute; top: 2px; left: 2px; border-radius: 50px;}
.radio_inline .input_radio input{position: absolute; top: -20px;}
.radio_inline span{align-self: center; padding-left: 10px; line-height: 15px;}
@media (max-width: 550px){
    .web_main .input_style{width: 100% !important}
    .input_radio_con{flex-wrap: wrap;}
    .input_radio_con>label{width: 100%;justify-content: left; margin-right: 0!important; margin-bottom: 10px;}
}

/*style*/
.clearfix:before,
.clearfix:after {content: "."; display: block; height: 0; visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}
.clear {clear: both;}
.po_relative {position: relative;}
.dis_block,.dis {display: block !important;}
.dis_i_b{display: inline-block!important}
.dis_none{display: none}
.visi_none{visibility: hidden!important;}
.hidden{overflow: hidden!important;}
@media (max-width:990px) {.visi_none{display: none!important;}}
.middle {margin: 0 auto; width: 1200px;}
.fl,.l {float: left!important;}
.fr,.r {float: right!important;}
.f_none{float: none!important;}
.hide{display: none!important;}
.show{display: block!important;}
.left0{left:0!important}
.right0{right:0!important}
a.unline{text-decoration: underline!important;}
a.unline:hover{text-decoration: none!important;}
.cur_def{cursor: default}

/*布局*/
.table {display: table;}
.row,.ta_row {display: table-row;}
.cell {display: table-cell;}
.flex_a{display: flex}
.flex_b{display: flex!important; flex-flow: column;}
.flex_c{display: flex!important; flex-wrap: wrap;}
.flex{display: flex!important; flex-flow: wrap; justify-content: space-between; align-content: space-between;}
.align_s_m{align-self: center}
.align_center{align-items: center; justify-items: center;}
.flex_r{flex-direction: row-reverse;}
@media (max-width:990px) {
    .flex_phone>div,.flex_phone>li,.flex_phone>dd{width: 100%!important; margin-top: 35px!important;}
    .flex_phone>div:first-child,.flex_phone>li:first-child{margin-top: 0!important;}
    .flex_phone_s>div{width: 100%!important; margin-top: 10px;}
    .flex_phone_s>div:first-child{margin-top: 0;}
    .flex_phone_a>div{width: 100%!important;text-align: left!important; padding: 0!important;}
    .table_phone .cell{width: 100%; display: block; padding:0!important; text-align: left!important;word-wrap: anywhere;}
    .table_phone .row{width: 100%; display: block; padding:10px 0!important;}
    .table_phone .row .cell:first-child{padding-bottom:5px!important;}
    .table_phone_a{}
    .table_phone_a .row.tit{display: none}
    .table_phone_a .row{width: 100%; display: block; border: 1px solid var(--c-grey-ea); margin-top: 30px; border-radius: 3px;}
    .table_phone_a .cell{width: 100%!important; display: block; padding:20px!important; text-align: center!important; border-top: 1px solid var(--c-grey-c)!important;}
    .table_phone_a .cell:nth-child(2n){background: var(--c-grey-f9)}
    .table_phone_a .cell:first-child{border-top: none!important;}
    .cli_table_con .con{background: none!important;}
}

/*text*/
.break_all{word-break: break-all}
.break_word{word-break: break-word}
.break_nowrap{white-space: nowrap}
.keep_all{word-break: keep-all}
.f_ht{font-family: '黑体', serif}
.font_light {font-weight: 100!important; font-family: Microsoft YaHei Light, serif;}
.font_ita{font-style: italic!important;}
.font_nor{font-style: normal!important;}
.line-through{text-decoration: line-through!important;}
.font_n{font-weight: normal!important;}
.font_w{font-weight: bold!important; color: var(--c-dark)}
.center{text-align: center!important;}
.t_index0{text-indent: 0!important;}
.left,.text_l{text-align: left!important;}
.right,.text_r{text-align: right!important;}

/* 字号类 */
.f12 {font-size: var(--f12)!important;}
.f14 {font-size: var(--f14)!important;}
.f15 {font-size: var(--f15)!important;}
.f16 {font-size: var(--f16)!important;}
.f18 {font-size: var(--f18)!important;}
.f20 {font-size: var(--f20)!important;}
.f22 {font-size: var(--f22)!important;}
.f24 {font-size: var(--f24)!important;}
.f26 {font-size: var(--f26)!important;}
.f30 {font-size: var(--f30)!important;}
.f36 {font-size: var(--f36)!important;}
.f42 {font-size: var(--f42)!important;}

/* 行高类 */
.lh18 {line-height: var(--f18)!important;}
.lh20 {line-height: var(--f20)!important;}
.lh24 {line-height: var(--f24)!important;}
.lh30 {line-height: var(--f30)!important;}
.lh32 {line-height: var(--f32)!important;}
.lh36 {line-height: var(--f36)!important;}
.lh40 {line-height: var(--f40)!important;}

.letter_s_0{letter-spacing: 0!important;}
.normal_font{font-size: var(--f14-5)!important; line-height: var(--f24)!important;}

/*color*/
.b_white{background: var(--c-white)!important;}
.b_grey{background: var(--c-grey-f9)!important;}
.b_grey_f2{background: var(--c-grey-f2)!important;}
.b_eee{background: var(--c-grey-ea)!important;}
.b_grey_pic{background: var(--c-grey-9) url("../images/white_back.jpg") center no-repeat; background-size: cover}
.b_dark{background: var(--c-dark)!important;}
.b_green{background: var(--c-green)!important;}
.b_green_light{background: var(--c-green-light)!important;}
.b_blue{background: var(--c-blue)!important;}
.b_orange{background: var(--c-orange-back)!important;}
.b_none{background: none!important;}
.b_light_green{background: var(--c-light-green) !important;}
.b_light_blue{background: var(--c-light-blue) !important;}
.b_light_orange{background: var(--c-light-orange) !important;}
.linear_blue{background: var(--linear-blue);}
.linear_gray{background: var(--linear-gray)}
.linear_green{background: var(--linear-green)}
.tip_back_red{background: var(--c-light-red); padding: var(--s-x-15); border-radius: var(--radius-50);}

.green {color: var(--c-green)!important;}
.white {color: var(--c-white)!important;}
.red {color: var(--c-red)!important;}
.grey {color: var(--c-grey)!important;}
.orange {color: var(--c-orange)!important;}
.blue {color: var(--c-blue)!important;}
.color2 {color: var(--c-dark)!important;}
.color5 {color: var(--c-grey-5)!important;}
.color8 {color: var(--c-grey-8)!important;}
.colorddd {color: var(--c-grey-d)!important;}
.a_gray{color:var(--c-grey-5)!important;}
.a_gray:hover{color:var(--c-green)!important;}
.a_white{color:var(--c-white)!important;}
.a_white:hover{color:var(--c-green)!important;}
.svg_geen_str .cls-1{stroke:var(--c-green)!important;}
.svg_geen_fill .cls-1,.svg_geen_fill{fill:var(--c-green)!important;}
.svg_white_str .cls-1{stroke:var(--c-white)!important;}
.svg_white_fill .cls-1,.svg_white_fill{fill:var(--c-white)!important;}
.svg_gray_str .cls-1{stroke:var(--c-grey-9)!important;}
.svg_gray_fill .cls-1,.svg_gray_fill{fill:var(--c-grey-9)!important;}
.svg_black_str .cls-1{stroke:var(--c-grey-5)!important;}
.svg_black_fill .cls-1,.svg_black_fill{fill:var(--c-grey-5)!important;}
.svg_ct .cls-1,.svg_ct{fill: var(--c-grey-6) !important; height: 20px; vertical-align: middle;}

/* 宽度类 */
.w_10 {width: var(--w-10)!important;}
.w_19 {width: var(--w-19)!important;}
.w_20 {width: var(--w-20)!important;}
.w_23 {width: var(--w-23)!important;}
.w_25 {width: var(--w-25)!important;}
.w_30 {width: var(--w-30)!important;}
.w_32 {width: var(--w-32)!important;}
.w_33 {width: var(--w-33)!important;}
.w_35 {width: var(--w-35)!important;}
.w_40 {width: var(--w-40)!important;}
.w_41 {width: var(--w-41)!important;}
.w_45 {width: var(--w-45)!important;}
.w_48 {width: var(--w-48)!important;}
.w_50 {width: var(--w-50)!important;}
.w_55 {width: var(--w-55)!important;}
.w_60 {width: var(--w-60)!important;}
.w_65 {width: var(--w-65)!important;}
.w_66 {width: var(--w-66)!important;}
.w_70 {width: var(--w-70)!important;}
.w_75 {width: var(--w-75)!important;}
.w_80 {width: var(--w-80)!important;}
.w_90 {width: var(--w-90)!important;}
.w_100 {width: var(--w-100)!important;}
.w_auto {width: var(--w-auto)!important;}

/* 移动端宽度 */
.m_w_50 {width: var(--w-50)!important;}
.m_w_100 {width: var(--w-100)!important;}

/* 最大宽度 */
.mw_40 {max-width: var(--mw-40)!important;}
.mw_45 {max-width: var(--mw-45)!important;}
.mw_50 {max-width: var(--mw-50)!important;}

/* 最小宽度 */
.min_w_auto {min-width: var(--min-w-auto)!important;}

/* 高度类 */
.height20 {height: var(--h-20)!important;}
.h_0 {height: var(--h-0)!important;}
.h_100 {height: var(--h-100)!important;}
.h_auto {height: var(--h-auto)!important;}

/* margin */
.m0   {margin: var(--s-0)!important;}
.m10  {margin: var(--s-10)!important;}
.m20  {margin: var(--s-20)!important;}
.m30  {margin: var(--s-30)!important;}

.mt0  {margin-top: var(--s-0)!important;}
.mt10 {margin-top: var(--s-10)!important;}
.mt15 {margin-top: var(--s-15)!important;}
.mt20 {margin-top: var(--s-20)!important;}
.mt30 {margin-top: var(--s-30)!important;}
.mt40 {margin-top: var(--s-40)!important;}
.mt50 {margin-top: var(--s-50)!important;}
.mt_b_30 {margin-top: var(--s-30p)!important;}

.mb0  {margin-bottom: var(--s-0)!important;}
.mb10 {margin-bottom: var(--s-10)!important;}
.mb20 {margin-bottom: var(--s-20)!important;}
.mb25 {margin-bottom: var(--s-25)!important;}
.mb30 {margin-bottom: var(--s-30)!important;}
.mb40 {margin-bottom: var(--s-40)!important;}
.mb50 {margin-bottom: var(--s-50)!important;}

.ml0  {margin-left: var(--s-0)!important;}
.ml10 {margin-left: var(--s-10)!important;}
.ml20 {margin-left: var(--s-20)!important;}
.ml30 {margin-left: var(--s-30)!important;}
.ml40 {margin-left: var(--s-40)!important;}
.ml50 {margin-left: var(--s-50)!important;}
.ml60 {margin-left: var(--s-60)!important;}
.ml70 {margin-left: var(--s-70)!important;}

.mr0  {margin-right: var(--s-0)!important;}
.mr10 {margin-right: var(--s-10)!important;}
.mr20 {margin-right: var(--s-20)!important;}
.mr30 {margin-right: var(--s-30)!important;}
.mr40 {margin-right: var(--s-40)!important;}
.mr50 {margin-right: var(--s-50)!important;}

.ml_mr_auto {margin: 0 auto!important;}
.ml_mr_10   {margin: var(--s-x-10)!important;}
.ml_mr_20   {margin: var(--s-x-20)!important;}
.ml_mr_30   {margin: var(--s-x-30)!important;}
.ml_mr_40   {margin: var(--s-x-40)!important;}
.ml_mr_50   {margin: var(--s-x-50)!important;}

.mt_mb_20 {margin: var(--s-y-20)!important;}
.mt_mb_30 {margin: var(--s-y-30)!important;}
.mt_mb_40 {margin: var(--s-y-40)!important;}
.mt_mb_50 {margin: var(--s-y-50)!important;}

/* padding */
.p0   {padding: var(--s-0)!important;}
.p_s  {padding: var(--s-3-5)!important;}
.p10  {padding: var(--s-10)!important;}
.p20  {padding: var(--s-20)!important;}
.p30  {padding: var(--s-30)!important;}
.p40  {padding: var(--s-40)!important;}
.p50  {padding: var(--s-50)!important;}

.pt0  {padding-top: var(--s-0)!important;}
.pt10 {padding-top: var(--s-10)!important;}
.pt15 {padding-top: var(--s-15)!important;}
.pt20 {padding-top: var(--s-20)!important;}
.pt30 {padding-top: var(--s-30)!important;}
.pt40 {padding-top: var(--s-40)!important;}
.pt50 {padding-top: var(--s-50)!important;}
.pt_b_30 {padding: var(--s-30p)!important;}

.pb0  {padding-bottom: var(--s-0)!important;}
.pb10 {padding-bottom: var(--s-10)!important;}
.pb20 {padding-bottom: var(--s-20)!important;}
.pb25 {padding-bottom: var(--s-25)!important;}
.pb30 {padding-bottom: var(--s-30)!important;}
.pb40 {padding-bottom: var(--s-40)!important;}
.pb50 {padding-bottom: var(--s-50)!important;}

.pl0   {padding-left: var(--s-0)!important;}
.pl10  {padding-left: var(--s-10)!important;}
.pl20  {padding-left: var(--s-20)!important;}
.pl30  {padding-left: var(--s-30)!important;}
.pl40  {padding-left: var(--s-40)!important;}
.pl50  {padding-left: var(--s-50)!important;}
.pl60  {padding-left: var(--s-60)!important;}
.pl70  {padding-left: var(--s-70)!important;}
.pl80  {padding-left: var(--s-80)!important;}
.pl90  {padding-left: var(--s-90)!important;}
.pl100 {padding-left: var(--s-100)!important;}
.pl220 {padding-left: var(--s-220)!important;}

.pr0  {padding-right: var(--s-0)!important;}
.pr10 {padding-right: var(--s-10)!important;}
.pr20 {padding-right: var(--s-20)!important;}
.pr30 {padding-right: var(--s-30)!important;}
.pr40 {padding-right: var(--s-40)!important;}
.pr50 {padding-right: var(--s-50)!important;}

.pl_pr_10 {padding: var(--s-x-10)!important;}
.pl_pr_20 {padding: var(--s-x-20)!important;}
.pl_pr_30 {padding: var(--s-x-30)!important;}
.pl_pr_40 {padding: var(--s-x-40)!important;}
.pl_pr_50 {padding: var(--s-x-50)!important;}

.pt_pb_5  {padding: var(--s-y-5)!important;}
.pt_pb_10 {padding: var(--s-y-10)!important;}
.pt_pb_20 {padding: var(--s-y-20)!important;}
.pt_pb_30 {padding: var(--s-y-30)!important;}
.pt_pb_40 {padding: var(--s-y-40)!important;}
.pt_pb_50 {padding: var(--s-y-50)!important;}

.bor_none{border: none!important;}
.bor_r2 { border-radius: var(--radius-2) !important; }
.bor_r3 { border-radius: var(--radius-3) !important; }
.bor_r4 { border-radius: var(--radius-4) !important; }
.bor_r6 { border-radius: var(--radius-6) !important; }
.bor_r10 { border-radius: var(--radius-10) !important; }
.bor_r12 { border-radius: var(--radius-12) !important; }
.bor_r20 { border-radius: var(--radius-20) !important; }
.bor_r30 { border-radius: var(--radius-30) !important; }
.bor_r { border-radius: var(--radius-full) !important; }

.important_point{position: relative;}
.important_point:before{content: "*"; color: var(--c-red-tip); position: absolute; left: -10px;}

/*button*/
/* 通用按钮 */
.btn{padding:var(--padding)!important;border-radius:var(--radius-full);border:none;display:inline; font-family: var(--font-main);}
button.btn{line-height:4rem;font-size:1.8rem}
.s_btn{padding: var(--s-padding);border-radius:var(--radius-full);border:none;display:inline;font-size:initial;}
.btn_b{padding: var(--b-padding)!important;border-radius:var(--radius-full);font-size:var(--f22);min-width:240px;}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;box-shadow:none;}
.btn_green,.btn_blue,.btn_orange,.btn_red{text-decoration:none!important;color:var(--c-white)!important;position:relative;top:0;transition:var(--transition);text-align:center;text-indent:0;}
.btn_green,.btn_green:focus{background:var(--c-green);box-shadow:var(--shadow-green);}
:is(.btn_green,.btn_blue,.btn_orange,.btn_red):hover{text-decoration:none; color: #fff;}
.btn_green:hover{background:var(--c-green-h);}
.btn_blue,.btn_blue:focus{background:var(--c-blue);color:var(--c-white);}
.btn_blue:hover{background:var(--c-blue-h);box-shadow:var(--shadow-blue);}
.btn_orange{background:var(--c-orange)!important;box-shadow:var(--shadow-orange);}
.btn_orange:hover{background:var(--c-orange-h)!important;}
.btn_red{background:var(--c-red)!important;box-shadow:var(--shadow-red);}
.btn_red:hover{background:var(--c-red-h)!important;}
.btn_white_line,.btn_green_line,.btn_green_line_a{background:none;display:inline-block;position:relative;transition:var(--transition);text-align:center;text-indent:0;border-radius:var(--radius-full);}
.btn_white_line{border:1px solid var(--c-white); color: var(--c-white);}
.btn_green_line,.btn_green_line_a{border:1px solid var(--c-green);}
.btn_white_line:hover,.btn_green_line:hover,.btn_green_line_a:hover{background:var(--c-green);border-color:var(--c-green);color:var(--c-white)!important;}
.btn_white{background:var(--c-white)!important;color:var(--c-dark);border:1px solid var(--c-grey-c);}
.btn_white:hover{border:1px solid var(--c-grey-c);background:var(--c-grey-ea)!important;color:var(--c-dark);}
.btn_gray{background:var(--c-grey-d)!important;color:var(--c-grey-5);}
.btn_gray:hover{background:var(--c-grey-c)!important;color:var(--c-grey-5);}


/* btn_a */
.btn_a a,.btn_a input[type=button],.btn_a input[type=submit]{display:inline-block;padding:10px 30px;text-align:center;background:var(--c-green);color:var(--c-white);border-radius:var(--radius-2);font-size:var(--f14);transition:var(--transition);position:relative;text-indent:-20px;}
.btn_a input[type=button],.btn_a input[type=text],.btn_a input[type=submit]{text-indent:0;}
.btn_a a:before{content:'>';position:absolute;right:20px;transition:all .3s;font-family:'黑体',serif;font-weight:bold;}
.btn_a a:hover,.btn_a input[type=button]:hover,.btn_a input[type=submit]:hover{background:var(--c-green-h);color:var(--c-white);text-decoration:none;}
.btn_a a:hover:before{right:15px;}

/* disabled 全局 */
button:disabled, button[disabled], button.disabled,
input:disabled, input[disabled], input.disabled,
select:disabled, select[disabled], select.disabled,
textarea:disabled, textarea[disabled], textarea.disabled{
    background: var(--c-grey-d)!important;
    color:var(--c-grey-5)!important;
    cursor:no-drop!important;
}

/*table*/
.table_n{width: 100%;}
.table_n th{background: var(--c-grey-f9);}
.en .table_n th{white-space: nowrap;}
.table_n td,.table_n th{border:1px solid var(--c-grey-d); padding:18px;vertical-align: middle;}
@media (min-width: 990px){
    .table_n{border: 1px solid var(--c-grey-d);  border-radius: 20px;  overflow: hidden;}
    .table_n td,.table_n th{border:1px solid var(--c-grey-d); padding:18px;vertical-align: middle;border-left: none; border-top: none;}
    .table_n td:last-child, .table_n th:last-child{border-right: none;}
    .table_n tr:last-child td{border-bottom: none;}
}
.table_n td{color: var(--c-grey-5)}
.border_b{border-bottom:1px solid var(--c-grey-c)}
.border_t{border-top:1px solid var(--c-grey-c)}
.border_l{border-left:1px solid var(--c-grey-c)}
.border_r{border-right:1px solid var(--c-grey-c)}
.border_color_gray{border-color: var(--c-grey-ea)}
.border_3{border-width: 3px}
.border{border: 1px solid var(--c-grey-d);}
.table_style{border:1px solid var(--c-grey-d); border-radius: 20px; overflow: hidden}
.table_style .cell{border: 1px solid var(--c-grey-d); border-right:none; border-bottom:none; padding:15px 20px; text-align: center; vertical-align: middle}
.table_style .td:hover .cell{background: var(--c-grey-f9)}
.table_style .th .cell{border-top: none}
.table_style .cell:first-child{border-left: none;}
.table_style .cell.tit,.table_style .tit .cell{background: var(--c-grey-f2)}
.table_blue th{background: var(--c-blue-bg);background: linear-gradient(0deg,var(--c-blue-bg),var(--c-white));border: 1px solid var(--c-blue-border);}
.table_green th,.table_green{background: var(--c-green-bg);background: linear-gradient(0deg,var(--c-green-bg),var(--c-white));border: 1px solid var(--c-green-border);}
.ver_top{vertical-align: top!important;}
.ver_bot{vertical-align: bottom!important;}
.ver_mid{vertical-align: middle!important;}
.table_blue .cell{background: var(--c-white) !important;border-color: var(--c-blue-border) !important;}
.table_blue .tit .cell{background: var(--c-blue-bg)!important; color: var(--c-blue)!important;}
.table_g .cell{background: var(--c-green-bg) !important;border-color: var(--c-green-border) !important;}
.table_g .tit .cell{background: var(--c-green-bg) !important; color: var(--c-green) !important;}

.table_adapt{width: 100%; border: 1px solid var(--c-grey-de); border-radius: 20px;}
.table_adapt .table{width: 100%;}
.table_adapt .cell{border: 1px solid var(--c-grey-de); border-top: none; border-right: none; padding:14px 15px; vertical-align: middle}
.table_adapt .cell:first-child{white-space: nowrap; border-left: none; font-weight: bold}
@media (min-width: 990px){
    .table_adapt .row:last-child .cell{border-bottom: none;}
}
.table_adapt .row.th .cell{font-weight: bold;}
.table_adapt .row:hover .cell{background: var(--c-grey-f9)}
@media (max-width: 990px) {
    .table_style{border-radius: 0}
    .table_style_a{border: none; border-radius: 0}
    .table_style_a>.table{margin-top: 30px; border-top: 1px solid var(--c-grey-d); border-left: 1px solid var(--c-grey-d)}
    .table_style_a>.table:first-child{margin-top: 0;}
    .table_style_a .cell{border-right: 1px solid var(--c-grey-d);}
    .table_style_a .row:last-child .cell{border-bottom: 1px solid var(--c-grey-d);}
    .table_style_a .con_tit{font-weight: bold;}
    .table_h{width: 100%; display: flex;flex-wrap: wrap;}
    .table_h .row{width: 50%;}
    .table_h .row .cell{width: 100%; display: block}
    .table_adapt.table{width: 100% !important}
    .table_adapt .cell{word-wrap: anywhere;}
    .table_adapt .row:first-child .cell:first-child{display: none;}
    .table_adapt_a .row:first-child .cell:first-child{display: block;}
    .table_adapt .cell,.table_adapt .row{display: block; width: 100%;}
    .table_adapt{border: none;}
    .table_adapt .row{margin-top: 30px;}
    .table_adapt .row.th{display: none;}
    .table_adapt .row .cell{border: 1px solid var(--c-grey-de); border-top: none; background: none!important; text-align: left!important;}
    .table_adapt .row .cell:first-child{border-top: 1px solid var(--c-grey-de); background: var(--c-grey-ea)!important;}
    .table_adapt .con_tit{font-weight: bold; padding-bottom: 10px;}
    .table_adapt .row .cell:first-child .con_tit{padding: 0;}
    .table_style_a img,.table_adapt img{max-width: 100%;}
}

/*样式*/
.pointer_e{pointer-events: none}
.transition{transition:var(--transition)}
.arrow_l:before{content: '<'; font-family: '黑体', serif;padding-right: 10px;}
.arrow_r:after{content: '>'; font-family: '黑体', serif;padding-left: 10px;}
.fill_info .cell{vertical-align: middle; padding: 5px 10px 5px 0;}
.fill_info .cell:first-child{text-align: right;float: none; width: auto; height: auto; line-height:normal;display: table-cell;}
.fill_info input[type='text'],.fill_info input[type="password"]{height: var(--f42); line-height: var(--f42); text-indent: 8px;}
.tip_error{color: var(--c-red-error);}
.tips_k{border: 2px solid var(--c-green); border-radius: 3px; color: var(--c-green)!important; padding: 10px 20px!important; background: var(--c-green-light-bg);}
.tips_k b{font-size: var(--f18); display: block; text-align: justify}
.tips_error{border: 1px solid var(--c-red-border); border-radius: 3px; color: var(--c-red)!important; padding: 10px 20px!important; background: var(--c-red-bg);}
.tips_k>div{padding: 10px 15px; border: 1px solid var(--c-green); display: block; width: 100%; height: 100%; border-radius: 4px; background: var(--c-white);}
.tit_point:before{content: ""; display: inline-block; height: 20px; width: 3px; background: var(--c-green); vertical-align: middle; margin-right: 10px;}
.tit_line:before{content: ""; height: 4px; width: 80px; border-radius: 50px; background: var(--c-green); display: block; position: absolute; left: 50%; bottom: -6px; margin-left: -40px;}
.tit_line_left:before{content: ""; height: 4px; width: 80px; border-radius: 50px; background: var(--c-green); display: block; position: absolute; left: 0; bottom: -6px;}
.fra_gray{border: 1px solid var(--c-grey-ea); background: var(--c-grey-f9); padding: 20px; border-radius: 20px;}
.fra_green{border: 1px solid var(--c-green-border); background: var(--c-light-green); padding:10px 20px; border-radius: 3px;}
.fra_orange{border: 1px solid var(--c-orange-border); background: var(--c-light-orange); padding:10px 20px; border-radius: 3px;}
.fra_blue{border: 1px solid var(--c-blue-border); background: var(--c-light-blue); padding:10px 20px; border-radius: 3px;}
.ul_li_number{padding:0 0 10px 0;}
.ul_li_number li{padding:0 0 10px 0; margin-left: 20px; background-size: 16px; line-height: var(--f20); list-style: auto; color: var(--c-dark)}
.ul_li_number li:first-child{padding-top: 0;}
.box_shadow{box-shadow: var(--shadow)!important;}
.box_shadow_h{box-shadow: var(--shadow-0); transition:var(--transition);position: relative; top: 0}
.box_shadow_h:hover{box-shadow: var(--shadow-h) !important; top: -5px}
.box_shadow_none{box-shadow: none}
/*提示信息*/
label.error {color: var(--c-red-error); margin-top: 10px;}
span.field-validation-error span{color: var(--c-red-error); margin-top: 5px;display:block;}

/*下拉菜单*/
.sec_menu_a .con{transition: all .4s ease; opacity: 0; z-index: 0; margin: 20px 0 0 -75px; min-width: 150px; position: absolute; background: var(--c-white); box-shadow: var(--shadow); border-radius: 3px; padding: 0 10px; left: 50%; pointer-events: none;}
.sec_menu_a .con:before{content: ""; border:6px solid transparent; border-bottom:6px solid var(--c-white); top: -12px; left: 50%; margin-left: -6px; position: absolute}
.sec_menu_a .con a{padding: 15px 0; display: inline-block; border-top: 1px solid var(--c-grey-d); width: 100%; color: var(--c-dark)}
.sec_menu_a .con a:hover{color: var(--c-green); background: none}
.sec_menu_a .con a:first-child{border-top: none}
.sec_menu_a:hover .con{opacity: 1; z-index: 99; margin-top: 0; height: auto;pointer-events: auto;}
.sec_menu_a>a img{height:6px; opacity: 0.5; transition: var(--transition)}
.sec_menu_a:hover>a img{transform: rotate(180deg); opacity: 1}

/*通用 - 文章 - 序列*/
.front_icon_li{padding:0 0 10px 0;}
.front_icon_li li{padding:0 0 10px 26px; background: url("../images/r_arrow.svg") left 2px no-repeat; background-size: 16px; color: var(--c-grey-5)}
.front_icon_li li:first-child{padding-top: 0;}
.text-ol_li li,.text-ol_li_a li,.text-ol_li_b li,.text-ol_li_c li{text-align: justify; padding-bottom: 10px; position: relative;z-index: 20; color: var(--c-grey-5);}
.text-ol_li li{list-style: decimal!important;}
.text-ol_li_line li{border-bottom: 1px dotted var(--c-grey-d); padding-bottom: 20px; margin-bottom: 20px;}
.text-ol_li_a li{list-style: trad-chinese-informal!important;}
.text-ol_li li b{color: var(--c-dark);}
.text-ol_li li.none{height: 0; opacity: 0; padding: 0; margin: 0}
.text-ol_li_b li{list-style:none}
.num.text-ol_li_b li{position: relative}
.num.text-ol_li_b li i{position: absolute; left: -30px; top: 2px; color: var(--c-white); background: var(--c-green); line-height: var(--f20); width:20px; height: 20px; display: inline-block; border-radius: 90px; text-align: center}
.third.text-ol_li_b li{list-style:none;position: relative}
.third.text-ol_li_b li:before{content: "(1)"; position: absolute; left: -30px;width: 30px; text-align: center; display: block;}
.third.text-ol_li_b li:nth-child(2):before{content: "(2)";}
.third.text-ol_li_b li:nth-child(3):before{content: "(3)";}
.third.text-ol_li_b li:nth-child(4):before{content: "(4)";}
.third.text-ol_li_b li:nth-child(5):before{content: "(5)";}
.third.text-ol_li_b li:nth-child(6):before{content: "(6)";}
.third.text-ol_li_b li:nth-child(7):before{content: "(7)";}
.third.text-ol_li_b li:nth-child(8):before{content: "(8)";}
.third.text-ol_li_b li:nth-child(9):before{content: "(9)";}
.third.text-ol_li_b li:nth-child(10):before{content: "(10)";}
.third.text-ol_li_b li:nth-child(11):before{content: "(11)";}
.third.text-ol_li_b li:nth-child(12):before{content: "(12)";}
.text-ol_li_c li{list-style:outside!important;}
.text-ol_li p,.text-ol_li_a p,.text-ol_li_b p,.text-ol_li_c p{padding-bottom: 12px!important;}
.text-ol_li p:first-child,.text-ol_li_a p:first-child,.text-ol_li_b p:first-child,.text-ol_li_c p:first-child{padding-top: 5px}
.text-ol_li ul,.text-ol_li_a ul,.text-ol_li_b ul,.text-ol_li_c ul{margin: 0 0 15px 20px; padding-left: 25px;}
.maincontent_list{font-size: var(--f14); color: var(--c-grey-5);margin-bottom: 15px;list-style-position: outside;padding-left: 20px; overflow: hidden;}
.maincontent_list li{list-style-type: disc; margin-top: 20px;}

.p_p_li{width: 50%}
.around_num_g{width: 20px; height: 20px; line-height: var(--f20); background: var(--c-green); color: var(--c-white); display: inline-block; text-align: center; border-radius: 90px;}
.text_dl_dd dd{padding:10px 0 0 25px; position: relative}
.text_dl_dd dd:before{color: var(--c-green); position: absolute; left: 0; margin-top: 1px}
@media(max-width:550px){
    .text-ol_li{padding-left: 0;}
}

/*sidebar*/
.sidebar .tit i{height: 20px; transition: var(--transition);}
.sidebar .tit i.up{height: 20px; transform: rotate(180deg); color: var(--c-green)}


@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?a282zc');
    src:  url('../fonts/icomoon.eot?a282zc#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?a282zc') format('truetype'),
    url('../fonts/icomoon.woff?a282zc') format('woff'),
    url('../fonts/icomoon.svg?a282zc#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: var(--font-icon)!important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-sina:before,.icon-after.icon-sina:after {content: "\e90f";}
.icon-arrow_up:before,.icon-after.icon-arrow_up:after {content: "\e900";}
.icon-cart_show:before,.icon-after.icon-cart_show:after {content: "\e901";}
.icon-del:before,.icon-after.icon-del:after {content: "\e902";}
.icon-down:before,.icon-after.icon-down:after {content: "\e903";}
.icon-false:before,.icon-after.icon-false:after {content: "\e9091";}
.icon-info:before,.icon-after.icon-info:after {content: "\e905";}
.icon-lock:before,.icon-after.icon-lock:after {content: "\e906";}
.icon-mail:before,.icon-after.icon-mail:after {content: "\e907";}
.icon-peo:before,.icon-after.icon-peo:after {content: "\e908";}
.icon-phone:before,.icon-after.icon-phone:after {content: "\e909";}
.icon-search:before,.icon-after.icon-search:after {content: "\e90a";}
.icon-service:before,.icon-after.icon-service:after {content: "\e90b";}
.icon-ture:before,.icon-after.icon-ture:after {content: "\e90c";}
.icon-ture_around:before,.icon-after.icon-ture_around:after {content: "\e90d";}
.icon-wechat:before,.icon-after.icon-wechat:after {content: "\e90e";}
.icon-cn:before,.icon-after.icon-cn:after {content: "\e910";}
.icon-en:before,.icon-after.icon-en:after {content: "\e911";}
.icon-copy:before,.icon-after.icon-copy:after {content: "\e912";}
[class^="icon-after"]:before,[class^=" icon-after"]:before{content: "" !important}