@charset "UTF-8";
/* ————— 头部 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 #5d388e}
.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: #5d388e 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: #5d388e;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:#5d388e}
.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: #5d388e;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: #5d388e; 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: #5d388e;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: 55px;}
.indexTitle .title{font-size: 42px;color: #493e91;font-weight: bold;font-family: '黑体';line-height: 34px;z-index: 2;line-height: 20px;display: block;position: relative;}
.indexTitle .title img{height: 33px;display: block;position: relative;top: -3px;z-index: -1;}
.indexTitle .more{display: inline-block;padding: 15px 98px 15px 30px;border: 1px solid #493e91;border-radius: 30px;font-size: 15px;color: #493e91;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 .more{border-color: #fff;color: #fff;background-image: url(../images/img/righth.png);}
.indexTitle .more:hover{background-color: #493e91;color: #fff;background-image: url(../images/img/righth.png);}
/* 公共部分 end*/
/* 第一通栏 start */
.column1{background: #fff;padding: 80px 0;}
.col1Ul{margin-right: -20px;overflow: hidden;}
.col1Ul li{width: 14.2857%;float: left;display: inline;}
.col1Ul li a{display: block;margin-right: 20px;border: 1px solid #ddd5e7;border-radius: 20px;box-sizing: border-box;padding: 38px 0 0 30px;transition: all .4s ease;}
.col1Ul li a .icn{position: relative;display: flex;align-items: center;justify-content: center;width: 70px;height: 70px;border-radius: 50%;background: #f7f3f8;margin-bottom: 20px;}
.col1Ul li a .icn .img2{display: none;}
.col1Ul li a .title{font-size: 18px;font-weight: bold;color: #5d388e;transition: all .4s ease;margin-bottom: 33px}
.col1Ul li a em{width: 60px;height: 6px;border-radius: 30px;background: #f7f3f8;}
.col1Ul li a:hover{background-image: linear-gradient( -50deg, rgb(115,186,224) 0%, rgb(47,73,150) 0%, rgb(81,59,143) 99%);}
.col1Ul li a:hover .icn{background: #4e4a99;}
.col1Ul li a:hover .icn .img1{display: none;}
.col1Ul li a:hover .icn .img2{display: block;}
.col1Ul li a:hover .title{color: #fff;}
.col1Ul li a:hover em{background: #5a519c;}
/* 第一通栏 end */
/* 第二通栏 start */
.colum2{background: #f7f8fc;padding: 63px 0 120px;}
.col2Slick{width: 820px;position: relative;border-radius: 12px;overflow: hidden;margin-right: 40px;}
.col2Slick .pic:before{padding-top: 60%;}
.col2Slick .text{display: none;}
.col2Slick .newText{position: absolute;width: 100%;height: 90px;line-height: 90px;background-image: linear-gradient( 0deg, rgb(81,59,143,0.7) 0%, rgba(255,255,255,0) 70%);bottom: 0;left: 0;z-index: 2;box-sizing: border-box;padding: 0 20px;}
.col2Slick .newText .dots{margin-left: 30px;margin-top:38px}
.col2Slick .newText .dots li{width: 12px;height: 12px;margin: 0 5px;display: inline-block;border-radius: 50%;cursor: pointer;border: 1px solid #fff;}
.col2Slick .newText .dots li.slick-active{background: #fff;}
.col2Slick .newText .info{overflow: hidden;}
.col2Slick .newText .info a{font-size: 24px;color: #ffffff;transition: all .4s ease;font-weight: bold;}
.col2Ul{overflow: hidden;}
.col2Ul li{margin-bottom: 28px;}
.col2Ul li:last-child{margin-bottom: 0;}
.col2Ul li a{display: block;height: 102px;box-sizing: border-box;box-shadow: 0px 2px 7.65px 1.35px rgba(0, 0, 0, 0.07);border-radius: 4px;padding: 20px 30px;background: #fff;overflow: hidden;transition: all .4s ease;}
.col2Ul li a .time{margin-right: 30px;width: 60px;font-size: 14px;color: #666666;text-align: center;float: left;display: inline;line-height: 24px;padding-top: 8px;transition: all .4s ease;}
.col2Ul li a .time span{font-size: 36px;font-weight: bold;margin-bottom: 10px;display: block;transition: all .4s ease;}
.col2Ul li a .text{overflow: hidden;}
.col2Ul li a .text .title{font-size: 18px;font-weight: bold;color: #333333;margin-bottom: 18px;transition: all .4s ease;}
.col2Ul li a .text .info{font-size: 16px;color: #666666;transition: all .4s ease;}
.col2Ul li a:hover{background: #e7e4f1;}
.col2Ul li a:hover .time{color: #5d388e;}
.col2Ul li a:hover .text .title{color: #5d388e;}
.col2Ul li a:hover .text .info{color: #5d388e;}
/* 第二通栏 end */
/* 第三通栏 start */
.column3{padding: 90px 0 80px;background: #fff;}
.col3L{width: 52.5641%;margin-right: 40px;}
.column3 .indexTitle{margin-bottom: 35px;}
.col3LUl{margin-right: -20px;overflow: hidden;}
.col3LUl li{width: 50%;margin-bottom: 10px;width: 50%;float: left;display: inline;}
.col3LUl li a{display: block;margin-right: 20px;border: 1px solid #e8e3ef;border-radius: 4px;padding: 24px 20px;box-sizing: border-box;height: 140px;transition: all .4s ease;}
.col3LUl li a .title{font-size: 16px;line-height: 26px;color: #333333;height: 52px;margin-bottom: 15px;transition: all .4s ease;}
.col3LUl li a .time{font-size: 16px;color: #666666;height: 25px;padding-left: 40px;background: url(../images/img/time.png) no-repeat center left;transition: all .4s ease;line-height: 25px;}
.col3LUl li a:hover{background-image: linear-gradient( -50deg, rgb(115,186,224) 0%, rgb(47,73,150) 0%, rgb(81,59,143) 99%);}
.col3LUl li a:hover .title{color: #fff;}
.col3LUl li a:hover .time{color: #fff;background-image: url(../images/img/timeh.png);}
.col3RUl li{margin-bottom: 20px;}
.col3RUl li a{display: block;overflow: hidden;border-radius: 4px;}
.col3RUl li a .pic{width: 350px;float: left;display: inline;overflow: hidden;}
.col3RUl li a .pic:before{padding-top: 60%;}
.col3RUl li a .text{height: 210px;overflow: hidden;box-sizing: border-box;padding: 45px 30px;background-image: linear-gradient( -50deg, rgb(115,186,224) 0%, rgb(47,73,150) 0%, rgb(81,59,143) 99%);}
.col3RUl li a .text .title{font-size: 18px;line-height: 26px;color: #ffffff;height: 52px;margin-bottom: 30px;}
.col3RUl li a .text .time{font-size: 16px;color: #fff;height: 25px;padding-left: 40px;background: url(../images/img/timeh.png) no-repeat center left;transition: all .4s ease;line-height: 25px;position: relative;}
.col3RUl li a .text .time:before{display: block;content: "";position: absolute;right: 0;top: 0;width: 55px;height: 100%;background: url(../images/img/righth.png) no-repeat center right;}
/* 第三通栏 end */
/* 第四通栏 start */
.column4{overflow: hidden;}
.column4 .wrap{padding: 80px 0 88px;position: relative;}
.column4 .wrap:before{background: url(../images/img/col4bg.jpg) no-repeat center / cover;position: absolute;right: 0;top: 0;width: 100vw;height: 100%;display: block;content: "";}
.column4 .indexTitle{margin-bottom: 60px;position: relative;z-index: 2;}
.col4Con{width: 100vw;overflow: hidden;margin-bottom: 44px;position: relative;z-index: 2;}
.col4Slick {position: relative;width: 31.2%;}
.col4Slick .slick-list {overflow: visible;margin:0 -15px;}
.col4Slick .myslide {float: left;display: inline;}
.col4Slick .pic {display: block;margin:0 15px;border-radius: 10px;overflow: hidden;}
.col4Slick .pic::before{padding-top: 60%;}
.col4btn{position: relative;z-index: 2;}
.col4btn span{display: inline-block;margin-right: 25px;width: 55px;height: 55px;border-radius: 50%;background: #fff url(../images/img/col4btn.png) no-repeat center;cursor: pointer;box-shadow: 0px 5px 21px 0px rgba(251, 240, 236, 0.004);transition: all .4s ease;}
.col4btn span.next{transform: rotateZ(180deg);}
.col4btn span:hover{background: #333d8f url(../images/img/col4btnh.png) no-repeat center;}
/* 第四通栏 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: #5d388e;}
.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 */