body { color: #333333; margin: 0px; padding: 0px; font-size: 16px; font-family: "Microsoft YaHei"; text-align: left; background-color: #ffffff;}
html,body{ height: 100%;}
a { text-decoration: none; }
a:link, a:visited { color: #333333; }
a:hover { color: #d70c13; text-decoration: none; }
* { margin: 0px; padding: 0px; font-family: "Microsoft YaHei"; outline: none; font-style: normal; }
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: middle; max-width: 100%;}
.clear { clear: both; }
input, select { vertical-align: middle;}
.no,.menu_icon { display: none; }
.clearflx:after,ul:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
table{ table-layout: fixed; margin: 0 auto;}
.f_l{ float: left;}
.f_r{ float: right;}

.page_con{ position: relative; min-height: 100%; background: url(21qzgh_dyfc_bg.jpg) no-repeat center top;}
.dyfc_head{ padding-top: 30px; width:1236px; margin: 0 auto;}
.logo{ float: left;}
.tit_bar{ float: right; background-color: #d0111b; border-radius: 5px; font-size: 18px;}
.tit_bar a{ display: block; padding: 0 50px; line-height: 50px; color: #ffffff;}
.contain { width: 1236px; margin: 0 auto; position: relative; z-index: 2; padding-top: 375px; padding-bottom: 50px;}
.con1{ width: 1036px; background-color: #ffffff; float: right; clear: both; box-shadow: 0 0 8px rgba(208,17,27,.59); padding: 32px;}
.tu_list{ margin: 0 auto; overflow: hidden; position: relative;}
.tu_list .bd{ margin: 0 -16px;}
.tu_list .bd li{float: left;width: 25%;text-align: center;margin-bottom: 32px;}
.tu_list .bd li a{display: flex;margin:0 16px;height: 290px;align-items: center;position: relative;border: 2px solid #d0111b;border-radius: 4px;overflow: hidden;}
.tu_list .bd li a span{ position: absolute; left:0px; bottom: 0px; width: 116px; height: 29px; line-height: 29px; background-color: #d0111b; border-top-right-radius: 14px; color: #ffffff;}
.tu_list .bd li a img{ width: 100%;}
.tu_list .num{ text-align: center; height: 15px; overflow: hidden; font-size: 0;}
.tu_list .num li{ display: inline-block; width: 15px; height: 15px; margin: 0 5px; background-color: #d9d9d9; border-radius: 50%; cursor: pointer;}
.tu_list .num li.on{ background-color: #d0111b;}
.tu_list .prev,.tu_list .next{ position: absolute; top: 50%; transform: translateY(-50%); margin-top: -16px; width:28px; height: 53px; cursor: pointer; z-index: 999;}
.tu_list .prev{ left: 0px; background: url(21qzgh_dyfc_icon_l.png) no-repeat;}
.tu_list .next{ right: 0px; background: url(21qzgh_dyfc_icon_r.png) no-repeat;}
.rwjj_con{ padding-bottom:20px; margin-bottom: 32px; border-bottom: 1px solid #cccccc; font-size: 18px; line-height: 46px;}
.rwjj_con img{ float: left; margin-right: 32px; width: 190px; height: 213px; border: 2px solid #d0111b; border-radius: 4px; overflow: hidden;}
.rwjj_con1{ overflow: hidden;}
.rwjj_con1 #open{ color: #c30f13; background: url(21qzgh_dyfc_arr.png) no-repeat right center; padding-right: 20px; margin-left: 12px; cursor: pointer; float: right;}
.rwjj_con1 span{ overflow: hidden; display: block;}
.rwjj_con1 span.sp1{ font-weight: bold; width: 60px; float: left;}









@media screen and (min-width:1920px) {
	
}

@media screen and (max-width:1366px) {
	.dyfc_head,.contain,.con1{ width: 90%;}
}
@media screen and (max-width:1280px) {
	
}
@media screen and (max-width:1024px) {
	
}
@media screen and (max-width:800px) {
	*{ box-sizing:border-box;}
	.page_con{ background-size:150% auto;}
	.dyfc_head{ padding-top:10px;}
	.logo{ width:80%;}
	.tit_bar{ width:20%; text-align:center;}
	.tit_bar a{ padding:0; font-size:14px; line-height: 36px;}
	.contain{ padding-top:150px;}
	.con1{ padding:16px; width:100%;}
	.rwjj_con{ padding-bottom: 16px; margin-bottom: 16px; font-size: 16px; line-height: 36px;}
	.rwjj_con img{ width: 50%; float: inherit; margin: 0 auto 15px; height: auto; display: block;}
	.tu_list .bd{ margin: 0 -10px;}
	.tu_list .bd li{ width: 33.3%; margin-bottom: 20px;}
	.tu_list .bd li a{ margin: 0 10px; height: 227px;}
	.tu_list .bd li a span{ width: 100%;}
	
}
@media screen and (max-width:767px) {
	.contain{ padding-top:80px;}
	.tu_list .bd{ margin: 0 -5px;}
	.tu_list .bd li{ margin-bottom: 10px;}
	.tu_list .bd li a{ margin: 0 5px; height: 116px;}
}
@media screen and (max-width:321px) {
	.tit_bar a{ font-size:12px;}

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

/*colour*/
.twhite1 { color: #fff; }
.twhite1 a:link, .twhite1 a:visited { color: #fff; }
.twhite1 a:hover { color: #fff; text-decoration: underline; }
.tred1 { color: #d03c3c; }
.tred1 a:link, .tred1 a:visited { color: #ff0000; }
.tred1 a:hover { color: #ff0000; text-decoration: underline; }
.tblack1 { color: #000 }
.tblack1 a:link, .tblack1 a:visited { color: #000; }
.tblack1 a:hover { color: #000; text-decoration: underline; }
.tgray1{ color: #999999;}
.tgray1 a:link, .tgray1 a:visited { color: #999999; }
.tgray1 a:hover { color: #999999; text-decoration: underline; }
.tblue1 { color: #0167cc }
.tblue1 a:link, .tblue1 a:visited { color: #0167cc; }
.tblue1 a:hover { color: #0167cc; text-decoration: underline; }
/*---------------------------------------segmentation------------------------------------------*/

/*frame*/
.bor1 { border: 1px solid #e1e1e1; }
.bor_t1 { border-top: 1px solid #e2e2e2; }
.bor_r1 { border-right: 1px solid #e2e2e2; }
.bor_l1 { border-left: 1px solid #fff; }
.bor_b1 { border-bottom: 1px solid #e2e2e2; }
.bor_b2 { border-bottom: 1px dotted #e2e2e2; }
.bor_to { border-top: none; }
.bor_bo { border-bottom: none; }
.bor_ro { border-right: none; }
.bor_lo { border-left: none; }
/*---------------------------------------segmentation------------------------------------------*/

/*font*/
.tb { font-weight: bold; }
.t12 { font-size: 12px; }
.t13 { font-size: 13px; }
.t14 { font-size: 14px; }
.t15 { font-size: 15px; }
.t16 { font-size: 16px; }
.t17 { font-size: 17px; }
.t18 { font-size: 18px; }
.t20 { font-size: 20px; }
.t22 { font-size: 22px; }
.t24 { font-size: 24px; }
.t50 { font-size: 50px; }
.f_heiti { font-family: "SimHei"; }
.f_yahei { font-family: "Microsoft YaHei"; }
.f_c { text-align: center; }
.f_i { text-indent: 2em; }
/*---------------------------------------segmentation------------------------------------------*/

/*line-height*/
.h18 { line-height: 18px; }
.h20 { line-height: 20px; }
.h22 { line-height: 22px; }
.h24 { line-height: 24px; }
.h25 { line-height: 25px; }
.h26 { line-height: 26px; }
.h28 { line-height: 28px; }
.h29 { line-height: 29px; }
.h30 { line-height: 30px; }
.h32 { line-height: 32px; }
.h33 { line-height: 33px; }
.h34 { line-height: 34px; }
.h35 { line-height: 35px; }
.h36 { line-height: 36px; }
.h40 { line-height: 40px; }
.h44 { line-height: 44px; }
.h50 { line-height: 50px; }
/*---------------------------------------segmentation------------------------------------------*/

/*margin*/
.mar1 { margin: 1px; }
.mar15 { margin: 15px; }
.mar_to { margin-top: 0px; }
.mar_t1 { margin-top: 1px; }
.mar_t3 { margin-top: 3px; }
.mar_t5 { margin-top: 5px; }
.mar_t7 { margin-top: 7px; }
.mar_t8 { margin-top: 8px; }
.mar_t10 { margin-top: 10px; }
.mar_t12 { margin-top: 12px; }
.mar_t13 { margin-top: 13px; }
.mar_t15 { margin-top: 15px; }
.mar_t16 { margin-top: 16px; }
.mar_t18 { margin-top: 18px; }
.mar_t20 { margin-top: 20px; }
.mar_t25 { margin-top: 25px; }
.mar_t30 { margin-top: 30px; }
.mar_t35 { margin-top: 35px; }
.mar_t40 { margin-top: 40px; }
.mar_t45 { margin-top: 45px; }
.mar_t50 { margin-top: 50px; }
.mar_t55 { margin-top: 55px; }
.mar_t70 { margin-top: 70px; }
.mar_t115 { margin-top: 115px; }
.mar_b1 { margin-bottom: 1px; }
.mar_b5 { margin-bottom: 5px; }
.mar_b10 { margin-bottom: 10px; }
.mar_b15 { margin-bottom: 15px; }
.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_l1 { margin-left: 1px; }
.mar_l4 { margin-left: 4px; }
.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_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; }
/*---------------------------------------segmentation------------------------------------------*/

/*padding*/
.pad1 { padding: 1px; }
.pad2 { padding: 2px; }
.pad20 { padding: 20px; }
.pad3 { padding: 3px; }
.pad4 { padding: 4px; }
.pad5 { padding: 5px; }
.pad25 { padding: 25px; }
.pad_t1 { padding-top: 1px; }
.pad_t2 { padding-top: 2px; }
.pad_t3 { padding-top: 3px; }
.pad_t4 { padding-top: 4px; }
.pad_t5 { padding-top: 5px; }
.pad_t7 { padding-top: 7px; }
.pad_t8 { padding-top: 8px; }
.pad_t10 { padding-top: 10px; }
.pad_t12 { padding-top: 12px; }
.pad_t15 { padding-top: 15px; }
.pad_t17 { padding-top: 17px; }
.pad_t20 { padding-top: 20px; }
.pad_t25 { padding-top: 25px; }
.pad_t30 { padding-top: 30px; }
.pad_t32 { padding-top: 32px; }
.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_b2 { padding-bottom: 2px; }
.pad_b3 { padding-bottom: 3px; }
.pad_b4 { padding-bottom: 4px; }
.pad_b5 { padding-bottom: 5px; }
.pad_b8 { padding-bottom: 8px; }
.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_b70 { padding-bottom: 70px; }
.pad_b155 { padding-bottom: 155px; }
.pad_l1 { padding-left: 1px; }
.pad_l5 { padding-left: 5px; }
.pad_l12 { padding-left: 12px; }
.pad_l10 { padding-left: 10px; }
.pad_l15 { padding-left: 15px; }
.pad_l20 { padding-left: 20px; }
.pad_l23 { padding-left: 23px; }
.pad_l25 { padding-left: 25px; }
.pad_l30 { padding-left: 30px; }
.pad_l45 { padding-left: 45px; }
.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_r28 { padding-right: 28px; }
.pad_r30 { padding-right: 30px; }