@charset "UTF-8";
/* ————— 头部 start ————— */
/* ————— top start ————— */
/* ————— top start ————— */
.header{position: fixed;left: 0;top: 0;width: 100%;background: rgba(255,255,255,1);z-index: 999;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);transition: all .4s ease-out;border-top:5px solid #9d1c20}
.header .logo img{height: 3.1vw;display:none}
.header .logo img.logo1{display:block}
.head-right{height: 120px;position: relative;}
.head-right::before{content: '';position: absolute;left: 0;top: 0;width: 100vw;height: 100%;background: #9d1c20 url(../images/img/headbg.jpg) no-repeat left center / auto 100%;display:none}
.head-rightTop{padding-top: 20px;position: relative;z-index: 2;margin-bottom: 5px;justify-content: flex-end;}
.head-right-top-dl dd{position: relative;padding: 0px 20px;}
.head-right-top-dl dd::before{display: block;content: "";width: 1px;height: 15px;background: #333;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);}
.head-right-top-dl dd:last-child:before{display: none;}
.head-right-top-dl dd a{font-size: 14px;color: #333;transition: all 0.4s ease-out;}
.head-right-top-dl dd a:hover{color: #000;}
.head-right-search-box .search-input{transition: all 0.4s ease-out;border: 1px solid #ccc;border-radius: 25px;padding: 0px 35px 0px 15px;position: relative;width: 170px;box-sizing: border-box;}
.head-right-search-box .search-input input{display: block;width: 100%;height: 30px;line-height: 30px;outline: none;font-size: 14px;color: #333;border: none;background: none;}
.head-right-search-box .search-input a{width: 30px;height: 30px;position: absolute;right: 5px;top: 0px;background: url(../images/img/searchh.png) no-repeat center / 16px;}
.nav-dl{position: relative;z-index: 2;gap: 2.5vw;}
.nav-dl dd{position: relative;}
.nav-dl dd .nav-div a{display: block;padding: 10px 0 30px;font-size: 18px;color: #333;position: relative;}
.nav-dl dd .nav-div a::before{display: block;content: '';width: 0px;height: 2px;background: #9d1c20;position: absolute;left: 50%;bottom: 15px;transform: translateX(-50%);transition: all 0.4s ease-out;}
.nav-dl dd .nav-div .btn{display: none;width: 10px;height: 10px;transition: all .4s ease;position: relative;border-right: 1px solid #333;border-top: 1px solid #333;transform: rotateZ(45deg);}

.nav-dl dd.hover .nav-div a::before {width: 50%;}
.nav-dl dd.hover .nav-div a{font-weight: bold;color:#9d1c20}
.nav-dl dd .sub-nav-box{position: absolute; left: 50%; top: 100%; visibility: hidden; opacity: 0; min-width: 100%;transform: translateX(-50%);}
.nav-dl dd:hover .sub-nav-box {visibility: visible;opacity: 1;}
.nav-dl dd .sub-nav-box .sub-nav-ul{transition: all 0.3s linear;transform: translateY(15px);opacity: 0;visibility: hidden;background: rgb(255, 255, 255);box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);border-radius: 0px 0px 3px 3px;}
.nav-dl dd:hover .sub-nav-box .sub-nav-ul {transform: translateY(0px);visibility: visible;opacity: 1;}
.nav-dl dd .sub-nav-box .sub-nav-ul li{padding: 0px 22px;}
.nav-dl dd .sub-nav-box .sub-nav-ul li a{position: relative;font-size: 14px;color: #9d1c20;line-height: 40px; height: 40px; text-align: center;display: block;white-space: nowrap;}
.nav-dl dd .sub-nav-box .sub-nav-ul li a::before{display: block;content: "";position: absolute; left: 50%; bottom: 5px; width: 0px; height: 1px; background: #9d1c20; transform: translateX(-50%);transition: all 0.3s linear;}
.nav-dl dd .sub-nav-box .sub-nav-ul li:hover a::before{width: 100%;}
.header .menu{width: 25px;display: none;}
.header .menu span{display: block;width: 100%;height: 2px;background: #9d1c20;margin-bottom: 6px;transition: all 0.4s ease-out;border-radius: 30px;}
.header .menu span:last-child{margin-bottom: 0px;}
.header .menu.active span:nth-child(1){transform: rotateZ(45deg) translate(7px,7px);}
.header .menu.active span:nth-child(2){opacity: 0;}
.header .menu.active span:nth-child(3){transform: rotateZ(-45deg) translate(5px,-5px);}
.moduleBg{position: fixed;left: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);z-index: 10;display: none;right: 0;}
.moduleBg.active{display: block;}

.header.bg{background:rgba(255,255,255,0);border-color:rgba(255,255,255,0);box-shadow:none}
.header.bg .logo img.logo1{display:none}
.header.bg .logo img.logo2{display:block}
.header.bg .head-right-top-dl dd::before{background:rgba(255, 255, 255, 0.45)}
.header.bg .head-right-top-dl dd a{color: rgba(255, 255, 255, 0.5)}
.header.bg .head-right-top-dl dd a:hover{color:#fff}
.header.bg .head-right-search-box .search-input{border: 1px solid rgba(255, 255, 255, 0.5);}
.header.bg .head-right-search-box .search-input input{color:#fff}
.header.bg .head-right-search-box .search-input input::placeholder{color: rgba(255, 255, 255, 0.5);}
.header.bg .head-right-search-box .search-input a{background-image:url(../images/img/search.png)}
.header.bg .nav-dl dd .nav-div a{color:#fff}
.header.bg .nav-dl dd .nav-div a::before{background:#fff}
.header.bg .nav-dl dd.hover .nav-div a{color:#fff}
.header.bg .menu span{background:#fff}
/* ————— top end ————— */
/* ————— indexBanner start ————— */
.indexBanner{position: relative;}
.indexBanner .mySlide a{height: 100vh;background-position: center;background-size: cover;background-repeat: no-repeat;display: block;}
.indexBanner .mySlide a video{width: 100%;height: 100%;object-fit: cover;display: block;}
.indexBanner .wrap{position: absolute;height: 0;z-index: 2;left: 50%;transform: translateX(-50%);}
.indexBanner .bannerPath{position: absolute;left: 0;bottom: 40px;gap: 10px;}
.indexBanner .bannerPath span{font-size: 16px;color: #ffffff;font-weight: bold;}
.indexBanner .bannerPath span:last-child{opacity: 0.5;}
.indexBanner .bannerPath em{display: block;width: 75px;height: 2px;background: #fff;}
.indexBanner .mouseDown{position: absolute;right: 0;bottom: 40px;gap: 10px;gap: 10px;}
.indexBanner .mouseDown img{height: 14px;}
.indexBanner .mouseDown img.mouse{height: 29px;animation: mouseMove 1s infinite;}
@keyframes mouseMove {
    0% {
      transform: translateY(0px);
    }
    25% {
      transform: translateY(-3px);
    }
    50% {
      transform: translateY(0px);
    }
    75% {
      transform: translateY(3px);
    }
    100% {
      transform: translateY(0px);
    }
  }
/* ————— indexBanner end ————— */
/* ————— 头部 end ————— */
/* 公共部分 start*/
.indexTitle{margin-bottom: 70px;}
.indexTitle .title{font-size: 42px;color: #9d1c20;font-weight: bold;font-family: '黑体';line-height: 34px;z-index: 2;line-height: 20px;display: block;padding-left: 48px;position: relative;}
.indexTitle .title::before{display: block;content: "";width: 40px;height: 40px;position: absolute;left: 0;top: -6px;background: url(../images/img/indextitleicn.png) no-repeat center;z-index: 2;}
.indexTitle .title img{height: 26px;display: block;position: relative;top: 4px;z-index: -1;left: -50px;}
.indexTitle  .more{display: inline-block;padding: 15px 98px 15px 30px;border: 1px solid #9d1c20;border-radius: 30px;font-size: 15px;color: #9d1c20;background: url(../images/img/right.png) no-repeat center right 30px / auto 15px;transition: all .4s ease;}
.indexTitle.active .title{color: #fff;font-size: 36px;}
.indexTitle.active .title::before{background-image: url(../images/img/indextitleicnh.png);}
.indexTitle.active .more{border-color: #fff;color: #fff;background-image: url(../images/img/righth.png);}
.indexTitle  .more:hover{background-color: #9d1c20;color: #fff;background-image: url(../images/img/righth.png);}
/* 公共部分 end*/
/* 第一通栏 start */
.column1{background: url(../images/img/col1bg.jpg) no-repeat bottom right / cover;padding: 100px 0;}
.col1C{gap: 28px;}
.col1Slick{width: 48.9743%;position: relative;border-radius: 12px;overflow: hidden;}
.col1Slick .pic:before{padding-top: 60.4712%;}
.col1Slick .text{display: none;}
.col1Slick .newText{position: absolute;width: 100%;height: 70px;line-height: 70px;background-image: linear-gradient( 0deg, rgb(103,16,0,0.7) 0%, rgba(255,255,255,0) 70%);bottom: 0;left: 0;z-index: 2;box-sizing: border-box;padding: 0 20px;}
.col1Slick .newText .dots{margin-left: 30px;}
.col1Slick .newText .dots li{width: 12px;height: 12px;background: #fff;margin: 0 5px;display: inline-block;border-radius: 50%;cursor: pointer;}
.col1Slick .newText .dots li.slick-active{width: 30px;border-radius: 30px;}
.col1Slick .newText .info{overflow: hidden;}
.col1Slick .newText .info a{font-size: 18px;color: #ffffff;transition: all .4s ease;font-weight: bold;}
.col1R{flex: 1;gap: 28px;}
.col1R li a{display: block;background: #fff;box-shadow: 0px 5px 10px 0px rgba(238, 239, 255, 0.6);border-radius: 12px;padding: 35px 25px 25px;}
.col1R li .pic{border-radius: 8px;}
.col1R li .pic::before{padding-top: 60%;}
.col1R li .time{font-size: 16px;color: #666666;margin-bottom: 20px;}
.col1R li .title{font-size: 18px;color: #000000;transition: all .4s ease;margin-bottom: 15px;}
.col1R li a:hover .title{color: #9d1c20;font-weight: bold;}
.col1R li .info{font-size: 14px;color: #666666;margin-bottom: 25px;line-height: 23px;height: 46px;}
.col1R li .more{font-size: 14px;color: #cccccc;height: 40px;line-height: 40px;display: inline-block;padding-right: 52px;background: url(../images/img/col1btn.png) no-repeat center right;transition: all .4s ease;margin-bottom: 17px;}
.col1R li a:hover .more{color: #9d1c20;background-image: url(../images/img/col1btnh.png);}
.col1R li a:hover .time{color: #9d1c20;}
/* 第一通栏 end */
/* 第二通栏 start */
.column2{padding: 88px 0 156px;background: #fff;}
.col2C{gap: 28px;}
.col2C .item{height: 660px;box-sizing: border-box;padding: 40px 30px 0;border-radius: 10px;background: #b8552d;position: relative;flex: 1;}
.col2C .item .indexTitle{margin-bottom: 40px;}
.col2Dl{margin-bottom: 30px;}
.col2Dl li{border-bottom: 1px solid rgba(238, 239, 255, 0.08);margin-bottom: 20px;}
.col2Dl li a{display: block;padding-bottom: 20px;}
.col2Dl li .title{font-size: 16px;color: #ffffff;margin-bottom: 12px;transition: all .4s ease;}
.col2Dl li:hover .title{letter-spacing: 1px;}
.col2Dl li .time{font-size: 14px;color: #ffffff;}
.col2Dl li:last-child{border-bottom: none;}
.col2C .item .indexTitle:last-child{margin-bottom: 0;}
.col2C .item:nth-child(2){background: #dda986;top: 40px;}
.col2C .item:nth-child(3){background: #ce9c74;}
/* 第二通栏 end */
/* 第三通栏 start */
.column3{padding: 75px 0;background: #fcf9f6;}
.column3 .indexTitle{justify-content: center;position: relative;left: 50px;}
.column3 .indexTitle .title img{left: -80px;}
.col3Slick {position: relative;}
.col3Slick .bd {overflow: hidden;}
.col3Slick .slick-list {overflow: visible;margin:0 -30px;}
.col3Slick .myslide {float: left;display: inline;}
.col3Slick .slickCon {display: block;transition: all 0.4s linear;border-radius: 8px;margin: 0 30px;}
.col3Slick .pic{border-radius: 8px;margin-bottom: 25px;}
.col3Slick .pic::before{padding-top: 60%;}
.col3Slick .time{font-size: 16px;color: #333333;margin-bottom: 20px;}
.col3Slick .title{font-size: 18px;color: #333333;transition: all .4s ease;line-height: 28px;height: 56px;}
.col3Slick .slickCon:hover .title{color: #9d1c20;}
.col3Slick .info{font-size: 15px;color: #666666;}
.col3Slick .slick-dots {margin-top: 50px;text-align: center;}
.col3Slick .slick-dots li {display: inline-block;width: 10px;height: 10px;border-radius: 100%;margin: 0 5px;vertical-align: middle;cursor: pointer;position: relative;background: #94070a;}
.col3Slick .slick-dots li.slick-active {width: 45px;border-radius: 30px;}
/* 第三通栏 end */
/* 底部 start */
.footer{background: #f2f2f2;overflow: hidden;}
.footerLink{height: 150px;border-bottom: 1px solid #e9e5ee;gap: 30px;justify-content: flex-start;}
.footerLink span,.footerLink a{font-size: 14px;color: #555555;transition: all .4s ease;}
.footerLink a:hover{color: #9d1c20;}
.footerLink span{padding-right: 40px;gap: 10px;position: relative;}
.footerLink span::before{display: block;content: "";position: absolute;right: 0;top: 50%;width: 1px;height: 16px;margin-top: -8px;background: #dcdcdc;}
.footerLink span img{height: 25px;}
.footerC{padding: 20px 0 60px;}
.footerL .footerLogo{display: block;margin-bottom: 20px;}
.footerL .footerLogo img{height: 58px;}
.footerL .telItem{gap: 30px;justify-content: flex-start;}
.footerL .telItem .item{font-size: 15px;font-weight: bold;color: #333;gap: 10px;}
.footerL .telItem .item img{height: 30px;}
.footerR{gap: 15px;}
.footerR .item {text-align: center;}
.footerR .item .img{border: 1px solid #e5e5e5;border-radius: 6px;width: 110px;height: 110px;padding: 10px;box-sizing: border-box;margin-bottom: 15px;}
.footerR .item .img img{width: 100%;height: 100%;display: block;}
.footerR .item span{font-size: 15px;color: #888888;}
.footerB{border-top: 1px solid #f3e7e5;height: 80px;gap: 5px;justify-content: flex-start;font-size: 14px;color: #666666;}
.footerB a{color: #666666;transition: all .4s ease;}
.footerB a:hover{color: #333;}
.footerB img{height: 20px;}
/* 底部 end */