@charset "utf-8";
html{scroll-behavior: smooth;}
body{ overflow-x:hidden;}
body{ color:#757575; height:auto; box-sizing:border-box; font-size:16px; line-height: 1.4; padding-top:0;}
.embody{position: relative;height: 100%; width: 100%; overflow: hidden; padding-top:0; box-sizing: border-box;}
.user-select{-moz-user-select: none; /*火狐*/
-webkit-user-select: none;  /*webkit浏览器*/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;}
a{ color:#757575; text-decoration:none;}
a:hover{ text-decoration:none; color:#E20000;}
i,em{ font-style:normal;}
.fNav .h3 span,
.fNav .h3 i,
.menu .h3 span,
.menu .h3 i{
font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}
.menu,
.menu .h3 a,
.header .wp,
.logo img{
transition: all 0.3s ease-out;
}
.ddddddddd{ transform:scale(1.05,1.05);}
.videoAD{ position: fixed; left:0; top:0; right:0; bottom:0; background: #000; z-index: 9999; overflow: hidden; cursor: pointer;}
.videoAD video{ width: 100vw; height: 100vh; object-fit: cover;}
.videoClose{position: absolute; left: 50%; bottom:30px; font-size: 18px; width: 2em; height: 2em; line-height: 2em; text-align: center; color: #E20000; background: #fff; border-radius: 50%; text-align: center; transform: translateX(-50%);}
/*淡入 向上 循环*/
.FmovefadeInDown,
.pageNext:before{animation:FmovefadeInDown 1.5s infinite ease both;}
@keyframes FmovefadeInDown{0%{opacity:0;transform:translateY(-10px)}90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(15px)}}
.FmovefadeInUp{animation:FmovefadeInUp 1.5s infinite ease both;}
@keyframes FmovefadeInUp{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.Frotation360{animation:Frotation360 2s linear infinite;}
@keyframes Frotation360 {from{transform:rotate(0)}to{transform:rotate(360deg)}}
.FpulseSlow{animation:FpulseSlow infinite alternate 1s ease-in-out;}
@keyframes FpulseSlow {0% {transform:scale(1);opacity:1;}100%{transform:scale(0.9);opacity:0.5;}}
.lightSpeedIn{animation:lightSpeedIn infinite alternate 3s ease-in-out;}
@keyframes lightSpeedIn{0%{transform:skewX(-10deg);}60%{transform:skewX(10deg);}90%{transform:skewX(-5deg);}100%{transform:none;}}
.menu-link { display:none; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:7px; transition: all 0.2s ease-out;}
.menu-link em{ position:absolute; z-index:3; right:100%; top:50%; text-transform:uppercase; height:40px; line-height:40px; margin-top:-20px; font-size:16px; color:#000; display: none;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #fff;width: 100%;height:2px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -8px;content: " ";}
.menu-link span:after {top:8px;}
/*.menu-link.active{ background:#E20000; border-radius: 50%;}*/
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#fff; transform: rotate(45deg); top:0;}
.menu-link.active span:after { background-color:#fff; transform: rotate(-45deg); top:0;}
.menu-link.active em{ display:none;}
.wp{ position: relative; margin: 0 96px; box-sizing: border-box;}
.header{ position:fixed; left:0px; top:40px; right:0px; z-index:999; padding:0 40px; transition: 0.3s all;}
.header .wpd{ transition: 0.3s background; background: rgba(0,0,0,0.5); border-radius: 12px;}
.pbody_fix .header{ background:rgba(0,0,0,1); top: 0;}
.logo{ position:absolute; top:50%; margin-top:-0.5em; font-size:70px; line-height: 1; z-index: 4; left:0;}
.logo img{ height:1em; width:auto; display: block;}
.tLanguage{ position: absolute; top: 50%; margin-top: -16px; right:190px; padding:0; z-index: 3;}
.tLanguage .i{ width: 1em; height: 1em; line-height: 1em; border-radius: 50%; font-size:32px; color: #fff; text-align: center; cursor: pointer;}
.tLanguage.active .i:before{ content:"\e80c";}
.tLanguage .box{ position: absolute; top: 100px; opacity:0; transform: translateY(-10px); pointer-events: none; transition: 0.4s all;  padding:10px 0; transition-delay: 0.2s; width: 6em; text-align: center; margin-left: -3em; left: 50%;}
.tLanguage .box a{ font-size: 14px; color: #979797; line-height: 1.4; display: block; text-align: center;}
.tLanguage .box a:hover{ color: #E20000;}
.tNav{ position: absolute; top: 50%; transform: translateY(-50%); right:0px; padding:0; z-index: 3;}
.tNav .box a{ height: 32px; line-height: 32px; font-size: 16px; background: #E20000; color: #fff; display: flex; border-radius: 4px; width: 172px; justify-content: center; align-items: center; transition: 0.3s all;}
.tNav .box a span{ font-size: 14px; font-family: 'KronaOne-Regular'; line-height: 1;}
.tNav .box a i{ font-size: 18px; margin-left: 0.5em; line-height: 1;}
.tNav .box a:hover{ transform: translateX(5px);}
.tNav .i{ display: none; width: 1em; height: 1em; line-height: 1em; border-radius: 50%; font-size:32px; color: #fff; text-align: center; cursor: pointer;}
.tNav.active .i{}
.tNav li:hover .c{ display: block; text-align: center;}
.menu{ text-align: right; margin: 0 240px 0 220px; position: relative; padding:0; z-index: 3;}
.menu ul{ display: flex; justify-content: flex-end;}
.menu li{ float: left; position: relative; margin: 0 50px;}
.menu .h3{ position: relative;}
.menu .h3 a{ display: block; color: #fff; height:88px; line-height:88px; font-size: 18px; font-weight: bold;  position: relative; text-transform: uppercase;  transition: 0.4s all;}
.menu .h3 a:after{ content:''; position: absolute;  width:0; height: 3px; background: #E20000; left: 50%; transform: translateX(0%); bottom:0; transition: 0.4s all; opacity: 0;}
.menu li:last-child .h3 a:before{ display: none;}
.menu .h3 strong{ font-weight:normal;}
.menu .h3 span{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; margin-right:-10px;}
.menu .h3 span:before{ content: "\e604";}
.menu .h3 span.active:before { content: "\e606";}
.menu .h3 i{ display:none; position:absolute; right:30px; top:50%; margin-top:-20px; font-size: 16px; width:40px; height:40px; text-align:center; line-height:40px; margin-right:-10px;}
.menu .h3 i:before { content:"\e8e9";}
.menu .box{ position: absolute; top: 100%; left: 50%; width: 160px; margin-left: -80px;  padding-top: 0px; visibility: hidden; opacity: 0; transform: translateY(10px); pointer-events: none; transition: 0.3s all;  padding:10px 0 0 0;}
.menu .box .npd{background: rgba(226,0,0,0.8); border-radius: 12px; box-shadow: 0 3px 5px rgba(0,0,0,0.2); box-sizing: border-box; padding:20px 0;}
.menu .box a{ font-size: 16px; line-height: 1.75; display: block; text-align: center; color: rgba(255,255,255,0.85);}
.menu .box a:hover{ color: rgba(255,255,255,1);}
/* .menu li:hover .h3 a,
.menu li.curr .h3 a{ color:#e1251b;} */
.menu li:hover .h3 a:after,
.menu li.curr .h3 a:after{ width: 100%; opacity: 1; left: 0;}
.menu li:hover .box{ visibility: visible; opacity: 1; transform: translateY(0px); pointer-events:auto;}
.iBannerB{ position: relative; z-index: 4; min-height: 100vh; background: #fff;}
.iBannerB::before{ content: ''; position: absolute; top: 100%; right: 0; margin-top: -80px; width: 1068px; height: 220px; background: url('../images/bg1_1.png') no-repeat; background-size: contain;}
.iBannerB .swiper{ border-radius: 0 0 80px 80px; overflow: hidden;}
.iBannerB .pd{ display: block; background: #fff;}
.iBannerB .img{ width: 100%; position: relative; overflow: hidden;}
.iBannerB .img img{ height:calc(100vh - 0px); width:100vw; object-fit: cover; /*aspect-ratio: 1920/1080;*/}
.iBannerB .text{ position: absolute; left:0; right:0; bottom: 110px; color: #fff;}
.iBannerB .npd{ padding:0; display: flex; justify-content: space-between; align-items: self-start;}
.iBannerB .t{ width: 60%;}
.iBannerB .h3{ font-size: 60px; line-height: 1.2; margin-bottom: 0.3333333333333333em;}
.iBannerB .p{ display: flex;}
.iBannerB .p em{ font-size: 22px; height: 1.636363636363636em; line-height: 1.636363636363636em; border: 2px solid #E20000; padding: 0 1em; border-radius: 0.8181818181818182em;}
.iBannerB .c{ font-size: 64px; line-height: 1.2; font-family: 'KronaOne-Regular'; display: flex; justify-content: flex-end; width:8em; text-align: right;}
.iBannerB .swiperArrow{ display: none; font-size: 30px;}
.iBannerB .swiperPrev{ left: 3.2em;}
.iBannerB .swiperNext{ right: 3.2em;}
.iBannerB .swiperDots{ display: flex; bottom:350px; right: auto; left:96px;}
.iBannerB .swiperDots span{ margin:0 10px; border-color: #fff;}
.iBannerB .swiperDots span.swiper-slide-active{ border-color: #E20000; background: #E20000;}
.iBannerB .i,
.iBannerB .p,
.iBannerB .h3,
.iBannerB .em{ opacity:0; transform: translateY(-1em); transition: 0.6s all;}
.iBannerB .i{ transition-delay: 0.2s;}
.iBannerB .p{ transition-delay: 0.4s;}
.iBannerB .h3{ transition-delay: 0.6s;}
.iBannerB .em{ transition-delay: 0.9s;}
.iBannerB .swiper-slide-active .i,
.iBannerB .swiper-slide-active .p,
.iBannerB .swiper-slide-active .h3,
.iBannerB .swiper-slide-active .em{ opacity: 1; transform: translateY(0px);}
.toNext{ z-index: 3; text-align: center; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; right: 4.363636363636364em; bottom: 3.636363636363636em; cursor: pointer; width: 2.909090909090909em; height: 2.909090909090909em; font-size: 22px; color: #fff; border: 1px solid #fff; transition: 0.6s all ease-in-out;}
.toNext:hover{background: #E20000; color: #fff; border-color: #E20000;}
.iMain{ background:no-repeat center center; background-size:cover; position: relative; overflow: hidden; width: 100%; padding: 160px 0;}
.iMain .wp{ z-index: 4;}
.iMain1{ border-radius: 0 0 80px 80px; overflow: hidden;}
.iMain1:before{ content:''; position: absolute; left:0; bottom:0; width: 280px; height: 448px; background: url("../images/bg1_2.png") no-repeat bottom left; background-size: contain;}
.iMain1:after{ content:''; position: absolute; right:0; bottom:0; width: 1024px; height: 178px; background: url("../images/bg1_3.png") no-repeat bottom right; background-size: contain;}
.iAbout{ display: flex; justify-content: space-between; position: relative;}
.iAbouHead{ width: 500px; display: flex; justify-content: space-between; flex-direction: column; position: relative;}
.iAbouHead:before{ content: ''; position: absolute; right: 0; top: -160px; bottom: -160px; width: 1px; background: #C1C0C0;}
.iAbouHead .em{ font-size: 72px; font-family: 'KronaOne-Regular'; color: #040000; line-height: 1; letter-spacing: -0.0277777777777778em;}
.iAbouHead .i{ font-size: 298px; line-height: 1;}
.iAbouHead .i img{ height: 1em; width: auto; display: block;}
.iAboutCon{ flex: 1;}
.iAbouText{ padding-bottom: 100px; margin-bottom: 100px; border-bottom: 1px solid #C1C0C0; padding-left: 100px;}
.iAbouText .p{ font-size: 32px; line-height: 1.375; color: #040000;}
.iAbouList{ display: flex; justify-content: flex-end;}
.iAbouList ul{ display: flex; flex-wrap: wrap; width: 840px; justify-content: space-between;}
.iAbouList li{ padding-top: 40px;}
.iAbouList .pd{ width: 390px; height: 208px; background: url("../images/iAbouList_bg.png") no-repeat;background-size: 100% 100%; box-sizing: border-box; padding: 50px 24px 40px 24px ; position: relative; color: #8D8D8D;}
.iAbouList .i{ position: absolute; right: 0; top: 0.125em; font-size: 40px; line-height: 1; color: #E95220;}
.iAbouList .t{ display: flex; position: relative; margin-bottom: 10px;}
.iAbouList .t strong{ font-size: 68px; line-height: 1; color: #040000; font-family: 'KronaOne-Regular';}
.iAbouList .t em{ font-size: 32px; position: absolute; left: 100%; bottom: 0; line-height: 1;}
.iAbouList .t i{ font-size: 32px; position: absolute; left: 100%; top: -0.5em; margin-left: -1.375em; line-height: 1; color: #000; font-family: 'KronaOne-Regular';}
.iAbouList .t span{ font-size: 68px; color: #040000; line-height: 1; font-family: 'KronaOne-Regular';}
.iAbouList .t .npd{ position: relative;}
.iAbouList .em{ font-size: 32px; line-height: 1;}
.iMain2{}
.iMain2:after{ content:''; position: absolute; right:0; bottom:0; width: 1024px; height: 178px; background: url("../images/bg1_3.png") no-repeat bottom right; background-size: contain; z-index: 99; pointer-events: none;}
.iProTit{ margin-bottom: 25px;}
.iProTit .t{ display: flex; flex-direction: column; text-align: right;}
.iProTit .t strong{ font-size: 52px; color: #E20000; line-height: 1.2; margin-bottom: 0.6153846153846154em; position: relative; font-weight:normal;}
.iProTit .t strong:before{ content: ''; position: absolute; right: 0; bottom: -0.3076923076923077em; width: 1.384615384615385em; height: 0.0961538461538462em; background: #040000;}
.iProTit .t em{ font-size: 28px; line-height: 1.2;}
.iProTit .c{}
.iProTit .em{ font-size: 110px; line-height: 1; position: absolute; left: 0; top: 0; font-family: 'KronaOne-Regular'; color: #040000; width: 7em; z-index: 9;}
.iPro{ display: flex; justify-content:space-between; margin-bottom: 60px;}
.iPro::before{ content: ''; position: absolute; left:-4.8em; top: -8em; bottom: -8em; width: 50vw; background-image: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0)); z-index: 4; pointer-events: none;}
.iProTab{ padding-top: 200px; width: 300px; position: relative; z-index: 9; margin-left: 50px;}
.iProTab ul{}
.iProTab li{ margin-bottom: 6px; display: flex;}
.iProTab .pd{ font-size: 36px; color: #BBBBBB; display: block; height: 1.5em; line-height: 1.5em; border-radius: 0.75em; position: relative;}
.iProTab .pd:before{ content: ''; width: 0.8888888888888889em; height: 0.8888888888888889em; position: absolute; left: -1.111111111111111em; top: 50%; margin-top: -0.5em; background: url("../images/icon-logo.svg") no-repeat; opacity: 0;}
.iProTab strong{ display: block; transform: scale(0.75); transform-origin: left center; font-weight: normal;}
.iProTab li.curr .pd{ background: #E20000; color: #fff; padding:0 0.6666666666666667em;}
.iProTab li.curr .pd::before{ opacity: 1;}
.iProTab li.curr strong{ transform: scale(1);}
.iProCon{ /* flex: 1; */ width: 900px; height: 750px; box-sizing: border-box; position: relative; z-index: 2; margin-right: 100px;}
.iProCon .swiper{ position: relative; z-index: 3; overflow: hidden; border-radius: 375px;}
.iProCon .pd{ display: block; position: relative;}
.iProCon .img{ margin-left: 150px; position: relative; z-index: 2; overflow: hidden; border-radius: 375px;}
.iProCon .img img{ width: 100%; height: auto; display: block; aspect-ratio: 1/1; object-fit: contain;}
.iProCon .text{ position: absolute; left: 0; top: 0; bottom: 0; right: 0; display: flex; align-items: center; z-index: 3;}
.iProCon .npd{ padding: 50px 0; position: relative; padding-left: 46px; box-sizing: border-box; width: 100%;}
.iProCon .em{ font-size: 44px; color: #E20000; font-family: 'KronaOne-Regular';}
.iProCon .h3{ font-size: 32px; color: #fff;}
.iProCon .swiperArrow{ display: block; top: auto; margin-top: 0; font-size: 30px; bottom: 0; z-index: 9;}
.iProCon .swiperPrev{ right: 3.5em; left: auto;}
.iProCon .swiperNext{ right: 0;}
.iProCon_bg{ position: absolute; left: 0; top: 0; bottom: 0; width: 750px; height: 750px; background: #404040; border-radius: 50%; pointer-events: none;}
.iProCon_bg:before{ content: ''; position: absolute; left: 50%; top: 50%; background: url("../images/iPro_bg.jpg") no-repeat; background-size: contain; transform:translate(-50%,-50%); width: 424%; height: 424%; opacity: 0.32; z-index: 1;}
.iProCon_bg i{ width: 100%; height: 100%; overflow: hidden; border-radius: 50%; display: block; position: relative; z-index: 2; overflow: hidden;}
.iProCon_bg i:after{ content: ''; position: absolute; left: 0; right: 0; bottom: 38%; top:0; background-image: linear-gradient(to top,#404040,#191919);}
.iProCon_bg i:before{ content: ''; position: absolute; left: 0; right: 0; top: 62%; bottom:0; background-image: linear-gradient(to bottom,#101010,#353535);}
.iProBottom{ font-size: 21px; color: #555656; position: relative; z-index: 9;}
.iMain3{ background-image: url("../images/bg3.jpg"); background-size: 100% 100%;}
.iIndustryTit{ margin-bottom: 70px;}
.iIndustryTit .t{ display: flex; flex-direction: column; text-align: right; position: absolute; right: 0; top: 0;}
.iIndustryTit .t strong{ font-size: 52px; color: #E20000; line-height: 1.2; margin-bottom: 0.6153846153846154em; position: relative; font-weight:normal;}
.iIndustryTit .t em{ font-size: 28px; line-height: 1.2;}
.iIndustryTit .c{}
.iIndustryTit .em{ font-size: 72px; line-height: 1.2; margin-bottom: 0.4166666666666667em; font-family: 'KronaOne-Regular'; color: #040000; width: 8em;}
.iIndustryTit .p{ font-size: 22px; line-height: 1.2; color: #555656;}
.iIndustry{ margin: 0 70px;}
.iIndustry .ul{ position: relative; overflow: visible;  transform-style: preserve-3d;}
.iIndustry .li{ position: absolute; z-index: 1; width: calc(100% - 500px); overflow: visible;}
.iIndustry .li:nth-child(1){ position: relative;}
.iIndustry .pd{ display: block; position: relative;}
.iIndustry .wpd{ position: relative; z-index: 3; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,0.1); border-radius:40px; display: block; overflow: hidden;}
.iIndustry .wpd::after{ content: ''; position: absolute; right: 0; bottom: 0; background: url("../images/hangye_bg3.png") no-repeat bottom right; background-size: 100% auto; width: 50%; height: 100%; pointer-events: none; opacity: 0;}
.iIndustry .t{ width: 100px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; align-items: center; position: absolute; box-sizing: border-box; padding: 46px 0 54px 0; right: 0; top: 0; bottom: 0; cursor: pointer; z-index: 2;}
.iIndustry .t i{ font-size: 40px; display: block; color: #E20000;}
.iIndustry .t strong{ font-size: 26px; width: 1em; display: block; color: #767777; font-weight: normal;}
.iIndustry .c{ flex: 1; opacity: 0; transition: 0.3s all;}
.iIndustry .npd{ display: block;}
.iIndustry .img{overflow: hidden;}
.iIndustry .img img{ transform: scale(1.5); transition: 0.6s all; aspect-ratio: 1280/626; object-fit: cover;}
.iIndustry .text{ position: relative; padding: 30px 60px;}
.iIndustry .text .i{ position: absolute; bottom: 100%; right: 0; padding: 0 40px 40px 0; text-align: right;}
.iIndustry .text .i i{ font-size: 40px; line-height: 1; margin-bottom: 0.25em; color: #E20000; display: block; transform: translateY(0.25em); opacity: 0; transition: 0.6s ease all 0.3s;}
.iIndustry .text .i em{ font-size: 66px; line-height: 1; min-height: 2em; color: #fff; display: block; transform: translateY(0.25em); opacity: 0; transition: 0.6s  ease all 0.6s;}
.iIndustry .text .h3{ font-size: 32px; color: #E20000; line-height: 1.2; margin-bottom: 0.3125em;}
.iIndustry .text .p{ font-size: 20px; height: 3.6em; line-height: 1.2em; color: #767777;}
.iIndustry .li:nth-child(2){ left:100px; top: 0; bottom: 0; z-index: 6;}
.iIndustry .li:nth-child(3){ left:200px; top: 0; bottom: 0; z-index: 5;}
.iIndustry .li:nth-child(4){ left:300px; top: 0; bottom: 0; z-index: 4;}
.iIndustry .li:nth-child(5){ left:400px; top: 0; bottom: 0; z-index: 3;}
.iIndustry .li:nth-child(6){ left:500px; top: 0; bottom: 0; z-index: 2;}
.iIndustry .li.before-curr:nth-child(2){ z-index: 2;}
.iIndustry .li.before-curr:nth-child(3){ z-index: 3;}
.iIndustry .li.before-curr:nth-child(4){ z-index: 4;}
.iIndustry .li.before-curr:nth-child(5){ z-index: 5;}
.iIndustry .li.before-curr:nth-child(6){ z-index: 6;}
.iIndustry .li.before-curr .t{ left: 0; right: auto;}
.iIndustry .li.curr{ z-index: 9 !important;}
.iIndustry .li.curr .wpd{ box-shadow: 0 0 0.6em rgba(0,0,0,0.3);}
.iIndustry .li.curr .wpd::after{ opacity: 1;}
.iIndustry .li.curr .t{display: none;}
.iIndustry .li.curr .c{ opacity: 1; transform: translateX(0px);}
.iIndustry .li.curr .img img{ transform: scale(1);}
.iIndustry .li.curr .i i{ transform: translateY(0); opacity: 1;}
.iIndustry .li.curr .i em{ transform: translateY(0); opacity: 1;}
.iMain4{ background-image: url("../images/bg4.jpg");}
.iNewsTit{ margin-bottom: 160px;}
.iNewsTit:before{ content: ''; position: absolute; left: 50px; right: 0; height: 100px; top: 80px; background: url("../images/news-tit.svg") no-repeat; background-size: contain;}
.iNewsTit em{ font-size: 72px; color: #040000; font-family: 'KronaOne-Regular'; line-height: 1;}
.iNewsTit strong{ font-size: 52px; color: #E20000; font-weight: normal; display: none;}
.iNewsTit a{font-size:30px; position:absolute; top:50%; right: 0; z-index:2; height:2.5em; margin-top:-1.25em; line-height:2.5em; width:2.5em; text-align:center; border:1px solid #E50012; border-radius: 0.5em; color:#E50012; background:rgba(255,255,255,0.7);}
.iNewsTit a:hover{ background: #E50012; color: #fff;}
.iNews{  position: relative;}
.iNews .swiper{ margin: 0 -25px;}
.iNews .swiper-slide{ padding: 14px 0; position: relative;}
.iNews .pd{ display: block; margin: 0 25px; color: #757575; background: #fff; border-radius: 40px; overflow: hidden; position: relative; transition: 0.3s all;}
.iNews .img{ position: relative; overflow: hidden;}
.iNews .img img{ width: 100%; height: auto; display: block; aspect-ratio: 640/344; object-fit: cover;}
.iNews .img:before{ content: ''; position: absolute; left: 24px; bottom: 10px; top: 0; width: 38%; background: url("../images/news_icon.png") no-repeat bottom left; background-size: contain; opacity: 0.2;}
.iNews .text{}
.iNews .npd{ padding: 20px 40px;}
.iNews .h3{ font-size: 26px; color: #040000; line-height: 1.5; margin-bottom: 0.25em; height: 3em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.iNews .em{ font-size: 16px; text-align: right; line-height: 1;}
.iNews .pd:hover{ transform:translateY(-0.25em);}
.iNews .swiperArrow{ display: none; font-size: 30px;}
.iNews .swiperDots{ display: flex; bottom: -40px;}
.home_body .iContact{ display: block;}
.home_body .footer:before{ display: none;}
.iContact{ background-image: linear-gradient(to right,#E50012,#E95220,#F4CC1D); border-radius: 0 0 92px 92px; display: none; position: relative; z-index: 2;}
.iContact .pd{ display: block; color: #fff;}
.iContact .h3{ display: flex; height: 184px; line-height: 1; align-items: center;}
.iContact .h3 strong{ font-size: 68px;}
.iContact .h3 em{ font-size: 54px; font-family: 'KronaOne-Regular'; text-transform: uppercase; margin-left: 0.3703703703703704em;}
.iContact .m{font-size:30px; position:absolute; top:50%; right: 0; z-index:2; height:2.5em; margin-top:-1.25em; line-height:2.5em; width:2.5em; text-align:center; border:1px solid #E50012; border-radius: 0.5em; color:#E50012; background:rgba(255,255,255,1);}
.iContact .m:hover{ background: #E50012; color: #fff;}
.footer{ position: relative; z-index: 4; background: #000;}
.footer:before{ content: ''; bottom: 0; left: 0; right: 0; top: -90px; position: absolute; background: #000;}
.fTop{ position: relative; z-index: 2; padding-top: 110px;}
.fTop .wpd{ display: flex; justify-content: space-between; flex-direction: row-reverse;}
.footerFl{ width: 640px; position: relative; padding-bottom: 90px;}
.footerFl:before{ content: ''; position: absolute; left: 0; top: -50px; bottom: 0; width: 1px; background: #E50012;}
.footerFl .npd{ margin-left: 10%;}
.footerFr{ width: 740px;}
.fLogo{ font-size: 88px; margin-bottom: 1.25em; line-height: 1; margin-left: 0.2727272727272727em;}
.fLogo img{ height: 1em; width: auto; display: block;}
.fContact{ position: relative;}
.fContact .ul{}
.fContact .li{ margin-bottom: 36px; display: flex;}
.fContact .li:last-child{ margin-bottom:0; width: 100%;}
.fContact .pd{ position: relative; display: block; padding-left: 48px; color: #fff;}
.fContact .i{ font-size: 32px; line-height: 1; width: 1em; height: 1em; position: absolute; color: #E20000; left:0; top:0.2em;}
.fContact .h3{ font-size: 16px;}
.fContact .p{ font-size: 16px; font-weight: bold;}
.fContact .em{ font-size: 26px; color: #969696 ; padding-top: 1.923076923076923em; margin-left: -1.846153846153846em; text-transform: uppercase;}
.fContact .ewm{ position: absolute; left:48px; bottom:46px; width: 124px; display: none;}
.fContact .ewm img{width: 100%; height: auto; display: block;}
.fContact .pd:hover .ewm{ display: block;}
.fNav{}
.fNav ul{ display: flex; justify-content: space-between;}
.fNav li{ max-width: 20%;}
.fNav li:first-child{ display: none;}
.fNav .h3{ margin-bottom: 1em;}
.fNav .h3 a{ display: block; font-weight: bold; color: #E20000;}
.fNav .h3 strong{ display: block; font-size: 17px; line-height: 1.2;}
.fNav .h3 a:hover{ color: #fff;}
.fNav .h3:before{ content:''; position: absolute;}
.fNav .box{line-height: 2.5;}
.fNav .li{ padding: 10px 0;}
.fNav .box a{ line-height: 1.2; display: block; color: #969696; font-weight: normal; font-size: 17px; white-space: nowrap;}
.fNav .box a:hover{ color: #fff;}
.fBottom{ border-top: 1px solid #E20000; text-align: center; padding: 20px 0; line-height: 1.5; position: relative; z-index: 2;}
.fBottom p{ margin: 0 0.5em; display: inline-block;}
.fCopy{ font-size: 14px; color: #646464;}
.fCopy a{ color: #646464;}
.fCopy a:hover{ color: #ffffff;}
.backTop{ position: absolute; right:0; top: 0px; z-index: 20; text-align: center; cursor: pointer; transition: 0.3s transform;}
.backTop i{ display: block; line-height: 1; font-size: 68px; margin-bottom: 16px; color: #E20000;}
.backTop span{ display: block; font-size: 25px; line-height: 1;}
.backTop:hover{ transform: translateY(-0.25em);}
.backTop:hover i{ color: #fff;}
.backTop:hover span{ color: #E20000;}
/*首页等比PC适配 */
/* @media screen and (min-width:1025px){} */
body{ font-size: 1.0416666666666666vw;}
.wp{ margin: 0 4.8em;}
.header{ top: 2em; padding: 0 2em;}
.header .wpd{ padding: 0 4.5em; border-radius: 0.6em;}
.header .wp{ margin: 0px;}
.logo{ font-size:3.5em;}
.tLanguage{ margin-top: -0.8em; right:9.5em;}
.tLanguage .i{ font-size:1.6em;}
.tNav .box a{ height: 1.6em; line-height: 1.6em; font-size: 1em; border-radius: 0.2em; width: 8.6em;}
.tNav .box a span{ font-size: 0.7em;}
.tNav .box a i{ font-size: 0.9em;}
.tNav .i{ font-size:1.6em;}
.menu{ margin: 0 12em 0 11em;}
.menu li{ margin: 0 2.5em;}
.menu .h3 a{ height:4.4em; line-height:4.4em; font-size: 1em;}
.menu .h3 a:after{ height: 3px;}
.menu .box{ width: 8em; margin-left: -4em; transform: translateY(0.5em); padding:0.5em 0 0 0;}
.menu .box .npd{ border-radius: 0.6em; padding:1em 0;}
.menu .box a{ font-size:1em;}
.iBannerB::before{  margin-top: -4em; width: 53.4em; height: 11em;}
.iBannerB .swiper{ border-radius: 0 0 4em 4em;}
.iBannerB .text{ bottom: 5.5em;}
.iBannerB .h3{ font-size: 3em;}
.iBannerB .p em{ font-size: 1.1em;}
.iBannerB .c{ font-size: 3.2em;}
.iBannerB .swiperArrow{  font-size: 1.5em;}
.iBannerB .swiperDots{ bottom: 17.5em; left:4.8em;}
.toNext{ font-size: 1.1em;}
.iMain{ padding: 8em 0;}
.iMain1{ border-radius: 0 0 4em 4em;}
.iMain1:before{ width: 14em; height: 22.4em;}
.iMain1:after{ width: 51.2em; height: 8.9em;}
.iAbouHead{ width: 25em;}
.iAbouHead:before{ top: -8em; bottom: -8em;}
.iAbouHead .em{ font-size: 3.6em;}
.iAbouHead .i{ font-size: 14.9em;}
.iAbouText{ padding-bottom: 5em; margin-bottom: 5em; padding-left: 5em;}
.iAbouText .p{ font-size: 1.6em;}
.iAbouList ul{ width: 42em;}
.iAbouList li{ padding-top: 2em;}
.iAbouList .pd{ width: 19.5em; height: 10.4em; padding: 2.5em 1.2em 2em 1.2em;}
.iAbouList .i{ font-size: 2em;}
.iAbouList .t{ margin-bottom: 0.5em;}
.iAbouList .t strong{ font-size: 3.4em;}
.iAbouList .t em{ font-size: 1.6em;}
.iAbouList .t i{ font-size: 1.6em;}
.iAbouList .t span{ font-size: 3.4em;}
.iAbouList .em{ font-size: 1.6em;}
.iMain2:after{  width: 51.2em; height: 8.9em;}
.iProTit{ margin-bottom: 1.25em;}
.iProTit .t strong{ font-size: 2.6em;}
.iProTit .t em{ font-size: 1.4em;}
.iProTit .em{ font-size: 5.5em;}
.iPro{ margin-bottom: 3em;}
.iProTab{ padding-top: 10em; width: 15em; margin-left:2.5em;}
.iProTab li{ margin-bottom: 0.3em;}
.iProTab .pd{ font-size: 1.8em;}
.iProCon{ width: 45em; height: 37.5em; margin-right: 5em;}
.iProCon .swiper{ border-radius:37.5em;}
.iProCon .img{ margin-left: 7.5em;}
.iProCon .npd{ padding: 2.5em 0; padding-left: 2.3em;}
.iProCon .em{ font-size: 2.2em;}
.iProCon .h3{ font-size: 1.6em;}
.iProCon .swiperArrow{ font-size: 1.5em;}
.iProCon_bg{ width: 37em; height: 37em;}
.iProBottom{ font-size: 1.05em;}
.iIndustryTit{ margin-bottom: 3.5em;}
.iIndustryTit .t strong{ font-size: 2.6em;}
.iIndustryTit .t em{ font-size: 1.4em;}
.iIndustryTit .em{ font-size: 3.6em;}
.iIndustryTit .p{ font-size: 1.1em;}
.iIndustry{ margin: 0 3.5em;}
.iIndustry li{  width: calc(100% - 25em);}
.iIndustry .wpd{ box-shadow: 0 0 0.2em rgba(0,0,0,0.1); border-radius:2em;}
.iIndustry .t{ width: 5em; padding: 2.3em 0 2.7em 0;}
.iIndustry .t i{ font-size: 2em;}
.iIndustry .t strong{ font-size: 1.3em;}
.iIndustry .text{ padding: 1.5em 3em;}
.iIndustry .text .i{ padding: 0 2em 2em 0;}
.iIndustry .text .i i{ font-size: 2em;}
.iIndustry .text .i em{ font-size: 3.3em;}
.iIndustry .text .h3{ font-size: 1.6em;}
.iIndustry .text .p{ font-size: 1em;}
.iIndustry li:nth-child(2){ left:5em;}
.iIndustry li:nth-child(3){ left:10em;}
.iIndustry li:nth-child(4){ left:15em;}
.iIndustry li:nth-child(5){ left:20em;}
.iIndustry li:nth-child(6){ left:25em;}
.iIndustry .curr .wpd{ box-shadow: 0 0 0.6em rgba(0,0,0,0.5);}
.iNewsTit{ margin-bottom: 8em;}
.iNewsTit:before{ left: 2.5em; height: 5em; top: 4em;}
.iNewsTit em{ font-size: 3.6em;}
.iNewsTit strong{ font-size: 2.6em;}
.iNewsTit a{font-size:1.5em;}
.iNews .swiper{ margin: 0 -1.25em;}
.iNews .swiper-slide{ padding: 0.7em 0;}
.iNews .pd{ margin: 0 1.25em; border-radius: 2em;}
.iNews .img:before{ left: 1.2em; bottom: 0.5em;}
.iNews .npd{ padding: 1em 2em;}
.iNews .h3{ font-size: 1.3em;}
.iNews .em{ font-size: 0.8em;}
.iNews .swiperArrow{ font-size: 1.5em;}
.iNews .swiperDots{ bottom: -2em;}
.iContact{ border-radius: 0 0 4.6em 4.6em;}
.iContact .h3{ height: 9.2em;}
.iContact .h3 strong{ font-size: 3.4em;}
.iContact .h3 em{ font-size: 2.7em;}
.iContact .m{font-size:1.5em;}
.footer:before{top: -4.5em;}
.fTop{ padding-top: 5.5em;}
.footerFl{ width: 32em; padding-bottom: 4.5em;}
.footerFl:before{ top: -2.5em;}
.footerFr{ width: 37em;}
.fLogo{ font-size: 4.4em;}
.fContact .li{ margin-bottom: 1.8em;}
.fContact .pd{ padding-left: 2.4em;}
.fContact .i{ font-size: 1.6em;}
.fContact .h3{ font-size: 0.8em;}
.fContact .p{ font-size: 0.8em;}
.fContact .em{ font-size: 1.3em;}
.fContact .ewm{ left:2.4em; bottom:2.4em; width: 6.2em;}
.fNav .h3 strong{ font-size: 0.85em;}
.fNav .li{ padding: 0.5em 0;}
.fNav .box a{ font-size: 0.85em;}
.fBottom{ padding: 1em 0;}
.fCopy{ font-size: 0.8em;}
.backTop i{ font-size: 3.4em; margin-bottom: 0.2352941176470588em;}
.backTop span{ font-size: 1.25em;}
.footerFl{ margin-left: 4em;}
.footerFl .npd{ margin-left: 4em;}
/*首页等比PC适配 结束*/
/*视频*/
.play_btn{ background:#000; display:block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative;}
.play_btn i{ position: absolute; left:0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.1); transform: translateZ(0); transition: 0.3s all; z-index: 2;}
.play_btn i:before{ font-size: 80px; width: 1em; height: 1em; line-height: 1; position: absolute; top: 50%; left: 50%; margin: -0.5em 0 0 -0.5em; color: #fff;}
.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0.5);}
.video_bg{ position:fixed; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:42; display:none;}
.video_box{ position:fixed; width:1200px; height:auto; left:50%; top:50%; margin:-360px 0 0 -600px; z-index:43; display:none;}
.video_box .img_cut{ background:#000;}
.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#C01924; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-50px; margin-left:-20px;}
.video_box i:hover{ background: #802C19;}
.video_box video{ width:100%; height:auto; display:block;}
.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:36;}
.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0;}
@media screen and (max-width:768px){
.video_box{ left:0; margin:0; top:0; height:auto; right:0; width:auto;}
.video_box video{ height:auto;}
}
/*搜索*/
.searchMain1{ background: #f5f5f5;}
.search_tit{ font-size:18px; height:20px; line-height:20px; color:#333; border-left:2px solid #E20000; padding-left:14px; margin-bottom:24px;}
.search_tit span{ color:#E20000; margin-left:0.5em;}
.search_list{ background:#fff; padding:40px; min-height:25vh; border-radius: 12px;}
.search_list ul{ border-top:1px dashed #ccc;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#E20000; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}
@media screen and (max-width:768px){
.iMainSearch1{ padding: 40px 0;}
.search_tit{}
.search_list{ padding: 30px; min-height: 20vh;}
.search_list .h3{ font-size:14px;}
}
@media screen and (max-width:480px){
.search_list{ padding: 25px;}
}
@media screen and (max-width:413px){
.search_list{ padding: 20px;}
}
@media screen and (max-width:374px){
.search_list{ padding: 15px;}
}
/*分页*/
.fpage{ text-align:center; padding:3.75em 0 0 0; font-size:1em;}
.fpage ul{ display: flex; position: relative; padding:0.5em 12em 0.5em 0;}
.fpage ul::before{ content: ''; position: absolute; top: 50%; left: 0; right: 9em; height: 1px; background: #BBBBBB;}
.fpage li{ background: #fff; position: relative; z-index: 2;}
.fpage li:last-child,
.fpage li:first-child{ position: absolute; font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-weight: bold; background: #fff; border: 1px solid #E50012; border-radius: 0.5em; color: #E20000; padding: 0.5em 0; top: 50%; margin-top: -1.5em; width: 3em;  cursor: pointer;}
.fpage li:last-child:hover,
.fpage li:first-child:hover{ color: #1fa5da;}
.fpage li:last-child:before,
.fpage li:first-child:before{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; line-height: 1; display: flex; justify-content: center; align-items: center; transform: scale(1.5);}
.fpage li:first-child{ right: 4.5em;}
.fpage li:first-child:before{content: "\eaf0";}
.fpage li:last-child{ right: 0;}
.fpage li:last-child:before{content: "\eaf4";}
.fpage li:first-child>*,
.fpage li:last-child>*{ opacity:0; padding:0; width: 100%; display: block;}
.fpage li:first-child:hover,
.fpage li:last-child:hover{ background: #E20000; color: #fff;}
.fpage .disabled{}
.fpage a,
.fpage span{ color: #000000; height:1em; line-height:1em; padding: 0 0.25em; display: block; font-weight: bold; font-size: 2em; transform: scale(0.725) translateY(-0.1em); transform-origin: bottom center;}
.fpage .active a,
.fpage .active span{ color:#E20000; transform: scale(1) translateY(0em);}

/* .fpage li:last-child a,
.fpage li:last-child span,
.fpage li:first-child a,
.fpage li:first-child a{transform: scale(1);} */

.fpage{ font-size: 0.8em;}
@media screen and (max-width:640px){
.fpage{ padding-top: 2em;}
}
/* 内页 */
.nBanner{ position: relative; z-index: 6; border-radius: 0 0 60px 60px; overflow: hidden;}
.nBanner .pd{ display: block; position: relative;}
.nBanner .img{}
.nBanner .img img{ width: 100%; height: auto; display: block; aspect-ratio: 1920/514; object-fit: cover;}
.nBanner .text{ position: absolute; left: 0; right: 0; bottom: 60px; color: #fff;}
.nBanner .h3{ font-size: 52px; line-height: 1.2; display: block; position: relative; padding-bottom: 0.4em; margin-bottom: 0.2em;}
.nBanner .h3::before{ content: ''; background: #E20000; position: absolute; width: 4em; height: 3px; left: 0; bottom: 0;}
.nBanner .em{ font-size: 72px; line-height: 1.2; display: block;}
.nBanner_products{}
.nBanner_products_list{}
.nBanner_products_info{}
.nBanner_case{}
.nBanner_news .text{ text-align: right;}
.nBanner_news .h3::before{ left: auto; right: 0;}
.nBanner_contact{}
.pAPP{ position: relative; z-index: 5;}
.pAPPCon{}
.pMain{ padding: 90px 0; position: relative;}
.proMain1{}
.proMain1:before{ content:''; position: absolute; left: 0; top: -60px; right: 0; bottom: 0; background: url("../images/products_bg1.jpg") no-repeat; background-size: 100% 100%; border-radius:0 0 60px 60px; overflow: hidden; pointer-events: none;}
.nPro{ margin: 0 40px;}
.nProTab{ margin-bottom: 60px;}
.nProTab ul{ display: flex; flex-wrap: wrap; margin: 0 -40px;}
.nProTab li{ width: 20%; margin-bottom: 28px;}
.nProTab .pd{ display: block; margin: 0 1.3333em; background: #F1F1F1; height: 2em; line-height: 2em; font-size: 30px; color: #040000; border-radius: 1em; text-align: center;}
.nProTab li.curr .pd{ background: #E20000; color: #fff;}
.nProTab .pd:hover{ color: #E20000;}
.nProCon{ position: relative;}
.nProCon .swiper{ margin: 0 -86px;}
.nProCon .swiper-slide{}
.nProCon .pd{ display: flex; align-items: center; margin: 0 86px 86px 86px;}
.nProCon .img{ width: 1024px; overflow: visible; margin-right: 100px; position: relative;}
.nProCon .img img{ aspect-ratio: 1024/648; border-radius: 80px; position: relative; z-index: 2; object-fit: contain;}
.nProCon .img:before{ content: ''; position: absolute; left: -86px; top: 0; width: 1108px; height: 738px; background: url("../images/pro_type_bg1.png") no-repeat right top; background-size: 100% 100%; z-index: 1;}
.nProCon .text{ flex: 1;}
.nProCon .em{ font-size: 44px; line-height: 1.2; color: #E20000; margin-bottom: 0.1em; font-family: 'KronaOne-Regular';}
.nProCon .h3{ font-size: 50px; line-height: 1.1; color: #BBBBBB; margin-bottom: 3em; font-weight: lighter;}
.nProCon .p{ font-size: 20px; line-height: 1.6; color: #040000;}
.proListMain1{ overflow: hidden; overflow: visible; background: #fff;}
.nNav{ display: flex; margin-bottom: 60px; position: relative; z-index: 16;}
.nNav_flex{ position: sticky; top: 100px; margin: 0 96px; padding-top: 90px;}
.nNavBtn{ margin-right: 40px;}
.nNavBtn a{ display: flex; align-items: center; height: 64px;}
.nNavBtn i{ display: block; font-size: 18px; margin-right: 0.6666666666666667em;}
.nNavBtn span{ display: block; font-size: 22px;}
.navb{ flex: 1;}
.navb ul{ padding: 0 30px; display: flex; border-radius: 32px; background: #F1F1F1; justify-content: center; /* flex-wrap: wrap;  justify-content: space-between; */}
.navb li{ padding: 12px 0;}
.navb a{ display: block; height: 2em; padding: 0 1.5em; line-height: 2em; border-radius: 1em; font-size: 20px;}
.navb li.curr a{ background: #E20000; color: #fff;}
.pro{ display: flex;}
.proFl{ width: 240px; margin-right: 150px;}
.proFr{ flex: 1;}
.pro_nav{ position: sticky; top: 5em;}
.pro_nav ul{}
.pro_nav li{ margin-bottom: 20px;}
.pro_nav .pd{ height: 3.4em; line-height: 3.4em; padding-right: 1.5em; text-align: right; display: block; position: relative; color: #7F7F7F; font-size: 20px;}
.pro_nav .pd:after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 100vw; background: #f1f1f1; opacity: 0; z-index: 1; transition: 0.3s all;}
.pro_nav .pd:before{ content: ''; width: 4px; position: absolute; top: 0; right: 0; bottom: 0; background: #E20000; opacity: 0; z-index: 2; transition: 0.3s all;}
.pro_nav .pd strong{ position: relative; display: block; z-index: 3; font-weight: normal;}
.pro_nav li .pd:hover,
.pro_nav li.curr .pd{ color: #E20000;}
.pro_nav li .pd:hover::after,
.pro_nav li.curr .pd::after{ opacity: 1;}
.pro_nav li .pd:hover::before,
.pro_nav li.curr .pd::before{ opacity: 1;}
.pro_lsit{}
.pro_lsit ul{ margin: 0 -16px; display: flex; flex-wrap: wrap;}
.pro_lsit li{ margin-bottom: 30px; width: 25%;}
.pro_lsit .pd{ display: block; margin: 0 16px; border: 1px solid #bbb; border-radius: 12px; transition: 0.3s all;}
.pro_lsit .img{ width: 60%; margin: 0 auto;}
.pro_lsit .img img{ width: 100%; height: auto; display: block; object-fit: contain; aspect-ratio: 1/1;}
.pro_lsit .text{}
.pro_lsit .pd:hover{ border-color: #E20000; box-shadow: 1px 1px 5px rgba(232,82,82,0.75); transform: translateY(-5px);}
.pro_lsit .h3{ height: 2.2em; font-size: 20px; text-align: center; color: #7F7F7F; line-height: 2.2em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.proInfoMain1{ background: #fff;}
.proInfo{}
.proInfoHead{ margin-bottom:90px;}
.proInfoHead .pd{ display: flex; align-items: center; margin: 0 90px;}
.proInfoHead .img{ width: 620px; height: 620px; position: relative;}
.proInfoHead .img img{ width: 100%; height: 100%; object-fit: contain; position: relative; z-index: 2;}
.proInfoHead .img:before{ content: ''; position: absolute; left: 50%; top: 50%; background: url("../images/pro_info_bg.png") no-repeat; background-size: contain; transform:translate(-50%,-50%); width:177.4193548387097%; height:177.4193548387097%; z-index: 1;}
.proInfoHead .text{ flex: 1; padding: 0 60px; box-sizing: border-box; position: relative; z-index: 2;}
.proInfoHead .m{ margin-bottom: 50px;}
.proInfoHead a{ display: flex; align-items: center; height: 64px; color: #E20000;}
.proInfoHead i{ display: block; font-size: 18px; margin-right: 0.6666666666666667em;}
.proInfoHead span{ display: block; font-size: 22px;}
.proInfoHead .h3{ font-size: 24px; color: #000000; line-height: 1.2; margin-bottom: 0.5em;}
.proInfoHead .em{ font-size: 16px; color: #7F7F7F; line-height: 1.2; margin-bottom: 2em;}
.proInfoHead .p{ font-size: 16px; color: #7F7F7F; line-height: 1.6;}
.proInfoCon{ padding-bottom: 60px; position: relative; z-index: 2;}
.proInfoCon .wpd{ display: flex;}
.proInfoConFl{ width: 240px; margin-right: 150px;}
.proInfoConFl .t{}
.proInfoConFl .t{ height: 3em; line-height: 3em; padding-right: 1.363636363636364em; text-align: right; display: block; position: relative; color: #E20000; font-size: 22px;}
.proInfoConFl .t:after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 100vw; background: #f1f1f1; z-index: 1; transition: 0.3s all;}
.proInfoConFl .t:before{ content: ''; width: 4px; position: absolute; top: 0; right: 0; bottom: 0; background: #E20000; z-index: 2; transition: 0.3s all;}
.proInfoConFl .t strong{ position: relative; display: block; z-index: 3; font-weight: normal;}
.proInfoConFr{ flex: 1; font-size: 16px;}
.proInfoConFr .c{ margin: 0 -1em;}
.proInfoConFr table{ width: 100%; border-collapse: collapse; color: #7F7F7F;}
.proInfoConFr td{ padding: 1em 1em; box-sizing: border-box;}
.proInfoConFr td:nth-child(odd){ color: #000; font-weight: bold;}
.proInfoConFr img{  display: inline-block; max-width: 100%; height: auto;}
.proInfoBtn{ position: absolute; right:0%; bottom: 0px; width: 60px; text-align: center; z-index: 6;}
.proInfoBtn a{ display: block; color: #E20000;}
.proInfoBtn i{ display: block; font-size: 36px; line-height: 1;}
.proInfoBtn span{ display: block; font-size: 16px; font-weight: bold;}
.caseMain1{ background: #fff;}
.caseTab{}
.caseList{}
.caseList ul{}
.caseList li{ border-bottom: 1px solid #7F7F7F; padding: 70px 0; position: relative;}
.caseList li:first-child{ padding-top: 0;}
.caseList li::before{ content:''; position: absolute; left: -96px; bottom: -1px; width: 342px; height: 342px; background: url("../images/industry_bg1.png") no-repeat left bottom; background-size: contain; z-index: 1; opacity: 0; transition: 0.3s all;}
.caseList .pd{ display: flex; flex-direction: row-reverse; position: relative; z-index: 2; align-items: center;}
.caseList .img{ width: 1000px; margin-left: 100px; border-radius: 24px; overflow: hidden;}
.caseList .text{ flex: 1;}
.caseList .h3{ padding-bottom: 50px; position: relative; color: #040000; margin-bottom: 70px;}
.caseList .h3 strong{ font-size: 60px; line-height: 1.2; display: block;}
.caseList .h3 em{ font-size: 60px; line-height: 1.2; display: block;}
.caseList .h3::before{ content: ''; position: absolute; left: 0; bottom: 0; width: 46px; height: 7px; background-image: linear-gradient(to right,#e5000e,#F4CC1D);}
.caseList .p{ font-size: 16px; line-height: 1.6; min-height: 6.4em;}
.caseList li:hover::before{ opacity: 1;}
.newsMain1{ position: relative;}
.newsMain1:before{ content:''; position: absolute; left: 0; top: -60px; right: 0; bottom: 0; border-radius: 0 0 60px 60px; background: url("../images/newsMain1_bg1.jpg") no-repeat #e9ecf1; background-size: 100% 100%;}
.newsMain1 .fpage li{ background: #e9ecf1;}
.news_lsit{}
.news_lsit li{ margin-bottom: 50px;}
.news_lsit .pd{ display: block; position: relative; background: #fff; border-radius: 16px; overflow: hidden; transition: 0.6s all;}
.news_lsit .pd:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: url("../images/news_bg.png") no-repeat left top #fff; background-size: auto 100%; z-index: 1; opacity: 0; transition: 0.6s all;}
.news_lsit .npd{ position: relative; z-index: 2; padding: 40px 60px 40px 220px;}
.news_lsit .h3{ font-size: 26px; margin-bottom: 0.3em; margin-right: 100px; color: #000; line-height: 1.2; height: 1.2em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.news_lsit .em{ position: absolute; left:2.777777777777778em; top: 50%; line-height: 1; margin-top: -0.5em; font-size: 18px; color: #000; font-weight: bold;}
.news_lsit .p{ font-size: 18px; color: #8E8E8E; margin-right: 100px;}
.news_lsit .m{font-size:30px; position:absolute; top:50%; right: 1.666666666666667em; z-index:2; height:2.5em; margin-top:-1.25em; line-height:2.5em; width:2.5em; text-align:center; border:1px solid #E50012; border-radius: 0.5em; color:#E50012; background:rgba(255,255,255,1);}
.news_lsit .m:hover{ background: #E50012; color: #fff;}
.news_lsit .pd:hover{ box-shadow: 1px 12px 18px rgba(170,177,193,0.5); transform: translateY(-5px);}
.news_lsit .pd:hover:before{ opacity: 1;}
.news_lsit .pd:hover .h3{ color: #E50012;}
.newsInfoMain1{ padding-top: 200px; border-radius:0 0 60px 60px; background: #fff; overflow: hidden;}
.newsInfoMain1::before{ content: ''; position: absolute; right: 0; bottom: 0; background: url("../images/news_info_bg.png") no-repeat right bottom; background-size: contain; width: 1200px; height: 1200px; pointer-events: none;}
.newsInfo{}
.newsInfoBtn{ margin-bottom: 60px; display: flex;}
.newsInfoBtn a{ display: flex; align-items: center;}
.newsInfoBtn i{ font-size: 20px; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 0.5em; border: 1px solid #E20000; color: #E20000; margin-right: 1em; transition: 0.3s all;}
.newsInfoBtn span{ font-size: 22px; color: #E20000;}
.newsInfoBtn a:hover i{ background: #E20000; color: #fff;}
.newsInfoHead{ padding-bottom: 60px; margin-bottom: 60px; border-bottom: 1px solid #040000;}
.newsInfoHead h1{ font-size: 46px; color: #E50012; margin-bottom: 0.2em;}
.newsInfoHead .em{ font-size: 32px; color: #19191A;}
.newsInfoCon{ color: #7F7F7F; font-size: 16px; margin-bottom: 3.75em;}
.newsInfoCon img{ display: inline-block; max-width: 100%; height: auto;}
.newsInfoTool{ margin-bottom: 60px;}
.newsInfoTool ul{ display: flex; margin: 0 -1em;}
.newsInfoTool li{}
.newsInfoTool .pd{ font-size: 16px; color: #000; font-weight: bold; margin: 0 1em;}
.newsInfoPage{}
.newsInfoPage ul{ display: flex; margin: 0 -30px;}
.newsInfoPage li{ width: 50%;}
.newsInfoPage .pd{ margin: 0 30px; display: flex; align-items: center; color: #19191A;}
.newsInfoPage .i{font-size: 40px; width: 2em; height: 2em; line-height: 2em; text-align: center; border-radius: 0.25em; border: 1px solid #E20000; color: #E20000; margin-right: 1em; transition: 0.3s all;}
.newsInfoPage .text{}
.newsInfoPage .t{ font-weight: bold; font-size: 18px; line-height: 1.5; margin-bottom: 0.3em;}
.newsInfoPage .c{ font-size: 16px; line-height: 1.5; height: 1.5em; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.newsInfoPage .pd:hover .i{ background: #E20000; color: #fff;}
.aboutMain1{ overflow: hidden;}
.aboutMain1:before{ content:''; position: absolute; left: 0; top: -60px; right: 0; bottom: 0; background: url("../images/aboutMain1_bg.jpg") no-repeat; background-size: 100% auto; border-radius: 0 0 60px 60px; overflow: hidden;}
.aboutMain1 .navb ul{ background: #fff; box-shadow: 1px 4px 15px rgba(170,177,193,1);}
.aboutMain1_1{ margin-bottom: 110px;}
.aboutMain1_1 img{ width:100%; height: auto; display: block;}
.aboutMain1_2{ margin-bottom: 110px;}
.aboutMain1_2 .pd{ display: flex; flex-direction: row-reverse;}
.aboutMain1_2 .img{ width: 734px; margin-left: 60px; border-radius: 20px; overflow: hidden;}
.aboutMain1_2 .text{ flex: 1; padding-top: 20px;}
.aboutMain1_2 .p{ font-size: 16px; line-height: 1.5; color: #2D2D2D;}
.aboutMain1_2 .p strong{ font-weight: bold; color: #040000;}
.aboutMain1_3{}
.aboutMain1_3 ul{ display: flex; margin: 0 -30px;}
.aboutMain1_3 li{ flex: auto;}
.aboutMain1_3 .pd{ margin: 0 30px; padding: 16px 26px; color: #000; position: relative; height: 100%; box-sizing: border-box;}
.aboutMain1_3 .pd:before{ content: ''; position: absolute; left: 0; bottom: 0; height: 2px; background: #E20000; width: 100%; opacity: 0; transition: 0.3s all;}
.aboutMain1_3 .t{ font-size: 20px; line-height: 1.2; margin-bottom: 0.3em;}
.aboutMain1_3 .c{ font-size: 16px; line-height: 1.2;}
.aboutMain1_3 .pd:hover{ background: #F4F4F4;}
.aboutMain1_3 .pd:hover::before{ opacity: 1;}
.aboutMain2{ overflow: hidden; padding-bottom: 0;}
.aboutMain2_2{ padding-top: 720px;}
.hRotateBox{ width: 1200px; margin: 0 auto; position: relative;}
.hRotate { width: 2px; height: 2px; background: #fff; border-radius: 50%; position: absolute; left: 50%; bottom: 0; margin:-1px 0 0 -1px; z-index: 3;}
.hRotateBg{ content: ''; position: absolute; left: 50%; top: 50%; width:1200px; height: 1200px; margin:-600px 0 0 -600px; background: url("../images/honor_bg.png") no-repeat center center; background-size: contain; border-radius: 50%; z-index: 1; transition: 0.6s all;}
.hRotate .wpd{width: 0px; height: 0px; position: absolute; left: 50%; top: 50%; background: #000; transform: rotate(-90deg) translateZ(0); z-index: 6;}
.hRotate ul{width: 0px; height: 0px; position: absolute; left: 50%; top: 50%; background: #000; transform: rotate(0deg) translateZ(0); transition: 0.3s transform; z-index: 7;}
.hRotate li{position: absolute; width: 0px; height: 0px; background-color: #3498db; border-radius: 50%; transform-origin: center center; top: 50%; left: 50%;}
.hRotate .i{ width: 30px; height: 200px; position: absolute; left: 50%; margin-left: -15px; bottom: 0px; border-top: 1px solid #000; transform: rotate(30deg); transform-origin: bottom center;}
.hRotate .i:before{ content: ''; position: absolute;}
.hRotate .pd{ width: 0; height: 0; position: absolute; left: 50%; top: 50%; transform-origin: bottom center; transition: 0.3s all;}
.hRotate .npd{ width:296px; position: absolute; left: 50%; top: 50%; cursor: pointer; transform: translate(-50%,-50%) scale(0.75) translateZ(0); transition: 0.3s all;}
.hRotate .img{ width: 228px; margin: 0 auto;}
.hRotate .text{ text-align: center;}
.hRotate .h3{ font-size: 16px; color: #000; line-height: 1;}
.hRotate .h3 span{ font-size: 4em;}
.hRotate li.curr .npd{ transform: translate(-50%,-50%) scale(1) translateZ(0);}
.hRotateArrow{ position: absolute; bottom: 2em; font-size: 40px; width: 2em; height: 2em; border: 1px solid #E20000; color: #E20000; background: #fff; border-radius: 0.3em; 
z-index: 5;}
.hRotateArrow:hover{ background: #E20000; color: #fff;}
.hRotatePrev{ left: 50%; margin-left: -2.2em;}
.hRotateNext{ right: 50%; margin-right: -2.2em;}
.aboutMain3{}
.aboutMain3:before{ content:''; position: absolute; left: 0; top: -60px; right: 0; bottom: 0; background: url("../images/aboutMain3_bg.jpg") no-repeat; background-size: 100% 100%; border-radius:0 0 60px 60px; overflow: hidden;}
.msg{}
.msg .t{ width: 460px;}
.msg .t strong{ font-size: 30px; line-height: 1.2; color: #040000; font-weight: bold; display: block;}
.msg .t em{ display: block; font-size: 24px; line-height: 1.2; margin-top: 1em;}
.msg .c{ flex: 1;}
.msg ul{ margin: 0 -10px; display: flex; flex-wrap: wrap;}
.msg li{ margin-bottom: 16px; width: 50%;}
.msg li.w100{ width: 100%;}
.msg .pd{ margin: 0 10px;}
.msgHead{ display: flex; margin-bottom: 50px;}
.msgCon{ display: flex;}
.msgBtn{ margin-left: 460px; padding-left: 150px; padding-top: 60px;}
.ipt_t2{ width: 100%; box-sizing: border-box; height: 4em; font-size: 22px; padding: 0 1.5em; background: #F2F2F2; border:none; border-radius: 0.5em;}
.ipt_t2:focus{ outline:none; box-shadow: 0 0 3px rgba(226,0,0,1);}
.ipt_text2{ width: 100%; box-sizing: border-box; height: 12em; font-size: 22px; padding: 1em 1.5em; background: #F2F2F2; border:none; border-radius: 0.5em; overflow: hidden; resize: none;}
.ipt_text2:focus{ outline:none; box-shadow: 0 0 3px rgba(226,0,0,1);}
.ipt_b2{ width: 8.2em; height: 3em; border: 1px solid #E20000; background: #fff; border-radius: 0.4em; font-size: 30px; color: #E20000;}
.ipt_b2:hover{ background: #E20000; color: #fff;}
/* 内页等比PC适配 */
.nBanner{ border-radius: 0 0 3em 3em;}
.nBanner .text{ bottom: 3em;}
.nBanner .h3{ font-size: 2.6em;}
.nBanner .em{ font-size: 3.6em;}
.pMain{ padding: 4.5em 0;}
.pMain:last-child{ padding-bottom: 7.5em; border-radius: 0 0 3em 3em;}
.aboutMain2{ padding-bottom: 0;}
.proMain1:before{ top: -3em; border-radius:0 0 3em 3em ;}
.nPro{ margin: 0 2em;}
.nProTab{ margin-bottom: 3em;}
.nProTab ul{ margin: 0 -2em;}
.nProTab li{ margin-bottom: 1.4em;}
.nProTab .pd{ font-size: 1.5em;}
.nProCon .swiper{ margin: 0 -4.3em;}
.nProCon .pd{ margin: 0 4.3em 4.3em 4.3em;}
.nProCon .img{ width: 51.2em; margin-right: 5em;}
.nProCon .img img{ aspect-ratio: 1024/648; border-radius: 4em;}
.nProCon .img:before{ left: -4.3em; top: 0; width: 55.4em; height: 36.9em;}
.nProCon .em{ font-size: 2.2em;}
.nProCon .h3{ font-size: 2.5em;}
.nProCon .p{ font-size: 1em;}
.nNav{ margin-bottom: 3em;}
.nNav_flex{ top: 1em; margin: 0 4.8em; padding-top: 4.5em;}
.nNavBtn{ margin-right: 2em;}
.nNavBtn a{ height: 3.2em;}
.nNavBtn i{ font-size: 0.9em;}
.nNavBtn span{ font-size: 1.1em;}
.navb ul{ padding: 0 1.5em; border-radius: 1.6em;}
.navb li{ padding: 0.6em 0;}
.navb a{ font-size: 1em;}
.proFl{ width: 12em; margin-right: 7.5em;}
.pro_nav li{ margin-bottom: 1em;}
.pro_nav .pd{ font-size: 1em;}
.pro_lsit ul{ margin: 0 -0.8em;}
.pro_lsit li{ margin-bottom: 1.5em;}
.pro_lsit .pd{ margin: 0 0.8em; border-radius: 0.6em;}
.pro_lsit .h3{ font-size: 1em;}
.proInfoHead{ margin-bottom:4.5em;}
.proInfoHead .pd{  margin: 0 4.5em;}
.proInfoHead .img{ width: 31em; height: 31em;}
.proInfoHead .text{ padding: 0 3em;}
.proInfoHead .m{ margin-bottom: 2.5em;}
.proInfoHead a{ height: 3.2em;}
.proInfoHead i{ font-size: 0.9em;}
.proInfoHead span{ font-size: 1.1em;}
.proInfoHead .h3{ font-size: 1.2em; }
.proInfoHead .em{ font-size: 0.8em; }
.proInfoHead .p{ font-size: 0.8em; }
.proInfoConFl{ width: 12em; margin-right: 7.5em;}
.proInfoConFl .t{ font-size: 1.1em;}
.proInfoConFr{ font-size: 0.8em;}
.proInfoConFr td{ padding: 1em 1em;}
.proInfoBtn{ width: 3.2em;}
.proInfoBtn i{ font-size: 1.8em;}
.proInfoBtn span{ font-size: 0.8em;}
.caseList li{ padding: 3.5em 0;}
.caseList li::before{ left: -4.8em; width: 17.1em; height: 17.1em; }
.caseList .img{ width: 50em; margin-left: 5em; border-radius: 1.2em;}
.caseList .h3{ padding-bottom: 2.5em; margin-bottom: 3.5em;}
.caseList .h3 strong{ font-size: 3em; }
.caseList .h3 em{ font-size: 3em; }
.caseList .h3::before{ width: 2.3em; height: 0.35em;}
.caseList .p{ font-size: 0.8em;}
.newsMain1:before{ top: -3em; border-radius: 0 0 3em 3em;}
.news_lsit li{ margin-bottom: 2.5em;}
.news_lsit .pd{ border-radius: 0.8em;}
.news_lsit .npd{ padding: 2em 3em 2em 11em;}
.news_lsit .h3{ font-size: 1.3em;}
.news_lsit .em{ font-size: 0.8em;}
.news_lsit .p{ font-size: 0.8em;}
.news_lsit .m{font-size:1.5em;}
.newsInfoMain1{ padding-top: 10em;}
.newsInfoMain1::before{ width: 60em; height: 60em;}
.newsInfoBtn{ margin-bottom: 3em;}
.newsInfoBtn i{ font-size: 1em; }
.newsInfoBtn span{ font-size: 1.1em;}
.newsInfoHead{ padding-bottom: 3em; margin-bottom: 3em; }
.newsInfoHead h1{ font-size: 2.3em; }
.newsInfoHead .em{ font-size: 1.6em; }
.newsInfoCon{ font-size: 0.8em; }
.newsInfoTool{ margin-bottom: 3em;}
.newsInfoTool .pd{ font-size: 0.8em; }
.newsInfoPage ul{ margin: 0 -1.5em;}
.newsInfoPage .pd{ margin: 0 1.5em; }
.newsInfoPage .i{font-size: 2em;}
.newsInfoPage .t{ font-size: 0.9em;}
.newsInfoPage .c{ font-size: 0.8em;}
.aboutMain1:before{  top: -3em;border-radius:0 0 3em 3em;}
.aboutMain1 .navb ul{ box-shadow: 1px 4px 0.8em rgba(170,177,193,1);}
.aboutMain1_1{ margin-bottom: 5.5em;}
.aboutMain1_2{ margin-bottom: 5.5em;}
.aboutMain1_2 .img{ width: 36.7em; margin-left: 3em; border-radius: 1em;}
.aboutMain1_2 .text{ padding-top: 1em;}
.aboutMain1_2 .p{ font-size: 0.8em;}
.aboutMain1_3 ul{ margin: 0 -1.5em;}
.aboutMain1_3 .pd{ margin: 0 1.5em; padding: 0.8em 1.3em; }
.aboutMain1_3 .t{ font-size: 1em;}
.aboutMain1_3 .c{ font-size: 0.8em;}
.aboutMain2_2{ padding-top: 36em;}
.hRotateBox{ width: 60em;}
.hRotateBg{width:60em; height: 60em; margin:-30em 0 0 -30em;}
.hRotate .i{ width: 1.5em; height: 10em; margin-left: -0.75em; }
.hRotate .npd{ width:14.8em; }
.hRotate .img{ width: 11.4em; }
.hRotate .h3{ font-size: 0.8em; }
.hRotateArrow{ font-size: 2em; }
.aboutMain3{ padding-top: 6.5em;}
.aboutMain3:before{ top: -3em; border-radius:0 0 3em 3em;}
.msg .t{ width: 23em;}
.msg .t strong{ font-size: 1.5em; }
.msg .t em{ font-size: 1.2em; }
.msg ul{ margin: 0 -0.5em; }
.msg li{ margin-bottom: 0.8em; }
.msg .pd{ margin: 0 0.5em;}
.msgHead{ margin-bottom: 2.5em;}
.msgBtn{ margin-left: 23em; padding-left: 7.5em; padding-top: 3em;}
.ipt_t2{ font-size: 1.1em; }
.ipt_text2{ font-size: 1.1em;}
.ipt_b2{ font-size: 1.5em;}
/* 内页等比PC适配 结束*/
.dingwei{position: relative;}
.dingwei a{ position: absolute; bottom: 144px; width: 1px; height: 1px;}
.dingwei_1 a{bottom:214px;}
@media screen and (max-width:1680px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1366px){
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1024px){
body{ padding-top:60px; min-width:inherit; font-size: 14px;}
.wp{ width: auto; box-sizing: border-box; margin: 0 30px;}
.nProMain2 .wp{ margin: 0 30px; width: auto;}
.header .wp{ margin: 0 30px; width: auto;}
.header .wpd{ padding: 0;}
.footer .wp{ margin: 0 30px; width: auto;}
.logo{ font-size: 40px;}
.tLanguage{ left: auto; top: 50%; right:34px; margin-top: -16px; transform: none;}
.tLanguage .i{ display: block; width: 32px; height:32px; line-height: 32px; font-size: 24px;}
.tNav{ left: auto; top: 50%; right:72px; margin-top: -16px; transform: none;}
.tNav .i{ display: block; color: #fff; font-size: 24px; width:32px; height:32px; line-height:32px;}
.tNav .box{ display: none; position: fixed; left:0; top: 60px; right:0; background: #f5f5f5; text-align: center;  padding: 30px 0; color: #E20000;}
.tNav ul{ justify-content: center;}
.tNav .pd{ box-shadow: none; padding:0; background: none; border-radius:0;}
.tNav .t{ display: none;}
.tNav .c{ display: block; position: relative; top: auto; left: auto; margin:0; width: auto; padding:0;}
.tNav .c a{ font-size: 16px;}
.embody .tLogon{color: #000;}
.menu-link{ display: block;}
.menu-link em{ font-size:14px;}
.header{ background:#000; position: fixed; padding:0; box-shadow: 0 0 6px rgba(0,0,0,0.2); left: 0; top: 0; right: 0; border-radius: 0;}
.embody .header{ background: #fff;}
.embody .logo .img1{ opacity: 1;}
.embody .logo .img2{ opacity: 1;}
.header:before{ display: none;}
.header .wp{ height:60px;}
.menu{ position:fixed; top:60px; bottom:0; z-index:2; margin:0; box-sizing:border-box;width:240px; right:-250px;}
.menu ul{ padding:80px 0 0 0; float: none; display: block;}
.menu li{ margin-bottom:15px; float: none; margin:0; padding:0;}
.menu li:hover .h3 a,
.menu li.curr .h3 a{ color: #ffffff;}
.menu .h3{ padding:0; text-align: left; position: relative;}
.menu .h3 a{ display:block; vertical-align: bottom; font-size:14px; padding: 0 30px; height:40px; line-height: 40px; overflow:hidden; color:#333;}
.menu li:hover .h3 a:after,
.menu li.curr .h3 a:after{ width: 4em; margin-left: -2em; left: 50%;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before,
.menu .h3 a:before{ width: 4em; left: 50%; margin-left: -2em; border-bottom: 1px dashed rgba(255,255,255,0.5); height:0; background: no-repeat; bottom:0; opacity: 1; display: block; border-left: none; border-right: none; transform:translate(0,0); top: auto;}
.menu li:hover .h3 a:before,
.menu li.curr .h3 a:before{ border-bottom-color: #ffffff;}
.menu .h3 span{ height:40px; line-height:40px; display:block; text-transform:uppercase;}
.menu .h3 i{ height:40px; line-height:40px; display:block;}
.menu li:last-child .h3 a:before{ opacity:0; display: none;}
/*新菜单*/
.menu{ width: 200px; background: rgba(0,0,0,0.8); background-size: 100% 100%;}
.menu .h3 a{ color: rgba(255,255,255,0.8); padding:0; text-align: center;}
.menu .h3 span,
.menu .h3 i{ display: none;}
.menu.active{ right:0;}
.menu .box{ display: none; position: static; top: auto; left: auto; width: auto; box-shadow: none; transition: none; margin:0; transform: none; opacity: 1; visibility: visible; padding:0; padding: 15px 0;}
.menu .box .npd{ flex-wrap: wrap;}
.menu .box .t a{ padding:5px 0; margin:0; width: 50%;}
.menu .box .t a:before{ display: none;}
.menu .boxb{ display: none; position: static; top: auto; left: auto; width: auto; box-shadow: none; transition: none; margin:0; transform: none; opacity: 1; visibility: visible; padding:0; padding: 15px 0;}
.menu .boxb .npd{ flex-wrap: wrap;}
.menu .boxb .t a{ padding:5px 0; margin:0; width: 50%;}
.menu .boxb .t a:before{ display: none;}
.iBannerB{ min-height:inherit;}
.iBannerB .pd{ padding-top: 0px;}
.iBannerB .swiperDots{ left: 30px; right: 30px; bottom: 30px; margin-right:0; top: auto; display: flex;flex-direction:inherit;}
.iBannerB .swiperDots span{ margin: 0 4px;}
.iBannerB .img img{ height: auto;}
.iBannerB .h3{ font-size: 2em;}
.iBannerB .p em{ font-size: 1em;}
.iBannerB .c{ font-size: 2.5em;}
.iMain{ padding: 60px 0;}
.toNext{ display: none;}
.iAbouHead .em{ font-size: 2.5em;}
.iAbouText{ margin-bottom: 3em; padding-bottom: 3em;}
.iAbouText .p{ font-size: 1em;}
.iAbouList .em{ font-size: 1em;}
.iAbouList .t em{ font-size: 1em;}
.iAbouList .t strong{ font-size: 2.5em;}
.iProTit .em{ font-size: 3em;}
.iProTit .t strong{ font-size: 2em;}
.iProTit .t em{ font-size: 1em;}
.iProTab{ padding-top: 3em;}
.iProTab .pd{ font-size: 1.5em;}
.iProTab .pd:before{ left: auto; right: -1.111111111111111em;}
.iProCon .swiperArrow{ font-size: 1em;}
/*
.iProTab{ padding-top: 2em;}
.iProTab strong{  transform: scale(1);}
.iProTab .pd{ font-size: 14px; padding: 0 1em; background: #fff;}
.iProTab li{ display: block;}
.iProTab li.curr .pd{ padding: 0 1em;}
*/
.iIndustry{ margin: 0px;}
/* 内页 */
.nBanner{ border-radius: 0 0 1em 1em;}

.pMain{ padding: 5em 0;}
.pMain:last-child{border-radius: 0 0 1em 1em; padding-bottom: 5em;}
.proMain1:before{ border-radius: 0 0 1em 1em; top: -1em;}
.nProTab ul{ margin: 0 -10px;}
.nProTab .pd{ margin: 0 10px; font-size: 16px; height: 2.5em; line-height: 2.5em; border-radius: 1.25em;}
.nProCon .pd{ margin-bottom: 0px;}
.nProCon .img{ width: 50%; margin-right: 2em;}
.nProCon .img:before{ display: none;}
.nProCon .img img{ border-radius: 1em;}
.nProCon .h3{ margin-bottom: 1em;}
.nProCon .em{ font-size: 1.5em;}
.nProCon .h3{ font-size: 2em;}
.navb ul{ flex-wrap: wrap;}
.nNavList{}
.nNavList ul{ justify-content: flex-start;}
.nNavList li{ width: 20%;}
.nNavBtn{ display: none;}
.navb ul{ border-radius: 0; background: none; padding: 0;}
.navb a{background: #F1F1F1; margin: 0 3px; text-align: center; font-size: 16px;}
.proFl{ margin-right: 3em;}
.proInfoHead .pd{ margin: 0px;}
.proInfoHead .img{ width: 20em; height: 20em;}
.proInfoHead .text{ padding:  0 0 0 2em;}
.proInfoCon .wpd{ display: block;}
.proInfoConFl{ width: auto; margin: 0 0 30px 0;}
.proInfoConFl .t{ text-align: left; padding: 0 1em;}
.proInfoConFl .t:before{ left: 0;}
.proInfoConFl .t:after{ width: 100%;}
.proInfoConFl .t strong{ font-size: 18px;}
.nNav_flex{ margin: 0 30px;}
.caseList .img{ width: 50%; border-radius: 1em; margin-left: 20px;}
.caseList .h3{ padding-bottom: 1.5em; margin-bottom: 2em;}
.caseList .h3 strong{ font-size: 2em;}
.caseList .h3 em{ font-size: 1.5em;}
.aboutMain1:before{ top: -1em; border-radius: 0 0 1em 1em;}
.aboutMain1_2{ margin-bottom: 40px;}
.aboutMain1_2 .img{ width: 50%; margin-left: 20px;}
.aboutMain1_2 .text{ padding-top: 0px;}
.aboutMain1_3 ul{ display: block; margin: 0;}
.aboutMain1_3 li{ margin-bottom: 10px;}
.aboutMain1_3 li:last-child{ margin-bottom: 0px;}
.aboutMain1_3 .pd{ background: #F4F4F4; margin: 0px;}
.aboutMain1_3 .pd:before{ height: auto; width: 2px; top: 0px; opacity: 1;}
.aboutMain3:before{border-radius: 0 0 1em 1em; top: -1em;}
.newsMain1:before{ top: -1em; border-radius: 0 0 1em 1em;}
}
@media screen and (max-width:980px){
.iBannerB .swiper{ border-radius: 0 0 1em 1em;}
.iBannerB .h3{ font-size: 1.5em;}
.iBannerB .p em{ border-width: 1px;}
.iBannerB .c{ font-size: 2em;}
.iMain1{ border-radius: 0 0 1em 1em;}
.iAbout{ display: block;}
.iAbouHead{ width: auto; display: block; padding-left: 160px; margin-bottom:32px;}
.iAbouHead:before{ display: none;}
.iAbouHead .i{ position: absolute; left: 0; top: 0; font-size: 120px;}
.iAboutCon{ flex: none;}
.iAbouText{ padding-left: 160px;}
.iAbouText .p{ line-height: 1.5; height: 4.5em;}
.iAbouList{ justify-content: center;}
.iProTab .pd{ font-size: 16px;}
.iProCon{ font-size: 10px;}
.iProCon .swiperArrow{ font-size: 1.4em;}
.iNewsTit a{ font-size: 1em;}
.iNewsTit em,
.iProTit .em,
.iIndustryTit .em{ font-size: 2.5em;}
.iIndustry .text{ padding: 1.5em;}
.iIndustry .text .i i{ font-size: 1.5em;}
.iIndustry .text .i em{ font-size: 1.5em;}
.iIndustry .text .p{ height: 6em;}
.iIndustry .text .i em{ min-height: auto;}
.footerFl{ margin-left: 3em; width: 28em;}
.footerFl .npd{ margin-left: 3em;}
.iContact{ border-radius: 0 0 1em 1em;}
.iContact .h3 strong{ font-size: 2.5em;}
.iContact .h3 em{ font-size: 2.5em;}
.footerFr{ flex: 1; width: auto;}
/* 内页 */
.nBanner .h3{ font-size: 2em;}
.nBanner .em{ font-size: 2.5em;}
.pro_lsit li{ width: 50%;}
.hRotateBg{ display: none;}
.hRotateArrow{ display: none;}
.aboutMain2_1{ margin-bottom:30px;}
.aboutMain2_2{ padding: 0px;}
.hRotateBox{ width: auto;}
.hRotate{ width: auto; height: auto; border-radius: 0px; position: relative; left: auto; bottom: auto; margin: 0px; background: none;}
.hRotate .wpd{ width: auto; height: auto; border-radius: 0px; position: relative; left: auto; top: auto; margin: 0px; transform: none !important; background: none;}
.hRotate ul{ width: auto; height: auto; border-radius: 0px; position: relative; left: auto; top: auto; margin: 0px; transform: none !important; background: none; display: flex; flex-wrap: wrap; margin: 0 -5px;}
.hRotate li{ position: relative; width: auto; height: auto; background: none; top: auto; left: auto; transform: none !important; border-radius: 0; width: 33.3333%; margin-bottom: 40px;}
.hRotate .pd{ width: auto; height: auto; position: relative; left: auto; top: auto; transform: none !important;}
.hRotate .npd{ width: auto; position: relative; left:auto; top: auto; transform: none !important; margin: 0 5px;}
.hRotate .img{ width: auto;}
.hRotate .img img{aspect-ratio: 462/640; object-fit: contain; object-position: bottom center;}
.hRotate .text{ padding-top: 10px;}
.hRotate .h3{ line-height: 1.5;}
.hRotate .h3 span{ font-size: 1em;}
}
@media screen and (max-width:720px){
.iBannerB .npd{ display: block;}
.iBannerB .text{ bottom: 30px;}
.iBannerB .t{ width: auto;}
.iBannerB .h3{ font-size: 1.25em;}
.iBannerB .p{ font-size: 1em;}
.iBannerB .p em{ border-width: 1px;}
.iBannerB .c{ display: block; width: auto; font-size: 1em; text-align: left; display: none;}
.iBannerB .swiperDots{ bottom: 10px;}
.iMain1:after,
.iMain2:after,
.iBannerB::before{ font-size: 1vw;}
.iAbouHead{ padding-left: 100px; margin-bottom: 20px;}
.iAbouHead .i{ font-size: 80px;}
.iAbouHead .em{ font-size: 1.5em;}
.iAbouText{ padding-left: 100px;}
.iAbouText .p{ font-size: 12px; height: auto;}
.iAbouText .p br{ display: none;}
.iAbouList ul{ margin: 0 -10px;}
.iAbouList li{ width: 50%; padding-top: 20px;}
.iAbouList .pd{ width: auto; margin: 0 10px; background: #fff; border-radius: 1em; box-shadow: 0 0 10px rgba(0,0,0,0.1); height: 100%; padding: 1em;}
.iAbouList .i{ font-size: 2.5em; position: relative; right: auto; top: auto; text-align: center; margin-bottom: 0.2em;}
.iAbouList .t{ justify-content: center;}
.iAbouList .t strong{ font-size: 1.5em;}
.iAbouList .t span{ font-size: 1.5em;}
.iAbouList .t i{ font-size: 0.75em;}
.iAbouList .em{ text-align: center;}
.iPro{ display: block;}
.iPro::before{ display: none;}
.iProTab{ width: auto; margin-bottom: 20px;}
.iProTab ul{ display: flex; flex-wrap: wrap; margin: 0 -1px;}
.iProTab li{ display: block; width: 25%;}
.iProTab .pd{ background: #757575; color: #fff; text-align: center; font-size: 14px; height: 2em; line-height: 2em; border-radius: 1em; margin: 0 2px;}
.iProTab .pd:before{ display: none;}
.iProTab strong{ transform: scale(1);}
.iProCon .swiperNext{ right: auto; left: 3.5em;}
.iProCon .swiperPrev{ left: 0; right: auto;}
.iIndustry .wpd{ border-radius: 1em;}
.iIndustry .ul{ overflow: hidden; margin: 0 -10px;}
.iIndustry .li{ position: relative; left: auto !important; top: auto !important; bottom: auto !important; overflow: hidden; padding: 10px 0;}
.iIndustry .pd{ margin: 0 10px;}
.iIndustry .img img{ transform: scale(1.25); transition: 1s all;}
.iIndustry .t{ display: none;}
.iIndustry .c{ opacity: 1;}
.iIndustry .text .p{ height: 7.2em;}
.iIndustry .text .i i{ transition-delay: 0.8s;}
.iIndustry .text .i em{ transition-delay: 1.2s;}
.iIndustry .li.swiper-slide-active .c{ opacity: 1;}
.iIndustry .li.swiper-slide-active .img img{ transform: scale(1);}
.iIndustry .li.swiper-slide-active .i i{ transform: translateY(0); opacity: 1;}
.iIndustry .li.swiper-slide-active .i em{ transform: translateY(0); opacity: 1;}
.iIndustry .swiperDots{ display: flex; bottom: -20px;}
.iNewsTit:before{ display: none;}
.iNewsTit strong{ display: block;}
.iProTit{ margin-bottom: 40px;}
.iProTab{ padding-top: 0;}
.iIndustryTit{ margin-bottom: 40px;}
.iIndustryTit .em{ margin-bottom: 20px;}
.iNewsTit{ margin-bottom: 30px;}
.iNews .swiperDots{ bottom: -20px;}
.iNewsTit strong,
.iIndustryTit .t strong,
.iProTit .t strong{ font-size: 20px;}
.iNewsTit em,
.iProTit .em,
.iIndustryTit .em{ font-size: 24px;}
.iContact .pd{ padding-right: 5em;}
.iContact .h3{ display: block; height: auto; padding: 30px 0;}
.iContact .h3 strong{ font-size: 24px; margin-bottom: 10px; display: block;}
.iContact .h3 em{ font-size: 24px; margin-left: 0; display: block;}
.fTop{ padding-top: 40px;}
.fTop .wpd{ display: block;}
.footerFl{ width: auto; margin-left: 0px; padding-bottom: 40px;}
.footerFl:before{ display: none;}
.footerFl .npd{ margin-left: 0px;}
.fLogo{ margin-left: 0px; margin-bottom: 1em;}
.footerFr{ display: none;}
.backTop i{ font-size: 2.5em;}
.backTop span{ font-size: 1em;}
.fContact .h3{ font-size: 1em;}
.fContact .p{ font-size: 1em;}
/* 内页 */
.nPro{ margin: 0px;}
.nProTab ul{ margin: 0 -1px;}
.nProTab li{ width: 25%; margin-bottom: 10px;}
.nProTab .pd{ margin: 0 1px; font-size: 14px;}
.nProCon .pd{ display: block;}
.nProCon .img{ width: auto; margin-right: 0px;}
.nProCon .text{ flex: none; padding-top: 40px;}
.navb a{ font-size: 14px; padding: 0 0.25em;}
.nNavList li{ width: 33.3333%; padding: 3px 0;}
.pro_lsit li{ width: 100%;}
.pro_nav{}
.pro_nav li{ margin-bottom: 3px;}
.pro_nav .pd{ font-size: 12px; height: auto; text-align: left; padding: 1em 0;}
.pro_nav .pd strong{ display: block; line-height: 1.2;}
.proFl{ margin-right: 10px; width: 120px;}
.proFr{ width:calc(100% - 110px); flex: none;}
.proInfoHead .pd{ display: block;}
.proInfoHead .img{ width: 16em; height: 16em; margin: 0 auto 20px auto;}
.proInfoHead .text{ padding: 0;}
.proInfoHead .m{ position: absolute; right: 0; top: 0; margin-bottom: 0;}
.proInfoHead .h3{ margin-right: 54px;}
.proInfoHead .em{ margin-right: 54px;}
.proInfoConFr .c{ margin: 0;}
.proInfoConFr table{ font-size: 10px; height: auto !important;}
.proInfoConFr tr{ height: auto !important;}
.proInfoConFr td{ padding: 0.25em; min-width: 2em;word-wrap: break-word; box-sizing: border-box; height: auto !important;}
.proInfoBtn{ position: relative; right: auto; bottom: auto; width: auto;}
.proInfoBtn a{ color: #fff; background: #E20000; border-radius: 10px; padding: 6px 0;}
.fpage ul{ font-size: 10px;}
.nNav_flex{ padding-top: 40px; top: 30px; position: static;}
.caseMain1{ padding-top: 40px;}
.caseTab{}
.caseTab li{ width: 33.3333%; padding: 4px 0;}
.caseList .pd{ display: block;}
.caseList .img{ width: auto; margin: 0 0 30px 0;}
.caseList li::before{ display: none;}
.newsInfoMain1::before{ width: 50%;}
.news_lsit .npd{ padding: 2em;}
.news_lsit .em{ position: relative; left: auto; top: auto ; margin: 0 0 20px 0;}
.news_lsit .h3{ margin-right: 0; margin-bottom: 10px;}
.news_lsit .p{ margin-right: 0; }
.news_lsit .m{ display: none;}
.newsInfoTool ul{ flex-wrap: wrap;}
.newsInfoTool li{ width: 50%;}
.newsInfoPage li{ width: 100%; margin-bottom: 20px;}
.newsInfoPage li:last-child{ margin-bottom: 0; }
.newsInfoPage ul{ display: block; margin: 0;}
.newsInfoPage .pd{ margin: 0px;}
.newsInfoPage .i{ font-size: 1.75em; margin-right: 0.5em;}
.aboutTab li{ width: 25%;}


.aboutMain1_2 .pd{ display: block;}
.aboutMain1_2 .img{ width: auto; margin: 0 0 30px 0;}
.aboutMain2{ background: #f5f5f5;}

.hRotate li{ width: 50%;}




.msg .t{ width: auto; margin-bottom: 20px;}
.msg .t em{ margin-top: 0.5em;}
.msg li{ width: 100%;}

.msgHead{ display: block;}
.msgCon{ display: block;}
.msgBtn{ margin-left: 0; padding-left: 0; padding-top: 30px; display: flex; justify-content: center;}
.ipt_b2{ font-size: 16px;}

}
@media screen and (max-width:640px){
.iAboutData .h3 strong{ font-size: 1.5em;}
/* 内页 */
.nBanner .img img{ width: 150%; position: relative; left: 50%; margin-left: -75%;}
.nBanner .text{ bottom: 20px;}
.nBanner .h3{ font-size: 1.5em;}
.nBanner .em{ font-size: 2em;}
.nBanner_products_info .em,
.nBanner_products_list .em{ font-size: 1.25em;}

}
@media screen and (max-width:480px){
.header .wp,
.wp{ margin: 0 6%;}
.iProCon{ font-size: 8px;}
.iProBottom{ font-size: 10px;}
/* 内页 */
.nNav_flex{ margin: 0 6%;}
.hRotate li:first-child{ width: 100%;}
.hRotate li:first-child .img img{ aspect-ratio: 640/462;}
}
@media screen and (max-width:413px){
/* 内页 */
}
@media screen and (max-width:374px){
/* 内页 */
}


#translate{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 999; background: rgba(0,0,0,0.5); display: none;}

.ignore{ position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #444; z-index:999; display: none;}
.ignore .wp{ height: 100%;}
.ignoreList{ height: 100%; display: flex; align-items: center; position: relative;}
.ignoreList .i{ width: 32px; height: 32px; line-height: 32px; display: block; border-radius: 16px; background: #fff; color: #E20000; position: absolute; left: 50%; margin-left: -16px; bottom: 0px; text-align: center; cursor: pointer;}
.ignoreList .i:hover{ background: #E20000; color: #fff;}
.ignoreList .wpd{ position: relative; padding-bottom: 60px;}
.ignoreList ul{ display: flex; flex-wrap:wrap;}
.ignoreList li{ width: 20%;}
.ignoreList a{ color: #fff; height: 32px; line-height: 32px; display: block;}
.ignoreList a:hover{ color: #E20000;}