html{ font-size: 10px;}
body{ margin: 0; padding: 0; font-family: "Microsoft YaHei","simsun"; font-size: 1.6rem; color: #333333;}
*{ margin: 0; padding: 0; box-sizing: border-box; outline: none;}
a:link,a:visited{ color: #333333; text-decoration: none;}
a:hover{ color: #1658a0;}
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: middle; max-width: 100%;}
.clear { clear: both; *height: 1px; }
input, select { vertical-align: middle;}
input[type="button"],input[type="submit"]{ cursor: pointer; appearance: button; -moz-appearance:button; /* Firefox */ -webkit-appearance:button;}
.f_i{ text-indent: 2em;}
.f_l{ float: left;}
.f_r{ float: right;}
.no{ display: none;}
.clearflx:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
em,i{ font-style: normal;}
.clear{ clear: both;}
input[type="submit"],input[type="button"]{ border: 0;}
/**以上样式不需要修改**/


.body_bg{ background-color: #f8f8f8;}
.row{ width: 1300px; margin: 0 auto; position: relative;}
.content_bg_01{ background-color: #f8f8f8;}
.content_bg_02{ background-color: #ffffff;}
.content_bg_03{}
.content_bg_04{}
.content_bg_05{}

@media screen and (max-width:1300px) {
	.row{ width:100%; padding: 0 2rem;}
}
@media screen and (max-width:992px) {
	.main.mar_t20{ margin-top: 0;}
	.content_bg_01_sm{ background-color: #f8f8f8;}
	.content_bg_02_sm{ background-color: #ffffff;}
	
}
/*溢出显示隐藏*/
.overflow_hide{ overflow: hidden;}
.overflow_auto{ overflow: auto;}

/*高度控制*/
.w_space_np{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}/*一行显示超出省略号隐藏*/
.w_space_np_01{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}/*2行显示超出省略号隐藏*/
.w_space_np_02{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}/*2行显示超出省略号隐藏*/
/**主辅色**/
.primary_color,.primary_color a{ color: #1658a0;}
.primary_light_01{ color: #1b6cc4;}
.primary_light_02{ color: #2680e1;}
.primary_light_03{ color: #539ae7;}
.primary_light_04{ color: #65a5ea;}
.primary_light_05{ color: #80b4ee;}
.primary_light_06{ color: #9bc4f1;}
.primary_light_07{ color: #adcff4;}
.primary_light_08{ color: #d1e4f9;}
.primary_light_09{ color: #e7f1fc;}
.primary_light_10{ color: #f5f9fe;}
/**强调色**/
.success{ color: #71bd69;}
.warning{ color: #e19f40;}
.danger{ color: #ba2b29;}
/**灰色**/
.gray_base{ color: #000;}
.gray_light_01{ color: #222222;}
.gray_light_02{ color: #333333;}
.gray_light_03{ color: #444444;}
.gray_light_04{ color: #666666;}
.gray_light_05{ color: #888888;}
.gray_light_06{ color: #999999;}
.gray_light_07{ color: #bbbbbb;}
.gray_light_08{ color: #cccccc;}
.gray_light_09{ color: #f2f2f2;}
.gray_light_10{ color: #f8f8f8;}
.gray_light_11{ color: #ffffff;}

/**字号**/

.fs_base{ font-size: 1.6rem;}
.fs_large{ font-size: 1.8rem;}
.fs_small{ font-size: 1.2rem;}
.fs_h1{ font-size: 4.8rem;}
.fs_h2{ font-size: 4rem;}
.fs_h3{ font-size: 3.6rem;}
.fs_h4{ font-size: 3.2rem;}
.fs_h5{ font-size: 3rem;}
.fs_h6{ font-size: 2.4rem;}
.fs_h7{ font-size: 2.2rem;}
.fs_h8{ font-size: 2rem;}


/**行高,与字号进行匹配**/
.line_h_base{ line-height: 180%;}
.line_h_large{ line-height: 200%;}
.line_h_small{ line-height: 150%;}
.line_h_01{ line-height:4.8rem;}

/**字体**/

@font-face{
    font-family: 'SourceHanSerifCN';
    src: url('SourceHanSerifCN-Regular.otf');
}
@font-face{
    font-family: 'SourceHanSansCN';
    src: url('SourceHanSansCN-Regular.otf');
}
.font_family_syst{ font-family: SourceHanSerifCN;}
.font_family_syht{ font-family: SourceHanSansCN;}
@media screen and (max-width:992px) {
	.font_family_syst_01{ font-family: SourceHanSerifCN; font-weight: 600;}
	.font_family_syht_01{ font-family: SourceHanSansCN; font-weight: 600;}
}
.font_family_cn{ font-family: simsun !important;}
.font_family_en{ font-family: arial;}
.font_weight_base{ font-weight: bold;}

/**圆角**/
.border_radius_base{ border-radius: 4px;}
.border_radius_large{ border-radius: 12px;}
.border_radius_middle{ border-radius: 8px;}
.border_radius_xl{ border-radius: 20px;}

/**线条**/
.border_b_solid{ border-bottom: 1px solid #cccccc;}
.border_b_solid_01{ border-bottom: 1px solid #e2e2e2;}
.border_b_solid_02{ border-bottom: 2px solid #1658a0;}
.border_b_solid_03{ border-bottom: 1px solid #f8f8f8;}

.border_t_solid{ border-top: 1px solid #cccccc;}
.border_t_solid_01{ border-top: 1px solid #e2e2e2;}
.border_t_solid_02{ border-top: 2px solid #1658a0;}
.border_t_solid_03{ border-top: 1px solid #f8f8f8;}

.boder_solid{ border: 1px solid #cccccc;}
.boder_solid_01{ border: 1px solid #e2e2e2;}
.boder_solid_02{ border: 2px solid #1658a0;}
.boder_solid_03{ border: 1px solid #f8f8f8;}

.border_b_dashed{ border-bottom: 1px dashed #cccccc;}
.border_b_dashed_01{ border-bottom: 1px dashed #e2e2e2;}
.border_b_dashed_02{ border-bottom: 2px dashed #1658a0;}
.border_b_dashed_03{ border-bottom: 1px dashed #f8f8f8;}

.border_t_dashed{ border-top: 1px dashed #cccccc;}
.border_t_dashed_01{ border-top: 1px dashed #e2e2e2;}
.border_t_dashed_02{ border-top: 2px dashed #1658a0;}
.border_t_dashed_03{ border-top: 1px dashed #f8f8f8;}

.boder_dashed{ border: 1px dashed #cccccc;}
.boder_dashed_01{ border: 1px dashed #e2e2e2;}
.boder_dashed_02{ border: 2px dashed #1658a0;}
.boder_dashed_03{ border: 1px dashed #f8f8f8;}

@media screen and (max-width:992px) {
	.boder_solid_0_sm{ border:0;}
	.boder_solid_sm{ border: 1px solid #cccccc;}
	.boder_solid_01_sm{ border: 1px solid #e2e2e2;}
	.boder_solid_02_sm{ border: 2px solid #1658a0;}
	.boder_solid_03_sm{ border: 1px solid #f8f8f8;}
	.border_t_0_sm{ border-top:0;}
	.border_b_0_sm{ border-bottom:0;}
	.border_l_0_sm{ border-left:0;}
	.border_r_0_sm{ border-right:0;}
	.border_t_solid_01_sm{ border-top: 1px solid #e2e2e2;}
	.border_b_solid_01_sm{ border-bottom: 1px solid #e2e2e2;}
	.border_l_solid_01_sm{ border-left: 1px solid #e2e2e2;}
	.border_r_solid_01_sm{ border-right: 1px solid #e2e2e2;}
	.border_t_solid_02_sm{ border-top: 1px solid #1658a0;}
	.border_b_solid_02_sm{ border-bottom: 1px solid #1658a0;}
	.border_l_solid_02_sm{ border-left: 1px solid #1658a0;}
	.border_r_solid_02_sm{ border-right: 1px solid #1658a0;}
	.border_t_solid_03_sm{ border-top: 1px solid #f8f8f8;}
	.border_b_solid_03_sm{ border-bottom: 1px solid #f8f8f8;}
	.border_l_solid_03_sm{ border-left: 1px solid #f8f8f8;}
	.border_r_solid_03_sm{ border-right: 1px solid #f8f8f8;}
	
	.boder_dashed_sm{ border: 1px dashed #cccccc;}
	.boder_dashed_01_sm{ border: 1px dashed #e2e2e2;}
	.boder_dashed_02_sm{ border: 2px dashed #1658a0;}
	.boder_dashed_03_sm{ border: 1px dashed #f8f8f8;}
}

/*文字对齐*/
.text_align_left{ text-align: left;}
.text_align_center{ text-align: center;}
.text_align_right{ text-align: right;}

/*投影*/
.shadow_base,.shadow_base:focus,.shadow_base:hover {
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

/*显示、隐藏*/
.block{ display: block;}
.none{ display: none;}

@media screen and (max-width:992px) {
	.block_sm{ display: block;}
	.none_sm{ display: none;}
}

/*margin*/
.mar_base0{ margin: 0;}
.mar_base{ margin:2rem;}
.mar_large{ margin:3.2rem;}
.mar_xl{ margin:4rem;}
.mar_small{ margin: 1.6rem;}
.mar_xs{ margin:.8rem;}

.mar_t_base0{ margin-top: 0;}
.mar_t_base{ margin-top: 2rem;}
.mar_t_large{ margin-top: 3.2rem;}
.mar_t_xl{ margin-top: 4rem;}
.mar_t_small{ margin-top: 1.6rem;}
.mar_t_xs{ margin-top: .8rem;}
.mar_t_01{ margin-top: 1rem;}

.mar_b_base0{ margin-bottom:0;}
.mar_b_base{ margin-bottom: 2rem;}
.mar_b_large{ margin-bottom: 3.2rem;}
.mar_b_xl{ margin-bottom: 4rem;}
.mar_b_small{ margin-bottom: 1.6rem;}
.mar_b_xs{ margin-bottom: .8rem;}

.mar_l_base0{ margin-left:0;}
.mar_l_base{ margin-left: 2rem;}
.mar_l_large{ margin-left: 3.2rem;}
.mar_l_xl{ margin-left: 4rem;}
.mar_l_small{ margin-left: 1.6rem;}
.mar_l_xs{ margin-left: .8rem;}

.mar_r_base0{ margin-right:0;}
.mar_r_base{ margin-right: 2rem;}
.mar_r_large{ margin-right: 3.2rem;}
.mar_r_xl{ margin-right: 4rem;}
.mar_r_small{ margin-right: 1.6rem;}
.mar_r_xs{ margin-right: .8rem;}





/*---------------------------------------segmentation------------------------------------------*/

/*padding*/
.pad_base0{ padding:0rem;}
.pad_base{ padding:2rem;}
.pad_large{ padding:3.2rem;}
.pad_xl{ padding:4rem;}
.pad_small{ padding: 1.6rem;}
.pad_xs{ padding:.8rem;}

.pad_t_base0{ padding-top:0;}
.pad_t_base{ padding-top:2rem;}
.pad_t_large{ padding-top:3.2rem;}
.pad_t_xl{ padding-top:4rem;}
.pad_t_small{ padding-top: 1.6rem;}
.pad_t_xs{ padding-top:.8rem;}

.pad_b_base0{ padding-bottom:0;}
.pad_b_base{ padding-bottom:2rem;}
.pad_b_large{ padding-bottom:3.2rem;}
.pad_b_xl{ padding-bottom:4rem;}
.pad_b_small{ padding-bottom: 1.6rem;}
.pad_b_xs{ padding-bottom:.8rem;}

.pad_l_base0{ padding-left:0;}
.pad_l_base{ padding-left:2rem;}
.pad_l_large{ padding-left:3.2rem;}
.pad_l_xl{ padding-left:4rem;}
.pad_l_small{ padding-left: 1.6rem;}
.pad_l_xs{ padding-left:.8rem;}

.pad_r_base0{ padding-right:0;}
.pad_r_base{ padding-right:2rem;}
.pad_r_large{ padding-right:3.2rem;}
.pad_r_xl{ padding-right:4rem;}
.pad_r_small{ padding-right: 1.6rem;}
.pad_r_xs{ padding-right:.8rem;}



@media screen and (max-width:992px) {
	
	.mar_base0_sm{ margin: 0;}
	.mar_base_sm{ margin:2rem;}
	.mar_large_sm{ margin:3.2rem;}
	.mar_xl_sm{ margin:4rem;}
	.mar_small_sm{ margin: 1.6rem;}
	.mar_xs_sm{ margin:.8rem;}
	
	.mar_t_base0_sm{ margin-top: 0;}
	.mar_t_base_sm{ margin-top: 2rem;}
	.mar_t_large_sm{ margin-top: 3.2rem;}
	.mar_t_xl_sm{ margin-top: 4rem;}
	.mar_t_small_sm{ margin-top: 1.6rem;}
	.mar_t_xs_sm{ margin-top: .8rem;}
	.mar_t_01_sm{ margin-top: 1rem;}
	
	.mar_b_base0_sm{ margin-bottom:0;}
	.mar_b_base_sm{ margin-bottom: 2rem;}
	.mar_b_large_sm{ margin-bottom: 3.2rem;}
	.mar_b_xl_sm{ margin-bottom: 4rem;}
	.mar_b_small_sm{ margin-bottom: 1.6rem;}
	.mar_b_xs_sm{ margin-bottom: .8rem;}
	
	.mar_l_base0_sm{ margin-left:0;}
	.mar_l_base_sm{ margin-left: 2rem;}
	.mar_l_large_sm{ margin-left: 3.2rem;}
	.mar_l_xl_sm{ margin-left: 4rem;}
	.mar_l_small_sm{ margin-left: 1.6rem;}
	.mar_l_xs_sm{ margin-left: .8rem;}
	
	.mar_r_base0_sm{ margin-right:0;}
	.mar_r_base_sm{ margin-right: 2rem;}
	.mar_r_large_sm{ margin-right: 3.2rem;}
	.mar_r_xl_sm{ margin-right: 4rem;}
	.mar_r_small_sm{ margin-right: 1.6rem;}
	.mar_r_xs_sm{ margin-right: .8rem;}
	
	.pad_base0_sm{ padding:0rem;}
	.pad_base_sm{ padding:2rem;}
	.pad_large_sm{ padding:3.2rem;}
	.pad_xl_sm{ padding:4rem;}
	.pad_small_sm{ padding: 1.6rem;}
	.pad_xs_sm{ padding:.8rem;}
	
	.pad_t_base0_sm{ padding-top:0;}
	.pad_t_base_sm{ padding-top:2rem;}
	.pad_t_large_sm{ padding-top:3.2rem;}
	.pad_t_xl_sm{ padding-top:4rem;}
	.pad_t_small_sm{ padding-top: 1.6rem;}
	.pad_t_xs_sm{ padding-top:.8rem;}
	
	.pad_b_base0_sm{ padding-bottom:0;}
	.pad_b_base_sm{ padding-bottom:2rem;}
	.pad_b_large_sm{ padding-bottom:3.2rem;}
	.pad_b_xl_sm{ padding-bottom:4rem;}
	.pad_b_small_sm{ padding-bottom: 1.6rem;}
	.pad_b_xs_sm{ padding-bottom:.8rem;}
	
	.pad_l_base0_sm{ padding-left:0;}
	.pad_l_base_sm{ padding-left:2rem;}
	.pad_l_large_sm{ padding-left:3.2rem;}
	.pad_l_xl_sm{ padding-left:4rem;}
	.pad_l_small_sm{ padding-left: 1.6rem;}
	.pad_l_xs_sm{ padding-left:.8rem;}
	
	.pad_r_base0_sm{ padding-right:0;}
	.pad_r_base_sm{ padding-right:2rem;}
	.pad_r_large_sm{ padding-right:3.2rem;}
	.pad_r_xl_sm{ padding-right:4rem;}
	.pad_r_small_sm{ padding-right: 1.6rem;}
	.pad_r_xs_sm{ padding-right:.8rem;}
	
	
}