body {
    font-family: Arial, "Microsoft Yahei", sans-serif;
    font-size: 14px;
}

img {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
}

/*头部区域*/
.top { width: 100%; overflow: hidden;}
.top_t { width: 100%; background-color: #7b0b0a; height: 60px;}
.top_t_con { width: 1200px; margin: 0 auto;}
.top_t_con h3 { font-size: 20px; line-height: 60px; color:#ffc14d; font-weight: bold; width: 200px; float: left; background:url(xing.png) left 18px no-repeat; padding-left: 25px;}
.top_t_con ul { float: right; width: 900px;}
.top_t_con ul li { float: right; margin-left: 20px; }
.top_t_con ul li a { font-size: 20px; line-height: 60px; color:#ffc14d; }
.top_t_con ul li a:hover { text-decoration: underline;}
.top_b { width: 100%; background:url(top_bg.jpg) no-repeat; height: 7.35rem; background-size: 100% 100%;}
.top_b_con { width: 12rem; margin: 0 auto; position: relative;}
.content-box{  display:flex; position:absolute; top:5.38rem; left:0; right:0; bottom:0;}
.left-title{ width:0.55rem; height: 1.97rem; background: linear-gradient(180deg,#ffdd99,#ffaa44); display:flex; align-items:center; justify-content:center;}
.vertical-text{ font-size: 0.26rem; color:#b8141a; font-weight:bold; text-align: center; line-height: 180%; }
.right-text{ flex:1; height: 1.97rem; padding: 0.38rem 0.75rem 0 0.75rem; color:#fff8dd; font-size: 0.22rem; line-height:180%; background: linear-gradient(90deg, rgba(122,10,10,0.75), rgba(232,126,52,0.75));}

.gh { width: 100%; overflow: hidden; background-color:#fbeacc; padding: 40px 0 80px 0;}
.gh_con { width: 1200px; margin: 0 auto;}
.col_name { width: 100%; float: left; font-size: 36px; line-height: 70px; font-weight: bold;}
.col_name a { font-size: 36px; line-height: 70px; font-weight: bold; background: linear-gradient(to bottom, #f1ae1d, #ca4308); -webkit-background-clip: text; background-clip: text; color: transparent; letter-spacing: 5px;}
.col_line { width: 100px; height: 7px; float: left; background: linear-gradient(to right, #ca4308, #f1ae1d); border-radius: 3px; margin-bottom: 40px;}
.gh_a { float: left; width: 1238px; margin-left: -19px; position: relative;}
.gh_list { width: 1238px; float: left; margin-left: -19px;}
.gh_list li { float: left; width: 576px; margin: 0 19px;}
.gh_list li img { width: 576px; height: 380px; object-fit: cover;}
.gh_list li h4 { background-color:#b50909; font-size: 16px; text-align: center; line-height: 66px; color:#ffd304;}
.gh_a .prev, .gh_a .next {  position: absolute; top: 208px; left: -35px; z-index: 100; cursor: pointer; width: 30px; height: 30px; border-top: 6px solid #c82423; border-left: 6px solid #c82423;   transform: rotate(-45deg);}
.gh_a .next { left: auto; right: -35px; transform: rotate(135deg); }


.fj { width: 100%; background:url(fj_bg.png) no-repeat; background-size: 100% 100%; padding: 40px 0 80px 0; overflow: hidden;}
.fj_con { width: 1200px; margin: 0 auto; overflow: hidden;}
.fj_list { width: 1200px; float: left; position: relative;}
.timeline-line { position: absolute; left: 50%; top: 40px; bottom: 0; width: 2px; background-color: #cc2102; transform: translateX(-50%); }
.fj_list_con { width: 100%; list-style: none; float: left; margin-top: 40px;}
.fj_list_con li { width: 581px; height: 162px; float: left; margin-top: -40px;}
.timeline-card { width: 500px; color: #fff; margin: 10px 25px; border-radius: 8px;  position: relative; }
.fj_list_con li:nth-child(odd) { background:url(fj_left.png) no-repeat;}
.fj_list_con li:nth-child(even) { background:url(fj_right.png) no-repeat; margin-left: 619px;}
.fj_list_con li:nth-child(even) .timeline-card { margin-left: 63px;}
.timeline-year {  font-size: 30px; line-height: 40px; color: #fff000; font-weight: bold; }
.timeline-title { font-size: 20px; line-height: 34px; color:#FFFFFF; font-weight: bold; }
.timeline-desc { font-size: 16px; line-height: 22px; color:#ffe6bb; }
.timeline-dot { width: 16px; height: 16px; border-radius: 50%; background-color: #c30303; position: absolute; left: 50%; top: 34px; transform: translateX(-50%); z-index: 2; }
.fj_list_con li:nth-child(2) .timeline-dot { top: 154px;}
.fj_list_con li:nth-child(3) .timeline-dot { top: 278px;}
.fj_list_con li:nth-child(4) .timeline-dot { top: 398px;}
.fj_list_con li:nth-child(5) .timeline-dot { top: 518px;}

.jy { width: 100%; background:url(jy_bg.jpg) no-repeat; background-size: 100% 100%; padding: 40px 0 50px 0; overflow: hidden;}
.jy_con { width: 1200px; margin: 0 auto; overflow: hidden;}
.col_gd { width: 100px; height: 35px; float: right; border-radius: 17px; text-align: center; margin-top: 18px;  background: linear-gradient(90deg, rgba(194,0,0,0.95), rgba(232,126,52,0.85));}
.col_gd a { font-size: 16px; line-height: 35px; color:#FFFFFF; font-weight: normal; letter-spacing: 1px; display: block;}
.jy_list { list-style: none; width: 1200px; margin: 0 auto; overflow: hidden;}
.jy_list li { float: left; width: 380px; height: 316px; margin-left: 30px;  border-radius: 10px; overflow: hidden; background-color: #FFFFFF; margin-bottom: 30px;}
.jy_list li:nth-child(3n+1) { margin-left: 0;}
.jy_list li div {width: 380px; height: 224px; overflow: hidden;}
.jy_list li img { width: 380px; height: 224px;  object-fit: cover; margin: 0; transition:all 0.8s linear 0s;}
.jy_list li a { display: block;}
.jy_list li p { padding: 20px; font-size: 18px; line-height: 23px; color: #b11900; font-weight: bold; margin-block-start: 0em; margin-block-end: 0em;}
.jy_list li:hover { background-color: #b11900;}
.jy_list li:hover img {transform: scale(1.25);}
.jy_list li:hover p { color:#FFFFFF;}

.km { width: 100%; padding: 40px 0 80px 0; overflow: hidden; background-color: #fffbf4;}
.km_con { width: 1200px; margin: 0 auto;}
.km_col { width: 660px; height: 66px; float: right; margin-right: 270px; text-align: center; margin-top: 5px; }
.km_col li { float: left; width: 200px; margin-left: 20px;  font-size: 20px; text-align: center; line-height: 62px; border-radius: 33px; border: solid 2px #b11900; color: #b11900;}
.km_colon { background-color: #b11900; color:#fff !important;}
.km_list { list-style: none; width: 1200px; margin: 0 auto; float: left;}
.km_listcon { width: 100%; list-style: none;}
.km_listcon li { width: 356px; height: 620px; float: left; margin-left: 66px; padding: 23px 32px; background-color:#FFFFFF; border:solid 1px #CCCCCC;}
.km_listcon li:first-child { margin-left: 0;}
.km_listcon li .km_img { width: 292px; height: 382px; float: left; overflow: hidden; }
.km_img img { width: 292px; height: 382px;  object-fit: cover; transition:all 0.8s linear 0s;}
.km_listcon li .km_txt { width: 292px; float: left;}
.km_txt h3 { font-size: 20px; line-height: 40px; font-weight: bold; color:#b11900; width: 100%;}
.km_txt h4 { font-size: 16px; line-height: 32px; font-weight: normal; color:#b11900; width: 100%;}
.km_txt p { font-size: 14px; line-height: 25px; font-weight: normal; color:#666666; width: 100%; margin-block-start: 0em; margin-block-end: 0em;}
.km_listcon li:hover img {transform: scale(1.25);}

.xsd { width: 1266px;  margin-left: -33px; position: relative;}
.xsd_con { width: 1266px; padding: 20px 0; }
.xsd_con li { float: left; width: 356px; height: 670px; margin: 0 33px; background-color:#FFFFFF; border:solid 1px #CCCCCC;}
.xsd_con li .xsd_img { width: 292px; height: 382px; float: left; overflow: hidden; padding: 0; margin: 23px 32px 0 32px;}
.xsd_con li .xsd_txt { width: 292px; float: left; margin: 0 32px 0 32px;}
.xsd_img img { width: 292px; height: 382px;  object-fit: cover; transition:all 0.8s linear 0s;}
.xsd_txt h3 { font-size: 20px; line-height: 40px; font-weight: bold; color:#b11900; width: 100%;}
.xsd_txt h4 { font-size: 16px; line-height: 32px; font-weight: normal; color:#b11900; width: 100%;}
.xsd_txt p { font-size: 14px; line-height: 25px; font-weight: normal; color:#666666; width: 100%; margin-block-start: 0em; margin-block-end: 0em;}
.xsd_con li:hover img {transform: scale(1.25);}
.xsd .prev, .xsd .next {  position: absolute; top: 298px; left: -35px; z-index: 100; cursor: pointer; width: 30px; height: 30px; border-top: 6px solid #c82423; border-left: 6px solid #c82423;   transform: rotate(-45deg);}
.xsd .next { left: auto; right: -35px; transform: rotate(135deg); }


.zq { width: 100%; padding: 40px 0 35px 0; overflow: hidden; background-color: #fbeacc;}
.zq_con { width: 1200px; margin: 0 auto; overflow: hidden;}
.zq_list { list-style: none; width: 1200px; margin: 0 auto; overflow: hidden;}
.zq_list li { float: left; width: 380px; margin-left: 30px; overflow: hidden; margin-bottom: 35px;}
.zq_list li:nth-child(3n+1) { margin-left: 0;}
.zq_list li div {width: 380px; height: 211px; overflow: hidden;}
.zq_list li img { width: 380px; height: 211px;  object-fit: cover; margin: 0; transition:all 0.8s linear 0s;}
.zq_list li a { display: block;}
.zq_list li p { font-size: 16px; line-height: 35px; color: #ffd304; background-color: #b50909; text-align: center; margin-block-start: 0em; margin-block-end: 0em;}
.zq_list li:hover p { color: #b50909; background-color:#ffd304;}
.zq_list li:hover img {transform: scale(1.25);}


.foot { width: 100%;  background:url(foot_bg.jpg) no-repeat; background-size: 100% 100%; padding: 50px 0 0 0; overflow: hidden;}
.foot_con {width: 1200px; margin: 0 auto; overflow: hidden;}
.foot_txt { width: 100%; background-color: #590303; border: solid 1px #a8683d;  border-radius: 10px; text-align: center; padding: 25px 0 45px 0;}
.foot_txt h3 { width: 100%; text-align: center; line-height: 100px; font-size: 48px; font-weight: 500; color:#ffc104; letter-spacing: 5px;}
.foot_txt p { width: 100%; text-align: center; line-height: 45px; font-size: 24px; font-weight: normal; color:#ffdf7d; margin-block-start: 0em; margin-block-end: 0em;}
.foot_copy { width: 100%; font-size: 16px; color:#fbeacc; line-height: 40px; padding: 50px 0 35px 0; text-align: center;}
.foot_copy a { font-size: 16px; color:#fbeacc; line-height: 40px; text-decoration: none;}

/*栏目页*/


.mainaa { width: 100%; margin: 0; overflow: hidden; }
.con2 { width: 12rem; margin: 0 auto; list-style: none;}
.con2 h3 { width: 100%; margin: 0 auto; font-size: 40px; line-height: 250%; color:#b50909; }
.con2 h3 a { font-size: 40px; line-height: 250%; color:#b50909;}
.xxcol { width: 1200px !important; margin: 0 0 40px 0;  font-size: 18px; color:#000000; line-height: 200%; background-color: #FFFFFF;}
.col_list { width: 100% !important; padding-bottom: 0.4rem;}
.col_list li { width: 100%; margin: 0 auto; background: url(list_bg.png) left center no-repeat; border-bottom: dashed 1px #000; padding-left: 20px;}
.col_list li a { font-size: 18px; line-height: 65px; color:#000; text-decoration: none; font-weight: bold;}
.col_list li a:hover { text-decoration: underline;}
/*文章页*/

.xxart { width: 1200px !important; margin: 0 0 40px 0; padding: 2% 5%; font-size: 18px; color:#000000; line-height: 200%; background-color: #FFFFFF;}
.col_list p { font-size: 18px; color:#000000; line-height: 200%; margin-block-start: 1em; margin-block-end: 1em; text-align: justify;}
#mediaContent0_0 {
    margin: 0 auto;
}
