body{font-family:"\5FAE\8F6F\96C5\9ED1";min-width: 1200px; max-width: 1920px; margin: 0 auto;}
.imgtx img{transition: all 0.7s}
.imgtx img:hover{transform: scale(1.1);}
.imgtx li .bg,.imgtx .p1 .bg{ transition: all 0.7s}
.imgtx li:hover .bg,.imgtx .p1:hover .bg{  background:#ca0000!important;}
.hbhr_main{ width:1200px; margin:0 auto; position: relative; }

.hbhr_banner{background: url(../images/hbhr_1.jpg) center 0 no-repeat; height: 860px; position: relative; overflow: hidden;}
.hbhr_bg1{background: url(../images/hbhr_2.jpg) center 0 no-repeat; min-height: 855px; position: relative; overflow: hidden;}
.hbhr_bg2{background: url(../images/hbhr_3.jpg) center 0 no-repeat; height: 768px; position: relative; overflow: hidden;}
.hbhr_bg4{background: url(../images/hbhr_4.jpg) center 0 no-repeat; height: 1031px; position: relative; overflow: hidden;}
.hbhr_bg6{ background-color: #d70705; padding: 10px 0; text-align: center;}

.hbhr_banner .img1,.hbhr_banner .img2,.hbhr_banner .img3{ position: absolute;}
.hbhr_banner .img1{   left: calc(50% - 528px); top: 110px;}
.hbhr_banner .img2{   left: calc(50% - 700px); top: 560px;}  
.hbhr_banner .img3{   left: calc(50% - 600px); top: 30px;}

.hbhr_nav{height: 82px;overflow: hidden; background-color: #c80018; text-align: center;}
.hbhr_nav .hbhr_main ul{ background: url(../images/hbhr_1.png) left center no-repeat; margin:0;padding:0 0 0 200px; display:flex;justify-content:center;}
.hbhr_nav .hbhr_main ul li{padding:0 7px;height:82px;line-height:82px;font-size:22px; font-weight: bold; color:#f8d3a7;   cursor:pointer;transition:all .25s;}
.hbhr_nav .hbhr_main ul li.on{background: linear-gradient(to top,#f8d3a7,#fff);-webkit-background-clip: text; position: relative; background-clip: text; color: transparent;}
.hbhr_nav .hbhr_main ul li.on::before{ content: ""; background: url(../images/hbhr_11.png) no-repeat; width: 29px; height: 14px; position: absolute; left:calc(50% - 15px); top: 68px;}

.blank60{height: 60px; font-size:1px; clear:both;overflow:hidden;}
.blank50{height: 50px; font-size:1px; clear:both;overflow:hidden;}
.blank70{height: 70px; font-size:1px; clear:both;overflow:hidden;}
.blank140{height:140px; font-size:1px; clear:both;overflow:hidden;}
.blank260{height:310px; font-size:1px; clear:both;overflow:hidden;}
.blank1007{height:1007px; font-size:1px; clear:both;overflow:hidden;}


.hbhr_h1{}
.hbhr_h1 h1{}
.hbhr_h1 h1,.hbhr_h1 h2{font-size: 46px;line-height: 1.6;text-align: center;}
.hbhr_h1 h1 a,.hbhr_h1 h2{color: #d0021b;}
.hbhr_h1 h2{/* text-align: right; */}
.hbhr_h1 p{padding: 10px 0;position: relative;margin-top: 25px; line-height: 30px;}
.hbhr_h1 p::before,.hbhr_h1 p::after{content: ""; position: absolute;  left: 0; width: 100%; height: 1px; background: linear-gradient(to right,transparent,#c8cfd3,transparent);}
.hbhr_h1 p::before{ top: 0; }
.hbhr_h1 p::after{ bottom: 0; }
.hbhr_h1 span{ color: #333333; display: block; font-size: 18px; text-indent: 2em;}
.hbhr_h1 span a{ color: #333333;}


.swiper1{ width: 1200px;  overflow: hidden; position: relative;}
.swiper1 .swiper-slide{width: 1200px !important; height: 542px;}
.swiper1 .swiper-slide img{ width: 100%; height: 100%;}
.swiper1 .swiper-slide p{width: 100%; text-indent: 1em; font-size: 20px;height: 50px;line-height: 50px;opacity: 0;z-index: 9999;position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5);  color: #fff}
.swiper1 .swiper-slide.swiper-slide-active p{ opacity: 1;}
.swiper1 .swiper-slide a{ color: #fff; text-decoration: none;}

.hbhr_pagination{ position: absolute; text-align: right;  right: 0; top: 510px; z-index: 999;}
.hbhr_pagination span{ width: 15px; height: 15px; margin: 0 15px 0 0 !important; background-color: #afaaaa; opacity: 1; }
.hbhr_pagination span.swiper-pagination-bullet-active{ background-color: #1a3ab4;}
.hbhr_tylm{ text-align: center;}

.hbhr_hr{ background: url(../images/hbhr_2.png); width: 1200px; height: 644px; margin: 0 auto; position: relative;}
.hbhr_hrnav{width: 540px;margin-left: 165px;}
.hbhr_hrnav ul{display: flex;justify-content: flex-start;}
.hbhr_hrnav ul li{background: url(../images/hbhr_3.png) no-repeat;width: 136px;height: 104px;line-height: 126px;margin-right: -32px;text-align: center;cursor:pointer;margin-top: -33px;font-size: 30px;font-weight: bold; color: #f4c796;}
.hbhr_hrnav ul li.on{ background: url(../images/hbhr_4.png) no-repeat; color: #fff;}

.hbhr_hrl{ width: 690px; float: left; margin-left: 30px; margin-top: 30px;}
.hbhr_hrl .p1{ height: 200px; margin-top: 30px; }
.hbhr_hrl .p1 h2{ font-size: 24px; text-align: center; border-bottom: 2px solid #eececb; padding-bottom: 15px; margin-bottom: 15px;}
.hbhr_hrl .p1 a{ color: #d0021b;}
.hbhr_hrl .p1 span{ font-size: 18px; line-height: 36px; color: #b83c3a;}
.hbhr_hrr{ width: 390px; float: right; margin-right: 20px;}
.hbhr_hrr .img1{width: 390px;height: 270px;margin-top: -50px;position: relative;}
.hbhr_hrr .img1 img{ width: 100%; height: 100%;}
.hbhr_hrr .img1 p{position: absolute;left: 0;bottom: 0;width: 370px;text-align: center;height: 40px;background-color: rgba(0,0,0,0.5);color:#fff;line-height:40px;font-size: 18px;z-index: 99;padding: 0 10px;}

.swiper2 .swiper-slide{ opacity: 0 !important;}
.swiper2 .swiper-slide.swiper-slide-active{ opacity: 1 !important;}


.hbhr_hrr_img{width: 390px;position: relative;}
.swiper3{ overflow: hidden;}
.swiper3 .swiper-slide{ opacity: 1 !important;}
.hbhr_hrr_img .swiper-slide{ width: 390px;}
.hbhr_hrr_img .swiper-slide img{ width: 100%; height: 250px;}
.hbhr_hrr_img .swiper-slide p{width: 100%;color:#fff;line-height: 24px;margin-top: 5px;font-size: 16px;z-index: 99;}

.hbhr_hrr_img .prev1,.hbhr_hrr_img .next1{width: 15px;height: 40px;background: url(../images/hbhr_5.png) no-repeat;background-size: 100%;position: absolute;top: 120px;cursor: pointer;z-index: 999;}
.hbhr_hrr_img .prev1{ left: -18px;}
.hbhr_hrr_img .next1{ right: -20px; transform: rotate(180deg);}

.hbhr_pagination1{ text-align: center;}
.hbhr_pagination1 span{ width: 10px; height: 10px; margin: 0 10px 0 0 !important; background-color: #f9dfc4; opacity: 1; }
.hbhr_pagination1 span.swiper-pagination-bullet-active{ background-color: #cf161d;}

.hbhr_pl{}
.hbhr_pl ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.hbhr_pl ul li{ position: relative; width: 575px; height: 150px; margin-bottom: 20px;}
.hbhr_pl ul li::before{ content: ""; position: absolute; left: 0; top: 0; z-index: 99; background: url(../images/hbhr_7.png) left top no-repeat; width: 50px; height: 33px;}
.hbhr_pl ul li .p1{ border-top: 3px solid #da1a19; margin: 10px 0 0 5px; padding: 20px 40px; border-radius: 0 0 10px 10px; box-shadow: 2px 2px 10px 0px #999; background-color: #fff; background-image: linear-gradient(to bottom, #f63e34, #de1611);  background-repeat: no-repeat; background-size: 0 100%; transition: background-size 0.35s  ease;}
.hbhr_pl ul li .p1:hover{ background-size: 100% 100%;}
.hbhr_pl ul li .p1 h2{ font-size: 20px; margin-bottom: 10px;}
.hbhr_pl ul li .p1 h2 a,.hbhr_pl ul li .p1 span,.hbhr_pl ul li .p1 span a{ transition: all 0.35s ease;}
.hbhr_pl ul li .p1:hover h2 a,.hbhr_pl ul li .p1:hover span,.hbhr_pl ul li .p1:hover span a{ color: #fff;}
.hbhr_pl ul li .p1 span{ font-size: 16px; display: inline-block; height: 48px; overflow: hidden; line-height: 24px; color: #6d6d6d;}
.hbhr_pl ul li .p1 span a{ color: #d0021b;}

.hbhr_hdzb{ position: relative;}
.swiper4{ width: 1200px; overflow: hidden;}
.hbhr_hdzb .swiper-slide{ width: 372px; height: 779px;}

.hbhr_hdzb .swiper-slide .img1{width: 372px; height: 715px; overflow: hidden; position: relative;}
.hbhr_hdzb .swiper-slide .bimg{ width: 372px; height: 715px;}
.hbhr_hdzb .swiper-slide .simg{ width: 236px; height: 236px; position: absolute; left: 68px; top: 715px; z-index: 11; transition: all 0.35s ease;}
.hbhr_hdzb .swiper-slide:hover .simg{ top: 240px;}
.hbhr_hdzb .swiper-slide .img1::before{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 9; opacity: 0; transition: all 0.35s ease;}
.hbhr_hdzb .swiper-slide .img1:hover::before{ opacity: 1;}

.hbhr_hdzb .swiper-slide p{ width: 100%; height: 64px; line-height: 64px; text-align: center; font-size: 20px; background-color: #c80018; color: #fff;}


.hbhr_hdzb .prev2,.hbhr_hdzb .next2{ width: 36px; height: 77px; background: url(../images/hbhr_5.png) no-repeat; background-size: 100%; position: absolute; top: 330px; cursor: pointer; z-index: 999;}
.hbhr_hdzb .prev2{ left: -50px;}
.hbhr_hdzb .next2{ right: -50px; transform: rotate(180deg);}

.hbhr_pagination2{ text-align: center;}
.hbhr_pagination2 span{ width: 18px; height: 18px; margin: 0 18px 0 0 !important; background-color: #ffffff; opacity: 1; }
.hbhr_pagination2 span.swiper-pagination-bullet-active{ background-color: #cf161d;}


.hbhr_hdsp{ width: 1200px; position: relative;}
.hbhr_hdsp ul{}
.hbhr_hdsp ul li{ width: 60px; height: 615px; float: left; overflow: hidden; display: flex; transition: all 0.5s ease;}
.hbhr_hdsp ul li.on{width: 1080px;}
.hbhr_hdsp ul li img{ width: 1020px; height: 615px;}
.hbhr_hdsp ul li p{width: 60px;height: 615px;writing-mode: vertical-lr;text-align: center;line-height: 60px;font-size: 20px;color: #fff; float: left; cursor: pointer;}

.hbhr_hdsp ul li:nth-child(1) p{background-color: #2f2f2f;}
.hbhr_hdsp ul li:nth-child(2) p{background-color: #525151;}
.hbhr_hdsp ul li:nth-child(3) p{background-color: #a7a6a6;}

.hbhr_hdsp ul li.on p{ background-color: #c80018;}


:root {
    --swiper-theme-color: #ffffff;
}






::-webkit-scrollbar {
    width: 6px;
}
 
::-webkit-scrollbar-thumb {
    background-color: #8eb1b7;
    border-radius: 3px;
}
 
::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 3px;
}
 

.n01{animate-delay: 0.2s;-moz-animation-delay: 0.2s;-webkit-animation-delay: 0.2s;}
.n02{animate-delay: 0.6s;-moz-animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}
.n03{animate-delay: 1s;-moz-animation-delay: 1s;-webkit-animation-delay: 1s;}
.n04{animate-delay: 1.4s;-moz-animation-delay: 1.4s;-webkit-animation-delay: 1.4s;}
.n05{animate-delay: 1.8s;-moz-animation-delay: 1.8s;-webkit-animation-delay: 1.8s;}
.n06{animate-delay: 2.2s;-moz-animation-delay: 2.2s;-webkit-animation-delay: 2.2s;}
.n07{animate-delay: 2.6s;-moz-animation-delay: 2.6s;-webkit-animation-delay: 2.6s;}