/* =====头部===== */

#c-placeholder {height: 1.1rem;}

.header {position: fixed; top: 0;width: 100%;z-index: 999; transition: .5s;}

.header .container {width: auto; max-width: 95% !important;}

.header::after {content: "";width: 100%; height: 1px; background: transparent; position: absolute; left: 0; bottom: 0;}

.headerBox {display: flex; justify-content: space-between;  align-items: center; height: 1.1rem;min-height: 60px;transition: .5s;}

.headerLogo img {max-width: 3rem;}

.headerLogo img:nth-child(2) {display: none;}



.headernav {width:49%;margin-left: 10%;}

.headernav > ul {display: flex; justify-content: space-between;}

.headernav > ul > li {position: relative; line-height: 1.1rem;padding: 0 .2rem;min-width: 1.15rem;text-align: center;}

.headernav > ul > li::before {content: ""; background: #f5f5f5; height: 0; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; transition: .5s;}

.headernav > ul > li::after {content: ""; position: absolute; width: 0; bottom: 0; left: 55%; height: .04rem; background: #C1030E; bottom: -1px; transition: .5s; z-index: -1;}

.headernav > ul > li > a {color: #FFFFFF; transition: .35s; position: relative; font-size: var(--font18);}

.headernav > ul > li > a::after {content: ""; position: absolute; width: 0; bottom: 0; left: 55%; height: .08rem; background: #C1030E; bottom: -10%; transition: .5s; z-index: -1;}

.headernav > ul > li:hover > a , .headernav > ul > li.on > a {font-weight: 700;}

.headernav > ul > li:hover > a::after , .headernav > ul > li.on > a::after {width: 110%; left: -5%;}



.headerRe {display: flex; align-items: center;}

.searchIcon {margin-left: .6rem;}



/* 二级下拉 */

.navTwo {line-height: initial; width: max-content;position: absolute; left: 0; transform: translateY(15%); z-index: 10;opacity: 0;pointer-events: none;transition: all 0.4s;}

.navTwo .box {display: flex;  padding: .2rem; padding-right: 0; background: #fff;border-radius: 0.1rem;box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.15);}

.navTwo .box .navImgBox {margin-right: .3rem; border-radius: 0.1rem; overflow: hidden; max-width: 2rem;}

.navTwo .box .navImgBox img {width: 100%; height: 100%; object-fit: cover;}

.navTwo.on {opacity: 1;pointer-events: auto; transform: translateY(-3%);}

.navTwo dl {padding-right: .5rem;}

.navTwo dl dd {margin: .125rem 0;}

.navTwo dl dd a {display: flex;align-items: center; transition: .4s; color: #666666; font-size: var(--font14);}

.navTwo dl dd a i {margin-right: .1rem;}

.navTwo dl dd a:hover {color: #C1030E;}

.navTwo dl dd a i svg path {transition: .5s;}

.navTwo dl dd a:hover i svg path {fill: #C1030E;}



/* 隐藏搜索 */

.header-sec3 {position: absolute;top: -100%; left: 0; z-index: 2; width: 100%; height: calc(100% + 1px); border-bottom: 1px solid #eee; background-color: #fff;-webkit-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 11;}

.header-sec3.active {top: 0;}

.header-sec3 .container {height: 100%;}

.header-sec3 .cont { height: 100%; display: flex; align-items: center; justify-content: space-between; max-width: 500px; margin: 0 auto;}

.header-sec3 .cont .form { display: flex; align-items: center; width: calc(100% - 36px); border-radius: 30px; border: 2px solid #333; padding: 0 20px; overflow: hidden;}

.header-sec3 .cont .form .f_sub {outline: none;width: 20px;border: none;background: transparent;overflow: hidden; height: 30px; cursor: pointer;}

.header-sec3 .cont .form .f_sub img {max-width: 100%;}

.header-sec3 .cont .form .int { outline: none;width: 80%;width: calc(100% - 20px);padding: 10px 0;font-size: 16px;border: none;background-color: transparent;color: #333; padding-left: 22px;}

.header-sec3 .cont .f_close { overflow: hidden; width: 20px; display: block;}

.header-sec3 .cont .f_close img {width: 100%;}

/* 语言 */

.weblink {position: relative;padding: .2rem 0;box-sizing: border-box;margin: -.2rem 0;}

.weblink > a {display: flex; align-items: center; color: #fff; font-size: var(--font20);font-family: Arial, Arial-Bold;font-weight: 700;}

.weblink > a svg {margin-left: .08rem;}

.weblink .luanguage {box-shadow: 0 0 10px rgb(0, 0, 0,.2); position: absolute; background: #fff; border-radius: 5px; padding: .1rem .2rem; left: -.2rem; text-align: center; transform: translateY(35%); opacity: 0; visibility: hidden; transition: .5s;}

.weblink .luanguage::before {content: "";width: 20px; height: 10px; background: #fff; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: #fff;    position: absolute;left: 50%;top: -5%;transform: translate(-50%, -50%);}

.weblink .luanguage a {justify-content: center; font-size: var(--font14);}

.weblink .luanguage a {margin: .05rem 0; display: block;}

.weblink .luanguage a:hover {color: #C1030E;}

.weblink:hover .luanguage {opacity: 1; transform: translateY(25%); visibility: visible;}



/* 头部下滑导航 */

.header.fh {background: #fff; border-bottom: 1px solid #eee;}

.header.fh .headerLogo img:nth-child(1) {display: none;}

.header.fh .headerLogo img:nth-child(2) {display: block;}

.header.fh .headernav > ul > li > a {color: #333;}

.header.fh .headernav > ul > li:hover::before ,.header.fh .headernav > ul > li.on::before {height: 100%;}

.header.fh .headernav > ul > li > a::after {opacity: 0; visibility: hidden;}

.header.fh .headernav > ul > li:hover::after,.header.fh  .headernav > ul > li.on::after {width: 100%; left: 0; }

.header.fh .weblink > a {color: #333;}

.header.fh .weblink > a svg path {fill: #333;}

.header.fh .searchIcon svg path {fill: #333;}

.header.fh .mobmenu dl dd {background: #333;}

.header.fh .mobmenu h4 {color: #333;}



/* 公用css */

/* 滚动条 */

.headerNavScroll {scrollbar-width:thin;scrollbar-color:#C1030E #E5E5E5; overflow-y: auto;}

.headerNavScroll::-webkit-scrollbar {width: 4px;}

.headerNavScroll::-webkit-scrollbar-thumb {background: #C1030E; border-radius: 5px;}

.headerNavScroll::-webkit-scrollbar-track { background: #E5E5E5;}



/* 了解更多 */

.more1 { position: relative; z-index: 1; width: 1.66rem;height: 0.55rem;background: #c20813;  border-radius: 0.05rem; transition: .5s;}

.more1 span {color: #fff; margin-right: .2rem; transition: .5s;}

.more1:hover {box-shadow: 0 0 .2rem rgba(194, 8, 19,.5);}

.more1:hover span {margin-right: .3rem;}







/* =====首页===== */

/* banner */

.indexBanner { z-index: 2; position: relative;}

.bannerSwiper {height: 100vh; position: static;}

.bannerSwiper .imgBox {height: 100%;}

.bannerSwiper .imgBox img {width: 100%;height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1); object-fit: cover;}

.bannerSwiper .swiper-slide-active img , .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1,1);}

.bannerSwiper .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);z-index: 1;}

.bannerSwiper .con strong {font-size: 0.78rem;font-weight: 700;color: #ffffff; display: inline-flex;}

.bannerSwiper .con strong div:nth-child(8) {color: #C20813;}

.bannerSwiper .con .p1 {font-size: var(--font24);color: #ffffff; display: flex;}

#preloader-2 {position: relative; margin-top: 1rem;}

#preloader-2 span {position: absolute; width:.24rem; height: .24rem; background: #fff;border-radius: 50%; bottom: 0;}

#preloader-2 span:nth-child(1){animation: cross-1 1.5s infinite linear;}

#preloader-2 span:nth-child(2){ background: #C1030E; animation: cross-2 1.5s infinite linear;}

@keyframes cross-1{

  0%{transform: translateX(0); opacity: 0.8;}

  50%{transform: translateX(200%); opacity: 1;}

  100%{transform: translateX(0);opacity: 0.8;}

}

@keyframes cross-2{

  0%{transform: translateX(200%); opacity: 0.8;}

  50%{transform: translateX(0); opacity: 1;}

  100%{transform: translateX(200%);opacity: 0.8;}

}

.indexXian {position: absolute; left: 4%; top: auto; z-index: 1;bottom: .6rem; display: flex;}

.indexXian span {font-size: .14rem;letter-spacing: 0.01rem; color: #ffffff; margin-right: .12rem; text-transform: uppercase;writing-mode:vertical-rl; position: relative;}

.indexXian i {width: 2px;height: .84rem;background: #EFEFEF; display: block; position: relative; overflow: hidden;}

.indexXian i::after {content: ""; position: absolute;left: 0;width: 2px;height: 100%;background: #C1030E; opacity: 1; animation: aline 3s infinite linear;}

@keyframes aline { from {bottom: 100%;}to {bottom: -100%;}}

.swControls {display: flex; align-items: center; justify-content: space-around; width: 46%;height: 1.45rem; position: absolute; left: auto; right: 0; top: auto; bottom: -.3rem;  z-index: 11; overflow: hidden;}

.swControls { padding-left: 2%; box-sizing: border-box;}

.swControls::after {content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; left: 100%;top: 0; background: #c1030e; -webkit-clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%);clip-path: polygon(8% 0%, 100% 0%, 100% 100%, 0% 100%); transition: 1.5s;}

.swControls.on::after {left: 0;}

.swControls > div {position: relative;}

.swControls .swiper-pagination {width: auto; bottom: auto;}

.swControls .swiper-pagination span {width: 0.16rem; height: 0.16rem; border: 1px solid #efefef; opacity: 1; box-sizing: border-box; background: none;}

.swControls .swiper-pagination .swiper-pagination-bullet-active {background: #efefef;}

.swControls .swiper-num {margin-left: 20%;color: #ffffff;}

.swControls .swiper-num .actives {font-size: 0.4rem;}

.swControls .swjtBox {display: flex;}

.swControls .swjt {position: relative; margin: 0;width: 0.3rem; height: 0.3rem; border-radius: 50%; left: 0; top: auto;}

.swControls .swjt img {max-width: 70%;}

.swControls .swjt.swiper-button-prev {transform: rotate(180deg); margin-right: .3rem;}





/* 首页内容 */

.indexMain {position: relative; z-index: 1;background: #fff;}



.indexOne {padding: 1.5rem 0 1.35rem 0;}

.indexOne .inOnelogo {display: flex; justify-content: center;}

.indexOne .inOnelogo img {max-width: 100%;}

.indexOne .logoBox {display: inline-block; position: relative; overflow: hidden;}

/* .indexOne .logoBox .hideLogo {position: absolute; top: 0; left: 0; width: 100%; top: -100%; height: 100%; transition: 1s;} */

.indexOne .logoBox .hideLogo img {height: 100%;}

.indexOne .logoBox.on .hideLogo {top: 0; transition-delay: .5s;}

.indexOne .con {text-align: center; margin: .6rem 0 1rem 0;}

.indexOne .con strong {font-size: 0.55rem;font-weight: 700;color: #000000; display: block; visibility: hidden;}

.indexOne .con strong span {visibility: hidden;}

.indexOne .con strong span:nth-child(n+8) {color: #C20813;}

.indexOne .con .p1 {font-size: var(--font20);color: #666666;margin-top: .2rem;}

.indexOne .con .jt {margin-top: .3rem;}

.indexOne .con .jt svg {animation: jump 1s cubic-bezier(.56,.01,.46,1) infinite alternate;}

@keyframes jump {0% {transform:translateY(5px)}to {  transform:translateY(-5px) }}



.indexOne ul {display: flex; justify-content: space-between; }

.indexOne ul li {display: flex; align-items: center;}

.indexOne ul li .counter {font-size: 0.76rem;font-weight: 700;color: #2c3441;  font-family: "DINBold"; margin: 0 .15rem;}

.indexOne ul li .text {color: #666666;}

.indexOne ul li .text .p2 {margin-top: .1rem;}

.indexOne ul li:nth-child(3) .p1 {font-size: var(--font22);}

.indexOne ul li i {width: 1px; height: .9rem; background: #cbcbcb; transform: rotate(45deg);}



.indexTwo {position: relative; padding-top: 42%; z-index: 222;}

.indexTwo .bjBox {position: absolute;top: 0; width: 100%; height: 100%; z-index: 0; background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover;    background-attachment: fixed;}

.indexTwo .play_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}

.indexTwo .play_overlay .play_btn { position: absolute;display: block;top: 50%;left: 50%;width: 1rem;height: 1rem;min-width: 60px;min-height: 60px;transform: translate(-50%, -50%);}

.indexTwo .play_overlay .play_btn::before {animation: playbtnscale 2s ease-out infinite; background: #fff; opacity: 0.5; animation-delay: 0;}

.indexTwo .play_overlay .play_btn::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border-radius: 50%; content: ''; z-index: -1;}

.indexTwo .play_overlay .play_btn::after { animation: playbtnscal2 2s ease-out infinite; background: #fff;opacity: 0.3;animation-delay: 0;}

.indexTwo .play_overlay .play_btn::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 24px;height: 24px; border-radius: 50%; content: ''; z-index: -1;}

.indexTwo .play_overlay .play_btn .icon {width: 100%; height: 100%; background: url(../images/play_button.png) center/contain no-repeat;}

@keyframes playbtnscale { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(7); opacity: 0; }}

@keyframes playbtnscal2 {0% { transform: translate(-50%, -50%) scale(1); opacity: .9;} 100% {transform: translate(-50%, -50%) scale(10); opacity: 0; }}



.indexThre {padding: 1rem 0 .8rem 0;}

.indexThre .tle h3 {font-size: 0.55rem;font-weight: 700;color: #000000;}

.indexThre .tle i {margin-top: .1rem; display: inline-block;border-top-color: #C1030E; border-top-width: .08rem;border-top-style: solid;border-right: .06rem solid rgba(0,0,0,0);width: .54rem;height: 0;}

.indexThre ul {margin-top: .4rem; display: flex;  justify-content: space-between; position: relative; overflow: hidden;}

.indexThre li {background: #f9f9f9; padding: .5rem; margin-right: .2rem; box-sizing: border-box; flex: 1; transition: .5s;}

.indexThre li:nth-child(4) {margin-right: 0;}

.indexThre li.on {flex: 2;}

.indexThre li .tit {position: relative;}

.indexThre li .lilogo {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); opacity: 0; transition: .5s;}

.indexThre li .lilogo img {max-width: 2rem;}

.indexThre li h4 {font-size: var(--font30);color: #333333; font-weight: 700;}

.indexThre li .cicrle {position: relative; margin-top: .3rem; z-index: 1;}

.indexThre li .cicrle i {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: 0.13rem; height: 0.13rem;background: #e1e1e1; border-radius: 50%; transition: .5s;}

.indexThre li .con {position: relative; margin-top: .4rem; height: 150px;}

.indexThre li .con .imgBox {width: 100%; transition: 1s; height: 100%;}

.indexThre li .con .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; position: absolute; left: 50%; top: 85%; transform: translate(-50%, -50%); transition: 1s;}

.indexThre li .con .text {position: absolute; left: 50%; top: 50%; transform: translate(-0%, -0%); width: 50%; opacity: 0; color: #666666; line-height: 1.8; font-size: var(--font15);}

.indexThre li .more a {opacity: 0; visibility: hidden; margin-top: .1rem; transition: .5s; transform: translateY(50%);}

.indexThre li.on .imgBox img {transform: translate(0%, -50%); left: 0;  width: 45%; top:50%;   animation: fade-data-v .6s linear;}

.indexThre li.on .tit {justify-content: space-between;}

.indexThre li.on .tit h4 {animation: fade-data-v .6s linear;}

.indexThre li.on .lilogo {opacity: 1; transition-delay: .5s;}

.indexThre li.on .cicrle i {background: #d91f15; left: 2%;}

.indexThre li.on .con .text {transform: translate(-0%, -50%); opacity: 1;transition: .5s; transition-delay: .5s;}

.indexThre li.on .more a { transform: translateY(0); opacity: 1; visibility: visible;}

@keyframes fade-data-v {0% {opacity: 0}50% {opacity: 0}to {opacity: 1 }}

.indexThre .cross-line {position: absolute;top:31%;z-index: 0;width: 100%;margin: 0 .6rem;height: 1px;    background-repeat: repeat-x;background-size: 10px 1px;background-image: -webkit-gradient(linear,left top,right top,from(#bfbfbf),color-stop(50%,#bfbfbf),color-stop(50%,rgba(0,0,0,0)));background-image: -o-linear-gradient(left,#bfbfbf 0,#bfbfbf 50%,rgba(0,0,0,0) 50%);background-image: linear-gradient(90deg,#bfbfbf,#bfbfbf 50%,rgba(0,0,0,0) 0);}



.indexFour {margin-bottom: 1.2rem;}

.indexFour ul {display: flex; justify-content: space-between;}

.indexFour li {width: 25%; text-align: center; position: relative;}

.indexFour li::after {content: ""; position: absolute; right: 0; height: 100%; width: 1px; background: #efefef; top: 0;} 

.indexFour li .num {display: flex; align-items: center; justify-content: center; font-family: "DINRegular";font-size: 0.55rem;font-weight: 400;color: #000009;}

.indexFour li .unit {font-size: 0.44rem;}

.indexFour li:last-child::after {display: none;}



.indexFive {position: relative; overflow: hidden; padding-bottom: .2rem;}

.indexFive::after {content: "";background: #c20813; bottom: 0; height: 100%; position: absolute; left: 50%; top:auto; bottom: 0; transform: translate(-50%, 0%); width: 1300px; max-width: 92%; z-index: -1;}

.indexFive .tle {font-size: 0.55rem;  padding-bottom: 14%; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff;z-index: 3;font-weight: 700;}

.inFiveSwiper .swiper-slide {overflow: hidden;}

.inFiveSwiper .slide-inner {padding-top: 40%;}

.inFiveSwiper .con { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.inFiveSwiper .text {color: #fff;font-size: var(--font18); text-align: center; display: block; line-height: 1.8;}

.inFiveSwiper .swiper-pagination {bottom: 8%;}

.inFiveSwiper .swiper-pagination span {width: 0.16rem; height: 0.16rem; border: 1px solid #efefef; background: none; opacity: 1;}

.inFiveSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #fff;}

.indexFive .more {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 4;    margin-top: 8%;}



.indexSix {padding: 1.5rem 0;}

.indexSix .tleBox {display: flex; justify-content: space-between; align-items: flex-end;}

.indexSix .tle h3 {font-size: 0.55rem;font-weight: 700;color: #000000;}

.indexSix .tle i {margin-top: .1rem; display: inline-block;border-top-color: #C1030E; border-top-width: .08rem;border-top-style: solid;border-right: .06rem solid rgba(0,0,0,0);width: .54rem;height: 0;}

.indexSix .tleBox ul {display: flex;}

.indexSix .tleBox ul li {margin: .2rem .2rem 0 0;}

.indexSix .tleBox ul li a {width: 1.65rem; height: 0.5rem;  min-width: 100px;min-height: 35px; background: #e8e8e8; transition: .5s;color: #333333;}

.indexSix .tleBox ul li:hover a , .indexSix .tleBox ul li.on a {background: #c20813; color: #fff;}

.inSixSwiper {margin-top: .6rem; padding-bottom: .5rem;}

.inSixSwiper .swiper-slide {background: #f9f9f9; height: auto;}

.inSixSwiper .imgBox {overflow: hidden;}

.inSixSwiper .imgBox img {width: 100%; transition: .5s;}

.inSixSwiper .con {padding: .35rem .25rem;}

.inSixSwiper .con .time {color: #999999; font-size: var(--font15);font-family: Arial, Arial-Regular;}

.inSixSwiper .con h5 {color: #333333; font-size: var(--font20); font-weight: 600; margin-top: .15rem;}

.inSixSwiper .con .text {margin-top: .2rem;color: #666666;}

.inSixSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}

.inSixSwiper .swiper-slide:hover h5 {color: #C1030E;}

.inSixSwiper .swiper-pagination {bottom: 0;}

.inSixSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #C1030E;}





/* =====底部===== */

.footer {background: #282c31; position: relative; z-index: 1; padding-top: .5rem; padding-bottom: .3rem;}

.footer::after {width: 23%; height: 55%; content: ""; position: absolute; background: #c20813; bottom: 0; z-index: -1; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);clip-path: polygon(0 0, 0% 100%, 100% 100%);}

.foterLogo img {max-width: 100%;}

.footer .foterBox {display: flex; justify-content: space-between;}

.foterle .leOne {margin-top: .2rem;}

.foterle .leOne span {font-size: var(--font14);opacity: .5; display: block; color: #fff;}

.foterle .leOne a {font-weight: 700;color: #c0040c; font-size: var(--font30); font-family: "DINBold";}

.foterle dl {margin-top: .2rem;}

.foterle dl dd {display: flex; align-items: center;margin: .15rem 0;}

.foterle dl dd .icBox {margin-right: .1rem;}

.foterle dl dd .icBox img {max-width: 100%;}

.foterle dl dd p , .foterle dl dd p a {color: #FFFFFF;}

.foterle dl dd p a:hover {color: #c0040c;}

.foterlinks {display: flex;margin-top: .3rem;}

.foterlinks a {margin-right: .2rem; width: .46rem; height: .46rem; min-width: 40px; min-height: 40px; transition: .5s; background: rgba(117, 117, 117,.5);display: flex; align-items: center; justify-content: center; border-radius: 50%;}

.foterlinks a svg , .foterlinks a img {max-width: 50%;}

.foterlinks a svg path {fill: #fff; opacity: .5;}

.foterlinks a img {opacity: .5;}

.foterlinks a:hover {background: #808080;}

.foterlinks a:hover svg path {fill: #fff; opacity: 1;}

.foterlinks a:hover img {opacity: 1;}

.foternav {display: flex; justify-content: space-between; width: 40%;}

.foternav dl { margin-right: .2rem;}

.foternav dl:last-child {margin-right: 0;}

.foternav dl dt {position: relative; padding-bottom: .25rem; margin-bottom: .3rem;}

.foternav dl dt a {color: #FFFFFF; margin-bottom: .2rem;font-size: var(--font18); font-weight: 500;}

.foternav dl dt::after {content: "";width: 0.23rem; height: 0.04rem; background: #c20813;position: absolute; bottom: 0; left: 0;}

.foternav dl dd {margin: .16rem 0;}

.foternav dl dd a { color: rgba(255, 255, 255,.5);}

.foternav dl dd a:hover {color: #fff;}

.copyright {margin-top: 1.5rem;}

.copyright p , .copyright p a {color: rgba(255, 255, 255,.6); }

.copyright p a:hover {color: #fff;}

.copyright .copyPone {font-size: var(--font18);}

.copyright .copyPone a {color: #fff;}

.copyright .copyPone svg {margin-left: .1rem;}







/* =========================================================================================内页============================================================================ */

/* 内页banner */

.ny-banner {position: relative; overflow: hidden;}

.ny-banner .imgBox {overflow: hidden;}

.ny-banner .imgBox img {width: 100%;}

.ny-banner .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.ny-banner .con h2 {font-size: .78rem;color: #ffffff;   font-family: "AlimamaShuHeiTi"; font-weight: 700;}

.ny-banner .con .en {color: #ffffff;font-size: .78rem;font-weight: 200;}

.ny-banner .con #preloader-2 {margin-top: .5rem;}



/* 内页栏目导航 */

.nypagenav {border-bottom: 1px solid #E7E7E7;}

.nypagenav ul {display: flex; justify-content: center;}

.nypagenav ul li {padding: 0 5%; position: relative;}

.nypagenav ul li a {position: relative; font-size: var(--font18); color: #333333; display: block; padding: .35rem .15rem;}

.nypagenav ul li::after {content: ""; position: absolute; right: 0; top: 50%; transform: translate(-50%, -50%); height: 16%; width: 1px;background: #c3c3c3;}

.nypagenav ul li a::before {content: "";position: absolute; left: 0; bottom: 0; height: 1px; width: 0;background: #C1030E; transition: .5s;}

.nypagenav ul li:last-child::after {display: none;}

.nypagenav ul li a:hover,.nypagenav ul li.on a {color: #c0040c;}

.nypagenav ul li:hover a::before,.nypagenav ul li.on a::before {width: 100%;}



.about-banner .con {top: 60%;}



.aboutTle {text-align: center;}

.aboutTle h3 {font-size: 0.56rem;color: #222222; font-weight: normal;}

.aboutTle i {display: inline-block;width: 0.51rem; height: 0.05rem; background: #c1030e;border-radius: 0.03rem;}

.aboutTle .tleText p {color: #333; font-size: var(--font34);}

.aboutTle .tleText p span {color: #C1030E;}



.aboutOne {background: #f9f9f9; padding: 1.2rem 0 1rem 0rem; position: relative; overflow: hidden;}

.aboutOne .aboutTle {text-align: left;}

.aboutOne .le {width: 63%;}

.aboutOne .since {text-align: right;  position: relative; margin: .5rem 0; padding-right: .7rem;}

.aboutOne .since p {position: relative; display: inline-block;color: #333333;font-size: 0.79rem;font-weight: 300; font-family: "DINLight";}

.aboutOne .since p span:nth-child(2) {color: #C1030E;   font-family: "DINBold";}

.aboutOne .since p::before {content: "";position: absolute;right: 100vw;top: 50%; width: 100vw; background: #C1C1C1; height: 1px; margin-right: .3rem; transition: 2s;}

.aboutOne .since.on p::before {right: 100%;}

.aboutOne .le .disc {padding-right: .35rem; max-height: 4rem; overflow-y: auto;}

.aboutOne .le .disc p {color: #666666; text-align: justify; line-height: 1.8;}

.aboutOne .le .disc p:first-child {margin-top: 0;}

.aboutOne .le .disc p {margin-top: .3rem;}

.aboutOne .le .disc {scrollbar-width:thin;scrollbar-color:#C1030E #EAEAEA; overflow-y: auto; }

.aboutOne .le .disc::-webkit-scrollbar {width: 3px; border-radius:2px; height: 3px;}

.aboutOne .le .disc::-webkit-scrollbar-thumb {background: #C1030E; border-radius:2px;}

.aboutOne .le .disc::-webkit-scrollbar-track { background: #EAEAEA;border-radius:2px;}

.aboutOne .re {position: absolute; right: 0; bottom: 0; width: 40%;    height: 100%;}

.aboutOne .re .imgBox {transform: translateY(8%); display: flex;justify-content: flex-end; align-items: flex-end;  height: 100%; position: relative;}

.aboutOne .re .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain;}

.aboutOne .re .play_btn {position: absolute;display: block;top: 70%;left: 80%; width: .78rem;height: .78rem;min-width: 60px;min-height: 60px;transform: translate(-50%, -50%);}

.aboutOne .re .play_btn::before {animation: playbtnscale3 2s ease-out infinite; background: #C1030E; opacity: 0.5; animation-delay: 0;}

.aboutOne .re .play_btn::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border-radius: 50%; content: ''; z-index: -1;}

.aboutOne .re .play_btn::after { animation: playbtnscal4 2s ease-out infinite; background: #C1030E;opacity: 0.3;animation-delay: 0;}

.aboutOne .re .play_btn::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 24px;height: 24px; border-radius: 50%; content: ''; z-index: -1;}

.aboutOne .re .play_btn .icon {width: 100%; height: 100%; background: url(../images/play_button2.png) center/contain no-repeat;}

@keyframes playbtnscale3 {0% { transform: translate(-50%, -50%) scale(1); opacity: .8 }100% { transform: translate(-50%, -50%) scale(4.5); opacity: 0; }}

@keyframes playbtnscal4 {0% { transform: translate(-50%, -50%) scale(1); opacity: .8;} 100% {transform: translate(-50%, -50%) scale(6); opacity: 0; }}



.aboutTwo {padding: .7rem 0;background: #C1030E;position: relative; overflow: hidden;}

.aboutTwo .bjBox {position: absolute; z-index: 0; width: 100%; height: 100%; left:0; top: 100%; background: url(../images/aboutTwo-bj.jpg) no-repeat center; background-size: cover; transition: 1s;}

.aboutTwo .bjBox.on {top: 0;}

.aboutTwo ul {display: flex;}

.aboutTwo li {width: calc(100% / 4); text-align: center; position: relative;}

.aboutTwo li::after {content: ""; position: absolute; right: 0; height: 90%; width: 1px; background: #efefef; opacity: .3; top: 7%;}

.aboutTwo li:last-child::after {display: none;}

.aboutTwo li .num {font-size: 0.55rem; line-height: .55rem; font-family: "DINBold";font-weight: 700;color: #fff; display: flex; justify-content: center;}

.aboutTwo li .num .danw {font-size: 0.44rem; font-family: "PingFang SC"; font-weight: 400; }

.aboutTwo li .text {color: #fff; margin-top: .1rem; display: block;}



.aboutThre {background: url(../images/aboutThre-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}

.aboutThre .container {width: 1650px;}

.aboutThre .swiperBox {position: relative;}

.abThreSwiper { max-width: 85%; margin: auto;margin-top: .8rem; position: static;}

.abThreSwiper .swiper-slide { height: auto;background: rgba(255, 255, 255,.7);border-radius: 0.1rem; transition: background .5s;}

.abThreSwiper .swiper-slide {display: flex; align-items: center; text-align: center; justify-content: center;}

.abThreSwiper .con {padding: .5rem .3rem;}

.abThreSwiper h5 {font-size: var(--font30);color: #c1030e;font-weight: normal; margin: .2rem 0;}

.abThreSwiper .con span {color: #666666;display: block;}

.abThreSwiper .swiper-slide:hover {background: #c1030e;}

.abThreSwiper .swiper-slide:hover .icBox img {filter: brightness(100); -webkit-filter:brightness(100);}

.abThreSwiper .swiper-slide:hover h5 {color: #fff;}

.abThreSwiper .swiper-slide:hover .con span {color: #fff;
  }

.abThreSwiper .swjt {right: 0; background: rgba(44, 44, 44,.3);width: 0.56rem; border-radius: 50%; height: 0.56rem; min-width: 40px; min-height: 40px;transition: .5s;}

.abThreSwiper .swjt.swiper-button-prev {left: 0; right: auto; transform: rotate(180deg);}

.abThreSwiper .swjt:active {background: #FFF;}

.abThreSwiper .swjt:active svg path {fill: #c1030e;}

.abThreSwiper .swiper-pagination {bottom: -20%; display: none;}

.abThreSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #c1030e;}

@media (any-hover: hover) {

  .abThreSwiper .swjt:hover {background: #FFF;}

  .abThreSwiper .swjt:hover svg path {fill: #c1030e;}

}







.aboutFour {position: relative;padding-top: 1rem; padding-bottom: 0.6rem; overflow: hidden;}

.aboutFour .c-bg1, .aboutFour .c-bg2 {position: absolute;top: 0;left: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover;}

.aboutFour .c-bg2 {z-index: 5;transform: scale(1.1);}

.aboutFour .tle {position: relative; z-index: 10;}

.aboutFour .aboutTle h3 {color: #fff;}

.aboutFour .aboutTle i {background: #fff;}

.aboutFour .swiperBox1 {position: absolute;top: 50%;left: 0;width: 100%;z-index: 3; transform: translateY(-50%);}

.aboutFour .swiperBox1 .container {position: relative;}

.aboutFour .swiperBox1 .abfourSwiper1 .year {font-size: 3.73rem;opacity: 0.05;color: #fff;text-align: center;font-family: Arial, Arial-Bold;font-weight: 700;}

.aboutFour .swiperBox2 {position: relative; z-index: 8; color: #fff; text-align: center; min-height: 5rem;}

.aboutFour .swiperBox2 .abfourSwiper2 {padding: 1.5rem 0;}

.aboutFour .swiperBox2 .abfourSwiper2 p {font-size: var(--font24);color: #fff; position: relative;}

.aboutFour .swiperBox2 .abfourSwiper2 p span {position: relative; padding-left: .2rem;}

.aboutFour .swiperBox2 .abfourSwiper2 p span::before {content: ""; width: .12rem; height: .12rem; border-radius: 50%; background: #fff; position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%);}

.aboutFour .c-arrow {position: absolute;top: 50%;left: 50%;z-index: 100;display: flex; align-items: center;justify-content: center;bottom: 1.2rem;width: 60px;height: 60px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); opacity: 1;transition: transform 0.4s;color: #fff; transform: scale(0); cursor: pointer;}

.aboutFour .c-arrow.on {transform: scale(1);}

.aboutFour .c-arrow.on2 img, .aboutFour .c-arrow.on2 svg { transform: rotate(180deg);}

.aboutFour .c-arrow img, .aboutFour .c-arrow svg {width: 40%;height: 40%;}

.aboutFour .c-arrow img path, .aboutFour .c-arrow svg path { fill: #fff; transition: all 0.4s;}

@media (max-width: 767px) {.aboutFour .c-arrow {display: none;}}

.aboutFour .swiperBox3 {position: relative;z-index: 8;color: #fff; text-align: center;}

.aboutFour .swiperBox3 .abfourSwiper3::before {content: "";position: absolute;top: 12px;left: 0; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2);}

.aboutFour .swiperBox3 .swiper-slide {display: flex; flex-wrap: wrap;align-content: space-between;height: 70px;cursor: pointer;}

.aboutFour .swiperBox3 .c-dot {margin: 0 auto; display: flex;align-items: center;justify-content: center;width: 26px;height: 26px; border: 2px solid transparent;border-radius: 50%;position: relative; transition: all 0.4s;}

.aboutFour .swiperBox3 .c-dot::before {content: "";width: 10px;height: 10px; border-radius: 50%;background-color: #fff;}

.aboutFour .swiperBox3 .syear {width: 100%;transition: all 0.4s;line-height: 1;opacity: 0.3; font-size: var(--font20);}

.aboutFour .swiperBox3 .swiper-slide-thumb-active .c-dot {border-color: #fff;}

.aboutFour .swiperBox3 .swiper-slide-thumb-active .syear {opacity: 1;font-size: var(--font24);}



.aboutFive {padding: 1rem 0 .6rem 0;}

.aboutFive .tle .tleText {width: 70%; margin: auto;margin-top: .3rem; text-align: center;color: #666666;line-height: 1.8;}

.abFiveSwiper1 {margin: .4rem 0;}

.abFiveSwiper1 .swiper-wrapper {justify-content: center;}

.abFiveSwiper1 .swiper-slide {width: 118px;height: 49px;border-radius: 26px; margin-right: .45rem; cursor: pointer; } 

.abFiveSwiper1 .swiper-slide a {display: flex; align-items: center;border-radius: 26px; justify-content: center; width: 100%; height: 100%;border: 1px solid #ada9a9;font-size: var(--font18);color: #666666; transition: .5s; }

.abFiveSwiper1 .swiper-slide:nth-child(2) {margin-right: 0;}

.abFiveSwiper1 .swiper-slide-thumb-active a {background: #c1030e; border-color: #c0040c; color: #fff;}

.abFiveSwiper3 {padding: 20px; padding-bottom: 5%;}

.abFiveSwiper3 .swiper-slide .imgBox {display: flex; align-items: center; justify-content: center; height: 120px; padding: .1rem; box-sizing: border-box; background: #ffffff; border-radius: 0.1rem; box-shadow: 0rem 0rem 0.13rem 0rem rgba(156,156,156,0.11); }

.abFiveSwiper3 .swiper-slide .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain;}



.aboutFive .swiperBox2 {position: relative;}

.abFiveSwiper3 .swiper-pagination {bottom: 0; }

.abFiveSwiper3 .swiper-pagination span {background: #c8c8c8; opacity: 1;}

.abFiveSwiper3 .swiper-pagination .swiper-pagination-bullet-active {background: #c1030e;}



.aboutSix {background: url(../images/aboutSix-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0;}

.aboutSix .container {width: 1650px;}

.aboutSix .swiperBox {position: relative;}

.abSixSwiper1 {margin: .4rem 0;}
.abSixSwiper1 .swiper-wrapper {justify-content: center;}
.abSixSwiper1 .swiper-slide {width: 118px;height: 49px;border-radius: 26px; margin-right: .45rem; cursor: pointer;} 
.abSixSwiper1 .swiper-slide a {display: flex; align-items: center;border-radius: 26px; justify-content: center; width: 100%; height: 100%;border: 1px solid #ada9a9;font-size: var(--font18);color: #666666; transition: .5s; }
.abSixSwiper1 .swiper-slide:nth-child(2) {margin-right: 0;}
.abSixSwiper1 .swiper-slide-thumb-active a {background: #c1030e; border-color: #c0040c; color: #fff;}

.abSixSwiper { max-width: 85%; margin: auto;margin-top: .8rem; position: static;}

/* .abSixSwiper .swiper-slide {pointer-events:auto !important;} */

.aboutSix .swiper-fade .swiper-slide.swiper-slide {pointer-events:auto;}

.aboutSix .swiper-fade .swiper-slide {pointer-events:auto;}


.abSixSwiper .imgBox {display: block; overflow: hidden;}

.abSixSwiper .imgBox img {width: 100%; transition: .5s;}

.abSixSwiper .imgBox::after {content: ""; left: 0; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0,.5) url(../images/fdj-icon2.png) no-repeat center;transition: .5s;opacity: 0;}

.abSixSwiper .imgBox:hover::after {opacity: 1;}

.abSixSwiper .imgBox:hover img {transform: scale(1.1);}

.abSixSwiper .swjt {right: 0; background: rgba(44, 44, 44,.3);width: 0.56rem; border-radius: 50%; height: 0.56rem; min-width: 40px; min-height: 40px;transition: .5s;}

.abSixSwiper .swjt.swiper-button-prev {left: 0; right: auto; transform: rotate(180deg);}

.abSixSwiper .swjt:active {background: #FFF;}

.abSixSwiper .swjt:active svg path {fill: #c1030e;}

.abSixSwiper .swiper-pagination {bottom: -20%; display: none;}

.abSixSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #c1030e;}
@media (any-hover: hover) {
  .abSixSwiper .swjt:hover:hover {background: #FFF;}
  .abSixSwiper .swjt:hover svg path {fill: #c1030e;}

}
.aboutadd {margin: 0.8rem 0;}
.aboutadd-con {display: flex;justify-content: space-between;margin-top: 0.4rem;}
.aboutadd-con div {width: 32%; overflow: hidden;}
.aboutadd-con div img {width: 100%; transition: all 0.5s;}
.aboutadd-con div:hover img { transform: scale(1.1);}
.aboutadd .aboutTle p {width: 60%; margin: 0 auto; margin-top: 0.3rem;}
/* 工厂设备 */
.honorlist {padding: 1rem 0;}
.honorlist ul {display: grid; grid-template-columns: repeat(4,1fr);gap: .45rem;}
.honorlist li {background: #fff;box-shadow: -0.03rem 0.04rem 0.15rem 0rem rgba(0,0,0,0.05); }
.honorlist li a {display: block; width: 100%; padding: .4rem 0;}
.honorlist li .imgBox {padding:.1rem; overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative;}
.honorlist li .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.honorlist li .imgBox i {font-style: normal;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0); z-index: 1; opacity: 0; transition: all 0.4s;}
.honorlist li .imgBox i {min-width: 40px;min-height: 40px;width: 0.6rem;height: 0.6rem; background: #c1030e; border-radius: 0.1rem;box-shadow: 0.03rem 0.09rem 0.5rem 0rem rgba(0,0,0,0.38);}
.honorlist li:hover .imgBox i {opacity: 1;transform: translate(-50%,-50%) scale(1);}
.honorlist li .text {font-size: var(--font20);font-weight: 500;color: #4f4f4f;margin-top: .3rem; text-align: center;}
.honorlist li:hover h6 {color: #0A6FB7;}
@media screen and (min-width: 200px) and (max-width: 1300px){
.honorlist ul {grid-template-columns: repeat(3,1fr);}
}
@media screen and (min-width: 200px) and (max-width: 767px){
.honorlist ul {grid-template-columns: repeat(2,1fr);}
}



/* ======产品中心====== */

.ny-banner2 .tle {text-align: center;}

.ny-banner2 .text {width: 70%; margin: auto; padding-top: .5rem;color: #ffffff; line-height: 1.8; font-size: var(--font18);}

.ny-banner2 #preloader-2 span {left: 48%;}



.peolistBox {display: flex; background: #fff;}

.prolistnav {width: 16%;background: #f6f6f6;} 

.prolistnav ul {padding-top: .7rem;position: sticky; top: 1rem;}

.prolistnav li {margin: .15rem 0;}

.prolistnav li a {width: 80%;margin: auto; height: 0.51rem; min-height: 45px;border-radius: 26px; display: flex; align-items: center; justify-content: center; transition: .5s;}

.prolistnav li:hover a , .prolistnav li.on a {background: #ffffff;box-shadow: 0rem 0rem 0.18rem 0rem rgba(0,0,0,0.06); font-size: var(--font20);color: #c20813; font-weight: 700;}

.peolistBox .prolist {padding: .8rem 10% 10% 5%; width: 84%; box-sizing: border-box;}

.prolist .tit {display: flex; align-items: center;}

.prolist .tit img {max-width: .5rem;}

.prolist .tit h3 {font-size: var(--font48);color: #333333; margin-left: .25rem;}

.prolist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; margin-top: .7rem; }

.prolist ul li {text-align: center; background: #ffffff;border-radius: 0.2rem;box-shadow: 0rem 0rem 0.38rem 0rem rgba(0,0,0,0.06); padding: .4rem; box-sizing: border-box; transition: .5s;}

.prolist ul li h5 {font-size: var(--font28);color: #333333;font-weight: normal;}

.prolist ul li span {color: #666666; display: block; margin-top: 5px;}

.prolist ul li .imgBox {height: 200px; display: flex; align-items: center; justify-content: center; margin-top: .2rem;}

.prolist ul li .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; transition: .4s;}

.prolist ul li .more {width: 108px;height: 45px;border-radius: 23px; margin: auto; color: #C1030E; transition: .5s; line-height: 1; margin-top: .2rem;font-weight: normal;}

.prolist ul li .more svg {width: 16px; margin-left: 8px;}

.prolist ul li:hover {background: #f6f6f6; box-shadow: none;}

.prolist ul li:hover h5 {color: #c0040c;}

.prolist ul li:hover .more {background: #c1030e;color: #fff;}

.prolist ul li:hover .more svg path {fill: #fff;}

.prolist ul li:hover .imgBox img {transform: scale(1.03);}



/* 产品详情 */

.mbx {display: flex; flex-wrap: wrap; align-items: center;color: #666666;}

.mbx img {margin-right: .1rem; margin-bottom: .05rem;}

.mbx a {margin: 0 .1rem;}

.mbx a:hover {color: #C1030E;}



.dateTwo {background: url(../images/prodate-bj.jpg) no-repeat center; background-size: cover; padding: .5rem 0 .9rem 0;}

.dateTwo .box {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem;}

.dateTwo .imgBox {width: 40%; height: 4.92rem; background: #ffffff; border-radius: 0.2rem; box-shadow: 0rem 0rem 0.4rem 0rem rgba(3,0,0,0.05); padding: .6rem;}

.dateTwo .imgBox img {max-width: 100%;}

.dateTwo .con {width: 54%;}

.dateTwo .con h3 {font-size:var(--font46);font-weight: 600;color: #333333;}

.dateTwo .disc {margin-top: .3rem;}

.dateTwo .disc em {color: #C0020D; font-size: var(--font20);margin-bottom: .1rem; display: block;font-weight: 600;}

.dateTwo .disc .text p {color: #444444; margin: .1rem 0; font-size: var(--font18);}

.dateTwo .con .more {margin-top: .5rem;;}

.dateTwo .con .more a {z-index: 0; height: 100%; position: relative; overflow: hidden;  width: 1.7rem; height: .55rem; min-width: 120px; min-height: 32px; background: #C1030E; border-radius: 3px; text-align: center; color: #fff; }

.dateTwo .con .more a:before {content: "";position: absolute;width: 0;height: 100%;left: 50%;top: 0;z-index: -1;opacity: 2;transition: all 0.4s;}

.dateTwo .con .more a:before {background: #cf565c;}

.dateTwo .con .more a:hover:before{width: 100%;left: 0;opacity: 1;}



.dateThree {padding: 1rem 0 1.2rem 0;}

.dateThree .box {display: flex; justify-content: space-between; align-items: flex-start;}

.dateThree .box .le {width: 67%;}

.dateThree .box .re {width: 24%; position: sticky; top: 1.3rem;}

.dateThree .tle {padding-bottom: .3rem; border-bottom: 1px solid #DDDDDD;}

.dateThree .tle h3 {font-size: var(--font36);color: #333333; position: relative; padding-left: .3rem; font-weight: 600; line-height: 1;}

.dateThree .tle h3::before {content: ""; height: 100%;width: 0.14rem;background: #C1030E; position: absolute; left: 0; bottom: 0%;}

.dateThree .infoCon {margin:.2rem 0; overflow: hidden;}

.dateThree .infoCon img {max-width: 100%;}

.dateThree .re .tle {padding: 0; border: 0;}

.dateThree .re ul {margin-top: .5rem;}

.dateThree .re ul li {background: #ffffff; border-radius: 10px; margin-top: .35rem; box-shadow: 0rem 0rem 0.2rem 0rem rgba(82,82,82,0.07); }

.dateThree .re ul li a {display: flex;align-items: center; justify-content: space-between; padding: .3rem .15rem; box-sizing: border-box;}

.dateThree .re ul li .imgBox {width: 50%; display: flex; align-items: center; justify-content: center;}

.dateThree .re ul li .imgBox img {max-width: 100%;}

.dateThree .re ul li .recon {width: 40%;}

.dateThree .re ul li h6 {color: #333333; font-size: var(--font20); transition: .35s; font-weight: 700;}

.dateThree .re ul li span {color: #C1030E; font-size: var(--font14); margin-top: .35rem; display: block;}

.dateThree .re ul li:hover h6 {color: #C1030E;}



/* =====解决方案===== */

.solulist {padding: 1rem 0;}

.solulist li {position: relative; z-index: 1; padding: .45rem .7rem; box-sizing: border-box; background: #ffffff;border-radius: 0.2rem;box-shadow: 0rem 0rem 0.57rem 0rem rgba(3,0,0,0.07); margin-bottom: .6rem;}

.solulist li a {display: flex; justify-content: space-between;}

.solulist li .con {width: 45%; margin-top: .5rem;}

.solulist li h5 {font-size: var(--font32);color: #333333; padding-bottom: .25rem; position: relative;}

.solulist li h5::after {content: ""; position: absolute; left: 0; bottom: 0; width: 0.46rem;height: 0.06rem;background: #c1030e;border-radius: 0.03rem;}

.solulist li p {color: #666666;line-height: 1.8; margin-top: .4rem;}

.solulist li .more {color: #c1030e; margin-top: .55rem;}

.solulist li .imgBox {width: 42.5%; overflow: hidden;border-radius: 0.1rem;}

.solulist li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}

.solulist li:hover .imgBox img {transform: scale(1.1);}



/* 解决方案详情 */

.soluDateMain .container {width: 1280px;    max-width: 75%;}



/*======新闻中心===== */

.newsMain {margin-bottom: 1.2rem;}

.newsinfo {margin-top: 1rem;}

.newsinfoSwiper {background: #F6F6F6;}

.newsinfoSwiper .swiper-slide a {display: flex; align-items: center;}

.newsinfoSwiper .imgBox {width: 54%; overflow: hidden;}

.newsinfoSwiper .imgBox img {width: 100%; min-height: 4.5rem; transition: .5s; object-fit: cover;}

.newsinfoSwiper .con {width: 46%;padding: .2rem .6rem; box-sizing: border-box;}

.newsinfoSwiper .time {color: #999999;font-family: Arial, Arial-Regular;font-weight: 400; }

.newsinfoSwiper h5 {font-size: var(--font24);font-weight: 400;color: #333333; margin-top: .1rem;}

.newsinfoSwiper .con p {color: #666666;margin-top: .3rem; line-height: 1.7;}

.newsinfoSwiper .more {margin-top: .6rem;color: #C10610; display: flex; align-items: center;}

.newsinfoSwiper .more svg {width: 14px; margin-left: .1rem;}

.newsinfoSwiper .swjt {left: auto; right: .5rem; top: auto; bottom: .5rem; width: 0.48rem; height: 0.48rem; min-width: 38px;min-height: 38px; background: rgba(0, 21, 38,.2);  border-radius: 50%; transition: .5s;}

.newsinfoSwiper .swjt.swiper-button-prev {transform: rotate(180deg) translateX(100%); margin-right: 7px;}

.newsinfoSwiper .swjt svg {max-width: 45%;}

.newsinfoSwiper .swjt:hover {background: #C10610;}

.newsinfoSwiper .swjt:hover svg path {fill: #fff;}

.newsinfoSwiper .swiper-slide:hover h5 {color: #C10610;}



.newslist {margin-top: .7rem;}

.newslist ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .3rem;}

.newslist li {background: #f9f9f9;}

.newslist li .con {padding: .35rem .25rem;}

.newslist li .time {font-family: Arial, Arial-Regular;font-weight: 400;color: #999999; font-size: var(--font15);}

.newslist li .imgBox {overflow: hidden;}

.newslist li .imgBox img {width: 100%; transition: .5s;}

.newslist li h5 {margin-top: .1rem;color: #333333; font-size: var(--font20);color: #333333; font-weight: 600;}

.newslist li p {margin-top: .2rem;color: #666666; line-height: 1.7;}

.newslist li:hover .imgBox img {transform: scale(1.1);}

.newslist li:hover h5 {color: #C10610;}



/* 新闻详情 */

.newsDateMain {background: #f9f9f9;}

.newsDateMain .container {width: 1280px;    max-width: 75%;}

.newsDate {margin-bottom: 1rem;}

.newsDate .mbx {color: #666666; margin-top: .5rem;} 

.newsDate .box {margin-top: 1rem; display: flex; justify-content: space-between; align-items: flex-start;}

.newsDate .box .left {width: 80%; flex-shrink: 0;}

.newsDate .title {padding-bottom: .4rem; border-bottom: 1px solid #DEDEDE;}

.newsDate .title .time {color: #333333; font-size: var(--font20);}

.newsDate .title strong {font-weight: 700;color: #333333; margin-top: .3rem; font-size: var(--font40); display: block;}

.newsDate .editbox {padding: .3rem 0;}

.newsPage {display: flex; align-items: center; justify-content: space-between;border-top: 1px solid #DEDEDE; padding-top: .5rem;}

.newsPage a {display: flex; align-items: center;}

.newsPage a .icBox {display: flex;}

.newsPage a span {color: #999999; font-size: var(--font14); margin-left: 10px;}

.newsPage a.next span {margin-left: 0; margin-right: 10px;}

.newsPage a.prev svg {transform: rotate(-180deg);}

.newsPage a:hover span {color: #C10610;}

.newsPage a:hover svg path {fill: #C10610;}

/* .newsDate .right {position: sticky; top: 1rem;}
.newsDate .right .linksBox {width: 100px; background: #f0f0f2; margin-top: .3rem; padding: .3rem 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.newsDate .right .linksBox .tit {color: #b4b4bd;}
.newsDate .right ul li {margin-top: .25rem;}
.newsDate .right ul li a {width: 30px; height: 30px; border-radius: 5px; display: flex; align-items: center; justify-content: center; background: #aeaeaf; transition: .5s;}
.newsDate .right ul li svg {max-width: 100%;}
.newsDate .right ul li svg path {fill: #fff;}
.newsDate .right ul li:hover a {background: #fff;}
.newsDate .right ul li:nth-child(1):hover a {background: #333;}
.newsDate .right ul li:hover svg path {fill: revert-layer;} */
.newsDate .right {position: sticky; top: 1rem;}
.newsDate .right .linksBox {width: 100px; background: #f0f0f2; margin-top: .3rem; padding: .3rem 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.newsDate .right .linksBox .tit {color: #b4b4bd;}
.newsDate .right ul li {margin-top: .25rem;}
.newsDate .right ul li a {width: 30px; height: 30px; border-radius: 5px; display: flex; align-items: center; justify-content: center; background: #fff; transition: .5s;}
.newsDate .right ul li svg {max-width: 100%; width: 18px;}
.newsDate .right ul li svg path {fill: #666;}
.newsDate .right ul li:nth-child(2) svg {width: 20px;}
/* .newsDate .right ul li:hover a {background: #fff;} */
.newsDate .right ul li:nth-child(1):hover a {background: #333;}
.newsDate .right ul li:hover svg path {fill: revert-layer;}
.newsDate .right ul li {position: relative;}
.newsDate .right ul li .hidecode {padding: 5px; box-sizing: border-box; position: absolute; display: none; position: absolute;width: 1.5rem;left: 50%;transform: translate(-50%, 110%);top: auto;bottom: 0;z-index: 1;    box-shadow: 0 2px 10px #aaa; background: #fff;}
.newsDate .right ul li .hidecode::after {content: ""; -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: #fff;  position: absolute;   left: 50%;transform: translate(-50%, -90%);top: 0;width: 15px;height: 10px;background: #fff;}
.newsDate .right ul li .hidecode img {max-width: 100%;}
.newsDate .right ul li:hover .hidecode {display: block;}
.newsDate .right ul li:active .hidecode {display: block;}




.newsInfo {background: #fff; padding: .7rem 0 1rem 0;}

.newsInfo .tit {margin: auto;  font-size: var(--font36);color: #333333;font-weight: 700;}

.newsInfo .swiperBox {position: relative;}

.newsDateSwiper {position: static; margin: auto; margin-top: .4rem;}

.newsDateSwiper .swiper-slide {height: auto; background: #f9f9f9;}

.newsDateSwiper .imgBox {overflow: hidden;}

.newsDateSwiper .imgBox img {width: 100%; transition: .5s;}

.newsDateSwiper .time {font-family: Arial, Arial-Regular;font-weight: 400;color: #999999; font-size: var(--font15);}

.newsDateSwiper .con {padding: .35rem .25rem;}

.newsDateSwiper .con h5 {margin-top: .1rem;color: #333333; font-size: var(--font20);color: #333333; font-weight: 600;}

.newsDateSwiper .con p {margin-top: .2rem;color: #666666; line-height: 1.7;}

.newsDateSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}

.newsDateSwiper .swiper-slide:hover .con h5 {color: #C10610;}

.newsDateSwiper .swjt {width: 0.5rem; height: 0.5rem;border: 1px solid #cccccc; border-radius: 50%; transition: .5s; right: -6%;}

.newsDateSwiper .swjt svg {max-width: 70%;}

.newsDateSwiper .swjt.swiper-button-prev {transform: rotate(180deg); left: -6%;} 

.newsDateSwiper .swjt:hover {background: #C10610; border-color: #C10610;}

.newsDateSwiper .swjt:hover path {fill: #fff;}



/* ======投资者关系===== */

.investorOne {padding: .8rem 0 1rem 0;}

.investorOne .swiperBox {position: relative; margin-top: .7rem;}

.investorOne .swiperBox::after {content: ""; position: absolute; width: 100%; height: 1px; bottom: 1px; left: 0; background:#DADADA;}

.investorOne .swiperBox .swjt {right: -2%; display: none;}

.investorOne .swiperBox .swjt img { filter: brightness(0); -webkit-filter:brightness(0);}

.investorOne .swiperBox .swiper-button-prev {transform: rotate(-90deg); left: -2%;}

.investorOne .swiperBox .swiper-button-next {transform: rotate(90deg);}

.instorOneSwiper .swiper-slide {text-align: center; width: auto;}

.instorOneSwiper .swiper-slide a {display: block; white-space: nowrap; color: #333;font-weight: 400; margin-left: .3rem; position: relative; font-size: var(--font18); padding: 0 .2rem; padding-bottom: .35rem;}

.instorOneSwiper .swiper-slide a::after {content: ""; position: absolute; width: 0; left: 0; height: 4px;background: #C10610; border-radius: 2px; bottom: 0; transition: .5s;}

.instorOneSwiper .swiper-slide.swiper-slide-thumb-active a {color: #C10610;}

.instorOneSwiper .swiper-slide.swiper-slide-thumb-active a::after {width: 100%;}



.investorOne .swiperBox2 { margin: auto;margin-top: .7rem;}

.instorOneSwiper2 {padding: .2rem .2rem;}

.instorOneSwiper2 ul {display: grid; grid-template-columns: repeat(4,1fr);gap: .55rem;}

.instorOneSwiper2 ul li {padding: .7rem .35rem; padding-bottom: 1.2rem; background: #ffffff;box-shadow: 0rem 0rem 0.16rem 0rem rgba(3,0,0,0.05); position: relative; transition: .5s;}

.instorOneSwiper2 ul li::after {content: ""; position: absolute; height: 0.07rem;background: #c1030e;width: 100%; left: 0; bottom: 0;}

.instorOneSwiper2 li .time {color: #c1030e;}

.instorOneSwiper2 li h5 {color: #333333;font-size: var(--font20); margin-top: .1rem;}

.instorOneSwiper2 li .more {display: flex; align-items: center; margin-top: .6rem;color: #c1030e;}

.instorOneSwiper2 li .more img {margin-right: .1rem;}

@media (any-hover: hover) {

  .instorOneSwiper2 ul li:hover {transform: translateY(-.1rem); box-shadow: none;}

}



.investorTwo {background: #fafafa; padding: .7rem 0 1rem 0;}

.investorTwo ul {display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: .6rem;}

.investorTwo ul li {background: #ffffff; padding:.3rem .4rem; box-sizing: border-box;width: 48.5%;display: flex; align-items: center; transition: .35s; margin-bottom: .25rem;}

.investorTwo ul li a {width: 100%; color: #333333;font-weight: 400; }

.investorTwo ul li:hover {background: #E9E9E9;}

.investorTwo ul li .look img {margin-right: .1rem;}

.investorTwo ul li .tle {margin: .1rem .2rem; width: 35%;}



.investorThre {background: url(../images/investorThre-bj.jpg) no-repeat center; background-size: cover; padding: 1rem 0; overflow: hidden; position: relative; z-index: 1;}

.investorThre::after {content: ""; width: 0; z-index: -1; height: 100%; position: absolute; left: 0; top: 0; background:linear-gradient(90deg,#c1030e 40%,rgba(255, 255, 255,0));  transition: 2s;}

.investorThre.on::after {width: 70%;}

.investorThre .aboutTle {text-align: left;}

.investorThre .aboutTle h3 {color: #fff;}

.investorThre dl {margin-top: .5rem;}

.investorThre dl dd {display: flex; align-items: center; margin: .2rem 0;}

.investorThre dl dd .icBox {width: 28px; margin-right: .2rem;}

.investorThre dl dd p , .investorThre dl dd p a {color: #ffffff; font-size: var(--font22);font-weight: normal;}

.investorThre dl dd p a:hover {color: #000000;}

.investorThre .more {margin-top: .6rem;}

.investorThre .more a {width: 1.76rem;height: 0.55rem; min-width: 120px; min-height: 40px;  background: #ffffff;border-radius: 28px;}

.investorThre .more a img {filter: brightness(0); -webkit-filter:brightness(0); margin-right: .1rem;}

.investorThre .more a:hover img {filter: none; -webkit-filter:none}

.investorThre .more a:hover {color: #c1030e;}



/* =====联系我们===== */

.contact {padding: 1rem 0;}

.contact ul {margin-top: .8rem; display: flex; flex-wrap: wrap; justify-content: space-between;}

.contact li {border: 1px solid #e0e0e0; border-radius: 0.2rem; width: 31%; padding: .7rem .3rem; text-align: center;}

.contact li .icBox {width: 1.06rem; height: 1.06rem;border: 0.02rem solid #000000; border-radius: 50%; margin: auto;}

.contact li .icBox img {max-width: 50%;}

.contact li h5 {font-size: var(--font24);color: #333333; margin: .2rem 0; font-weight: 600;}

.contact li .p1 {color: #c1030e;}

.contact li .p2 {color: #222222; font-size: var(--font18); margin-top: .1rem;}

.contact li .more {display: flex;justify-content: center; margin-top: .6rem;}

.contact li .more a {width: 1.47rem;height: 0.54rem; min-width: 125px; min-height: 40px; background: #c1030e; border: 1px solid #c1030e; border-radius: 28px; color: #fff; transition: .5s;}

.contact li .more a img {filter: brightness(100); -webkit-filter:brightness(100); margin-right: 6px;}

.contact li .more a:hover {background: none; color: #c1030e;}

.contact li .more a:hover img {filter: none; -webkit-filter:none; }

.contact li .p3 {color: #666666;}

.contact li dl {margin-top: .6rem;}

.contact li dd {margin: .2rem 0; display: flex; align-items: center; justify-content: center;font-style: italic;color: #222222; font-size: var(--font18);}

.contact li dd a {color: #C1030E;}

.contact li dd svg {margin-left: 10px; transition: .5s;}

.contact li dd a:hover ~ svg {transform: rotate(45deg);}



.foternav dl:nth-child(3),.foternav dl:last-child{display: none}