html, body, div, ul, ol, li, span, p, a, b, i, h1, h2, h3, img, input, select, textarea, button { margin: 0; padding: 0; border: 0 }
html, body { width: 100%; margin: 0 auto; position: relative;overflow-x: hidden; }
ul, ol, li { list-style: none; }
input, select, textarea, button { outline: none; }
a{ text-decoration: none; }
img{max-width: 100%;}
img::selection {background: transparent}
a::selection {background: transparent}

@font-face {
  font-family: 'PingFang-Bold';
  src: url('../fonts/PingFang Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PingFang-Heavy';
  src: url('../fonts/PingFang Heavy.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PingFang-Medium';
  src: url('../fonts/PingFang Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PingFang-Regular';
  src: url('../fonts/PingFang Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

body{background-color: #FFFFFF;font-size: 14px;font-family: 'PingFang-Regular'; }
.middleW{width: 960px;margin: 0 auto;max-width: 960px;box-sizing: border-box;}
.flexboxW{display: flex;justify-content: space-between;}

.header{position: relative;}
.navbar_header{position: absolute;top:52px;z-index: 100;left: 0;width: 100%;height: 85px;}
.navbar_header .middleW{display: flex;align-items: center;justify-content: space-between;}
.navbar_header .logo{height: 85px;}
.navbar_header .nav a{color: #fff;padding-right:52px;cursor: pointer;font-size: 18px;}
.navbar_header .nav a.active,.navbar_header .nav a:hover{color: #e7be07;}

.swiper-container{width: 100%;height:463px;overflow: hidden;}
.swiper-container .swiper-slide{background-size: 100% 100%;width: 100%;}
.swiper-container .swiper-slide .swiper-con{position: absolute;bottom: 129px;left: 0;width: 100%;}
.swiper-container .swiper-slide .home_video{width: 100%;height: 100%;overflow: hidden;}
.swiper-container .swiper-slide  video {width: 100%;height: 100%;object-fit: fill;}
.swiper-container .swiper-slide .swiper-con .title{font-size: 28px;color: #ffffff;font-family: 'PingFang-Heavy';}
.swiper-container .swiper-slide .swiper-con .btn{background: url('../img/slideBtn.png') no-repeat; background-size: 100% 100%;width: 98px;height: 30px;margin-top: 25px;cursor: pointer;position: relative;overflow: hidden;text-align: center;color: #fff;line-height: 30px;font-size: 12px;}
.swiper-container .swiper-slide .swiper-con .btn:after {content: "";position: absolute;top: -5%;left: -100%;width: 10px; height: 110%;opacity: .7; visibility: visible; background-color: #fff;transform: skewX(10deg);transition: all .6s ease}
.swiper-container .swiper-slide .swiper-con .btn:hover:after {left: 120%;opacity: .3}
.swiper-pagination{bottom: 100px !important;left: 50% !important; width: 960px !important;transform: translateX(-50%) !important;text-align: left !important;}
.swiper-pagination-white .swiper-pagination-bullet{ width: 27px;height: 3px;border-radius:25px;}

.column .middleW{border-bottom: 1px solid #c6b6d4;padding:0 88px 68px;}
.column .top{display: flex;align-items: center;}
.column .top .more{flex: 1;text-align: right;color: #450e71;font-size: 14px;font-family: 'PingFang-Heavy';}
.column  .tit .txt1{font-size: 12px;color: #606060;padding-bottom: 8px;}
.column  .tit .txt2{font-size: 22px;color: #6f4090;font-family: 'PingFang-Heavy';} 
.column .list .list-con img{display: block;transition: all .8s;max-width: 100%;}
.column  .list .list-con img:hover{transform: scale(1.1);}

.digital{padding: 53px 0 0;}
.digital .wrapper{padding-top: 28px;display: flex;width: 100%;justify-content: space-between;}
.digital .wrapper .tit .txt2 span{display: block;}
.digital .list{display: flex;align-items: center;}
.digital .list .list-con{width: 242px;height: 149px;border-radius: 10px;background-color: #724191;text-align: center;margin-right: 49px}
.digital .list .list-con:last-child{margin-right: 0;}
.digital .list .list-con a{display: block;cursor: pointer;}
.digital .list .list-con .pic{width: 229px;height: 116px;overflow: hidden;margin: 6px auto 3px;border-radius: 10px;}
.digital .list .list-con span{color: #ffffff;font-size: 12px;}
.digital-inner .scanwrap .lft .t p.ecio{width:26px;margin-right: 18px;}
.digital-inner .scanwrap .lft .t p.ecio img{width:100%}

.cultural{padding: 45px 0 58px;}
.cultural .tit .txt2 span,.industrial .tit .txt2 span,.digital-inner .tit .txt2 span,.cultural-inner .tit .txt2 span{padding-left: 22px;}
.cultural .wrapper,.industrial .wrapper{padding-top: 28px;display: flex;width: 100%;}
.cultural .list,.cultural-inner .case .list{display: flex;align-items: center;width: 100%;justify-content: space-between;}
.cultural .list .list-con{width: 358px;height: 368px;border-radius: 10px;background-color: #724191;text-align: center;transition: all .5s;}
.cultural .list .list-con:hover{transform: translateY(-10px);}
.cultural .list .list-con a{display: block;cursor: pointer;padding: 8px;}
.cultural .list .list-con .pic{height: 259px;overflow: hidden;border-radius: 10px;}
.cultural .list .list-con h2{color: #ffffff;font-size: 20px;font-weight: normal;font-family: 'PingFang-Heavy';padding-top: 15px;}
.cultural .list .list-con .tag{padding-top: 16px;display: flex;align-items: center;justify-content: center;line-height: 1;}
.cultural .list .list-con .tag span{background: url("../img/tagbg.png") no-repeat;background-size: 100% 100%;width: 80px;height: 22px;color: #fff;font-size: 12px;margin: 0 10px;line-height: 20px;}

.industrial .list{display: flex;align-items: center;width: 100%;}
.industrial .list .list-con{width: 247px;border-radius: 10px;background-color: #724191;transition: all .5s;margin-right: 20px;}
.industrial .list .list-con:hover{transform: translateY(-10px);}
.industrial .list .list-con .pic{width: 247px;height: 232px;overflow: hidden;border-radius: 10px;}
.industrial .list .list-con h2{width: 100%;height: 54px;line-height: 54px;text-align: center;color: #fff;font-size: 12px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;font-family: 'PingFang-Heavy';}

.inner-header{height: 172px;background-color: #450e71;}
.digital-inner{padding: 54px 0 0;}
.digital-inner .tit .txt2 span,.cultural-inner .tit .txt2 span{font-family: 'PingFang-Bold';}
.digital-inner .tit .intro{font-family: '黑体';color: #606060;font-size: 12px;padding-top: 12px;line-height: 18px;}
.digital-inner .tit .intro span,.cultural-inner .tit .intro span{display: block;}
.digital-inner .video-list{display: flex;align-items: center;justify-content: space-between;padding-top: 90px;}
.digital-inner .video-list .video-con .t{font-size: 14px;font-family: 'PingFang-Heavy';color: #450e71;text-align: center;padding-bottom: 38px;}
.digital-inner .video-list .video-con .video{width: 359px;height: 204px;position: relative;overflow: hidden;box-sizing: border-box;}
.digital-inner .video-list .video-con img{width: 100%;height: 100%;}
.digital-inner .video-list .video-con .video video{width:100%;height: 100%;object-fit: fill;border-radius: 10px;position: absolute;top: 0;left: 0;z-index: 0;pointer-events: auto;}
.digital-inner .video-list .video-con .video::before{content: '';position: absolute;top: 0;left: 0;background: url('../img/videoBg.png') no-repeat;background-size: 100% 100%;width: 359px;height: 204px;z-index: 1;pointer-events: none;}
.digital-inner .list-ico{margin-top: 40px;display: flex;align-items: center;justify-content: space-between;}
.digital-inner .scanwrap{margin-top: 73px;display: flex;justify-content: space-between;}
.digital-inner .scanwrap .lft .t{display: flex;align-items: center;}
.digital-inner .scanwrap .lft .t p{color: #420d70;font-size: 22px;font-family: 'PingFang-Heavy';line-height: 1;}
.digital-inner .scanwrap .lft .t p >img{margin: 0 8px;}
.digital-inner .scanwrap .lft .c{padding-top: 14px;font-size: 12px;color: #606060;font-family: 'PingFang-Heavy';}
.digital-inner .scanwrap .lft .c > span{padding-left: 16px;}
.digital-inner .scanwrap .lft .i{color: #606060;font-family: 'PingFang-Regular';font-size: 10px;padding-top: 16px;line-height: 1;}
.digital-inner .scanwrap .lft .i span{display: block;padding-top: 7px;}
.digital-inner .scanwrap .lft .ewmc{margin-top: 22px;}
.digital-inner .scanwrap .ewmc .ewm{background: url('../img/ewmtxt1.png') no-repeat;background-size: 100% 100%;width: 83px;height: 25px;margin-top: 8px;text-align: center;color: #561f7d;font-size: 12px;line-height: 25px;font-family: 'PingFang-Heavy';}
.digital-inner .scanwrap .rlt{display: flex;align-items: center;justify-content: center;}
.digital-inner .scanwrap .rlt .ewmc{margin-left: 46px;width:124px;}
.digital-inner .scanwrap .rlt .ewmc img{width:124px;height: 124px;}
.digital-inner .scanwrap .rlt .ewmc .ewm{margin: 8px auto 0;}
.digital-inner-last .scanwrap{margin-top: 12px;}

.cultural-inner{padding:86px 0 0;}
.cultural-inner .tit .txt2{padding-bottom: 10px;}
.cultural-inner .tit .intro{color: #606060;font-family: 'PingFang-Regular';font-size: 12px;line-height: 19px;}
.cultural-inner .case{margin-top: 28px;}
.cultural-inner .case .title{color: #606060;font-family: 'PingFang-Heavy';font-size: 12px;opacity: 0.5;}
.cultural-inner .list .list-con{width: 172px;height:198px;border-radius: 10px;background-color: #724191;transition: all .5s;margin-top: 12px;}
.cultural-inner .list .list-con:hover{transform: translateY(-3px);}
.cultural-inner .list .list-con .pic{width: 172px;height: 160px;overflow: hidden;border-radius: 10px;}
.cultural-inner .list .list-con h2{color: #ffffff;font-size: 12px;font-weight: normal;font-family: 'PingFang-Heavy';text-align: center;padding-top: 8px;}
.cultural-brand{padding-top: 56px;}
.cultural-brand .list .list-con{width:218px;height:149px;}
.cultural-brand .list .list-con .pic{width:218px;height:111px;}

.industrial-inner{padding:78px 0 0;}
.industrial-rules{width: 100%;padding-top: 90px;}
.industrial-rules .namet{text-align: center;position: relative;height: 24px;line-height: 24px;}
.industrial-rules .namet span{color: #6f4090;font-family: 'PingFang-Heavy';font-size: 22px;background: #fff;display: block;position: absolute;top: 0;left: 50%;transform: translateX(-50%);padding: 0 10px;}
.industrial-rules .namet::before{content: '';position: absolute;top: 50%;left: 0;width: 100%;height: 1px;background-color: #d6c9e0;}
.industrial-rules .rules-list{margin-top: 36px;}
.industrial-rules .rules-list ul{display: flex;align-items: center;justify-content: space-between;}
.industrial-rules .rules-list li{border:1px solid #2d2a56;border-top-left-radius: 10px;border-top-right-radius: 10px;width: 105px;}
.industrial-rules .rules-list li .tp{background-color: #d6151a;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: 6px 0;}
.industrial-rules .rules-list li .tp span{display: block;text-align: center;font-size: 14px;font-family: 'PingFang-Heavy';color: #fff;}
.industrial-rules .rules-list li .in{background-color: #2d2a56;padding: 4px 6px;}
.industrial-rules .rules-list li .in span{color: #fff;transform: scale(0.9);font-size: 12px;font-family: 'PingFang-Regular';display: block;line-height: 18px;}
.industrial-rules .rules-list .caset{margin-top: 30px;font-size: 12px;color: #606060;font-family: 'PingFang-Heavy';}
.cultural-brand .industrial-rules .list .list-con{width: 228px;}
.cultural-brand .industrial-rules .list .list-con .pic{width: 228px;}
.cultural-inner .industrial-rules .list .list-con h2{transform: scale(0.833);white-space: nowrap;}

.industrial-inner .wrapper{position: relative;}
.industrial-inner.p166 .tit .txt2 span{display: block;}
.industrial-inner .tit .intro{color: #606060;display: block;font-family: 'PingFang-Regular';font-size: 12px;line-height: 19px;padding-top: 10px;}
.industrial-inner .tit .mapt{padding-top: 100px;color: #2d2a56;font-size: 28px;font-family: 'PingFang-Regular';}
.industrial-inner .tit .mapt span{display: block;}
.industrial-inner .mappic{position: absolute;right: 0;top: 0;}
.p166 .middleW{padding-bottom: 166px;}
.industrial-inner .spacePic{margin-top: 48px;}
.industrial-inner .productl{margin-top: 56px;}
.industrial-inner .productl .t{font-size: 18px;color: #6f4090;font-family: 'PingFang-Heavy';}
.industrial-inner .productl .t span{padding-left: 22px;font-family: 'PingFang-Bold';}
.industrial-inner .caset{padding-top: 55px;color: #606060;font-family: 'PingFang-Heavy';font-size: 12px;}
.industrial-inner .video-list{padding-top: 30px;}
.industrial-inner .video-list .video-con .t{font-size: 20px;margin-top: 34px;}
.industrial-inner .video-list .video-con .t span{display: block;color: #606060;font-family: 'PingFang-Regular';font-size: 14px;padding-top: 10px;}

.industrial-inner .spacePicW{border:1px solid #6F6D8B;padding:18px 40px;display: flex;justify-content: space-between;}
.industrial-inner .spacePicW .pro{text-align: center;}
.industrial-inner .spacePicW .pro .t1{color:#450e71;font-size: 16px;padding-bottom: 8px;}
.industrial-inner .spacePicW .pro .t2{padding-bottom: 4px;font-size: 14px;}

.about-inner .tit .txt2 span{display: block;padding-left: 0;}
.about-inner .research{display: flex;justify-content: space-between;margin-top: 36px;}
.about-inner .research .research-team .t{background: url("../img/tbg.png") no-repeat;background-size: 100% 100%;width: 122px;height: 36px;text-align: center;line-height: 36px;color: #fff;font-family: 'PingFang-Heavy';margin-bottom: 20px;}
.about-inner .research .research-team .i{font-size: 10px;color: #606060;font-family: 'PingFang-Regular';zoom:0.98;width: 298px;line-height: 18px;}
.about-inner .research .research-team .i p{margin-bottom: 24px;}
.about-inner .research .research-team .i p span{font-family: 'PingFang-Heavy';}
.about-inner .research .research-team .info{font-size: 10px;color: #606060;font-family: 'PingFang-Regular';zoom:0.98;line-height: 18px;}


.footer{background: #400c6f;width: 100%;height:252px;}
.footer .middleW{padding-top: 57px;}
.footer .footer-lf .txt1{font-size: 22px;color: #ffffff;padding-bottom: 59px;font-family: 'PingFang-Heavy';}
.footer .footer-lf .txt2{font-size: 13px;color: #ffffff;padding-bottom: 20px;}
.footer .footer-lf .txt2 span{padding-left: 20px;}
.footer .footer-rl{padding-top: 26px;}
.footer .footer-rl img{width: 81px;height: 81px;}
.footer .footer-rl .ewm{background: url('../img/ewmTxtBg.png') no-repeat;background-size: 100% 100%;width: 82px;height: 24px;margin-top: 8px;text-align: center;color: #fff;font-size: 12px;line-height: 24px;font-family: 'PingFang-Heavy';}