html{ font-size: 10px;}
body{ margin: 0; padding: 0; font-family: "Microsoft YaHei","simsun"; font-size: 1.6rem;}
*{ 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;}
/**以上样式不需要修改**/

/*有背景图的时候加上这个类名*/
.page_bg{ background: url(21xmcgj_bg.png) no-repeat center 128px;}

.row{ width: 1300px; margin: 0 auto; position: relative;}
@media screen and (max-width:1300px) {
	.row{ width:100%; padding: 0 20px;}
}

/**主辅色**/
.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%;}


/**字体**/
.font_family_cn{ font-family: simsun !important;}
.font_family_en{ font-family: arial;}


/**圆角**/
.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 #eeeeee;}
.border_t_solid{ border-top: 1px solid #cccccc;}
.border_t_solid_01{ border-top: 1px solid #eeeeee;}
.boder_solid{ border: 1px solid #cccccc;}
.boder_solid_01{ border: 1px solid #eeeeee;}
.border_b_dashed{ border-bottom: 1px dashed #cccccc;}
.border_b_dashed_01{ border-bottom: 1px dashed #eeeeee;}
.border_t_dashed{ border-top: 1px dashed #cccccc;}
.border_t_dashed_01{ border-top: 1px dashed #eeeeee;}
.boder_dashed{ border: 1px dashed #cccccc;}
.boder_dashed_01{ border: 1px dashed #eeeeee;}


.text_align_left{ text-align: left;}
.text_align_center{ text-align: center;}
.text_align_right{ text-align: right;}

/*margin*/
.mar1 { margin: 1px; }
.mar20 { margin: 20px; }
.mar_t0 { margin-top: 0px; }
.mar_t4 { margin-top: 4px; }
.mar_t8 { margin-top: 8px; }
.mar_t12 { margin-top: 12px; }
.mar_t16 { margin-top: 16px; }
.mar_t20 { margin-top: 20px; }
.mar_t24 { margin-top: 24px; }
.mar_t28 { margin-top: 28px; }
.mar_t32 { margin-top: 32px; }
.mar_t36 { margin-top: 36px; }
.mar_t48 { margin-top: 48px; }
.mar_t60 { margin-top: 60px; }
.mar_b0 { margin-bottom: 0px; }
.mar_b1 { margin-bottom: 1px; }
.mar_b5 { margin-bottom: 5px; }
.mar_b12 { margin-bottom: 12px; }
.mar_b16 { margin-bottom: 16px; }
.mar_b20 { margin-bottom: 20px; }
.mar_b25 { margin-bottom: 25px; }
.mar_b30 { margin-bottom: 30px; }
.mar_b35 { margin-bottom: 35px; }
.mar_b40 { margin-bottom: 40px; }
.mar_b45 { margin-bottom: 45px; }
.mar_b50 { margin-bottom: 50px; }
.mar_b55 { margin-bottom: 55px; }
.mar_l0 { margin-left: 0px; }
.mar_l1 { margin-left: 1px; }
.mar_l5 { margin-left: 5px; }
.mar_l10 { margin-left: 10px; }
.mar_l15 { margin-left: 15px; }
.mar_l20 { margin-left: 20px; }
.mar_l25 { margin-left: 25px; }
.mar_l30 { margin-left: 30px; }
.mar_l35 { margin-left: 35px; }
.mar_l40 { margin-left: 40px; }
.mar_l45 { margin-left: 45px; }
.mar_l50 { margin-left: 50px; }
.mar_l55 { margin-left: 55px; }
.mar_r0 { margin-right: 0px; }
.mar_r1 { margin-right: 1px; }
.mar_r5 { margin-right: 5px; }
.mar_r10 { margin-right: 10px; }
.mar_r15 { margin-right: 15px; }
.mar_r20 { margin-right: 20px; }
.mar_r25 { margin-right: 25px; }
.mar_r30 { margin-right: 30px; }
.mar_r35 { margin-right: 35px; }
.mar_r40 { margin-right: 40px; }
.mar_r45 { margin-right: 45px; }
.mar_r50 { margin-right: 50px; }
.mar_r55 { margin-right: 55px; }


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

/*padding*/
.pad0 { padding: 0px; }
.pad1 { padding: 1px; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pad30 { padding: 30px; }
.pad_t0 { padding-top: 0px; }
.pad_t1 { padding-top: 1px; }
.pad_t5 { padding-top: 5px; }
.pad_t10 { padding-top: 10px; }
.pad_t15 { padding-top: 15px; }
.pad_t20 { padding-top: 20px; }
.pad_t25 { padding-top: 25px; }
.pad_t30 { padding-top: 30px; }
.pad_t35 { padding-top: 35px; }
.pad_t40 { padding-top: 40px; }
.pad_t45 { padding-top: 45px; }
.pad_t50 { padding-top: 50px; }
.pad_t55 { padding-top: 55px; }
.pad_b0 { padding-bottom: 0px; }
.pad_b1 { padding-bottom: 1px; }
.pad_b5 { padding-bottom: 5px; }
.pad_b10 { padding-bottom: 10px; }
.pad_b15 { padding-bottom: 15px; }
.pad_b20 { padding-bottom: 20px; }
.pad_b25 { padding-bottom: 25px; }
.pad_b30 { padding-bottom: 30px; }
.pad_b35 { padding-bottom: 35px; }
.pad_b40 { padding-bottom: 40px; }
.pad_b45 { padding-bottom: 45px; }
.pad_b50 { padding-bottom: 50px; }
.pad_b55 { padding-bottom: 55px; }
.pad_l0 { padding-left: 0px; }
.pad_l1 { padding-left: 1px; }
.pad_l5 { padding-left: 5px; }
.pad_l10 { padding-left: 10px; }
.pad_l15 { padding-left: 15px; }
.pad_l20 { padding-left: 20px; }
.pad_l25 { padding-left: 25px; }
.pad_l30 { padding-left: 30px; }
.pad_l35 { padding-left: 35px; }
.pad_l40 { padding-left: 40px; }
.pad_l45 { padding-left: 45px; }
.pad_l50 { padding-left: 50px; }
.pad_l55 { padding-left: 55px; }
.pad_r0 { padding-right: 0px; }
.pad_r1 { padding-right: 1px; }
.pad_r5 { padding-right: 5px; }
.pad_r10 { padding-right: 10px; }
.pad_r15 { padding-right: 15px; }
.pad_r20 { padding-right: 20px; }
.pad_r25 { padding-right: 25px; }
.pad_r30 { padding-right: 30px; }
.pad_r35 { padding-right: 35px; }
.pad_r40 { padding-right: 40px; }
.pad_r45 { padding-right: 45px; }
.pad_r50 { padding-right: 50px; }