html{width: 100%;font-size: 10px;}
@media screen and (max-width:1720px) {html{font-size: 9px;}}
@media screen and (max-width:1520px) {html{font-size: 8px;}}
@media screen and (max-width:1320px) {html{font-size: 7px;}}
@media screen and (max-width:1199px) {html{font-size: 8px;}}

html{width: 100%;}
body{overflow-x:hidden;position: relative;font-size: 1.6rem; background: #fff; font-family: "Arial","Microsoft Yahei"; line-height: 1.5; color: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html,body{scroll-behavior: smooth;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .3s ease; cursor: pointer;}
em,i{font-style: normal;}
h1,h2,h3,h4,h5,h6,th{font-weight: normal;}
strong{font-weight: 800;}
img{border: 0; height: auto; vertical-align: middle;pointer-events: none;/*display: block;*/}
table{border-collapse: collapse; border-spacing: 0;}
input,textarea,select,button{border: 0; background: none; outline: 0; font-family: "Microsoft Yahei";}
input[type="button"],input[type="text"],input[type="submit"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input,input:focus,input:active{user-select: text;}
button:focus{outline: 0;}
textarea{resize: none;}
video{outline: none;display: block;}
*{margin: 0;padding: 0;box-sizing: border-box;}
.clearfix:after{content: ""; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;overflow: hidden;}
.relative{position: relative;}
.fl{float: left;}
.fr{float: right;}
.flex {display: flex;height: 100%;}
.content_box {box-sizing: border-box;width: 100%;margin: auto;padding-top: 8rem;}
.pd50{padding: 0 5rem;}
.w1520{position: relative;width: 1520px;margin: 0 auto;}
.layui-layer-video{max-width: 1200px;}
.layui-layer-video video{display: block;width: 100%;}

.pdt5{padding-top: 5rem;}
.pdt10{padding-top: 10rem;}
.pdb10{padding-bottom: 10rem;}
.pdr1520{padding-right: calc((100% - 1520px)/2);}

@font-face {
    font-family: DIN;
    src: url(../fonts/DIN-BOLD.OTF);
}




.h-header{min-height: 8rem;position: relative;z-index: 999;}
.h-head {background:#fff;border-bottom: 1px solid #E9EAEA;position: fixed;top: 0;left: 0;width: 100%;transition: .5s;}
.fixed-top .h-head{transform: translateY(-100%);}
.h-head > div{display: flex;}
.h-logo{display: block;margin: auto 0;}
.h-nav{display: flex;margin: 0 auto;}
.h-nav .li{position: relative}
.h-nav .li.active>a{font-weight: bold;}
.h-nav .li+.li{margin-left: 6rem;}
.h-nav .li>a{display: block;line-height: 8rem;font-size: 1.8rem;color: #333333;}
.h-nav .li>a:hover{opacity: .8;}
.h-lang{display: flex;align-items: center;justify-content: center;margin: auto 0;}
.h-lang img{display: block;width: 20px;margin-right: 0.8rem;}
.h-lang span{display: block;font-size: 1.8rem;color: #666666;}
.h-lang:hover{opacity: .8;}

.h-nav .h-subnav {width:20rem;background:#ffffff;font-size:1.6rem;text-align:left;position:absolute;left:50%;transform: translateX(-50%);top:100%;height:0;overflow:hidden;opacity:0;visibility:hidden;transition:all .3s;box-shadow:0 0 1.6rem -4px rgba(0,0,0,.3);margin-top:2rem;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;z-index:9999;}
.h-nav .h-subnav ol li{width: 100%;margin: 0 !important;}
.h-nav .h-subnav a {transition: .3s; padding: 0 0.1rem;box-sizing: border-box; width: 100%; display:block;height:5rem;line-height:5rem;color:#333;font-size: 1.6rem;text-align: center;font-weight: normal;}
.h-nav .h-subnav a:hover {background:#EE1D23;color:#fff!important;}
.h-nav .li:hover .h-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}


.w-head{width: 100%; height: 7rem; padding: 0 1.2rem;box-shadow: 0 0 1rem 0 rgba(0,0,0,.3); display: none; justify-content: space-between; align-items: center; position: fixed;top: 0;left:0; z-index: 9999;box-sizing: border-box;background: #fff;transition: .4s;}
.fixed-top .w-head{transform: translateY(-100%);}
.w-head .toggle{display: block; width: 3rem; height: 2.4rem; position: relative; z-index: 6;margin-left: 2rem;}
.w-head .toggle i{display: block; width: 3rem; height: 0.2rem; background: #000000; position: absolute; left: 0; transition: all ease .35s;}
.w-head .toggle i:nth-of-type(1){top: 0;}
.w-head .toggle i:nth-of-type(2){top: 1rem;}
.w-head .toggle i:nth-of-type(3){top: 2rem;}
.w-head .toggle.on i{background: #000;}
.w-head .toggle.on i:nth-of-type(1){top: 0.8rem; transform: rotate(45deg);}
.w-head .toggle.on i:nth-of-type(2){width: 0;}
.w-head .toggle.on i:nth-of-type(3){top: 0.8rem; transform: rotate(-45deg);}
.w-head .maskbg{width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: none; position: fixed; left: 0; top: 0; z-index: 3;}
.w-head .maskbg.on{display: block;}
.w-head .nav{width: 30rem; background: #fff; height: 100vh; padding: 5.6rem 0 2rem 0; position: fixed; right: 0; top: 0; z-index: 5; transform: translateX(100%); opacity: 0; transition: transform .4s,opacity .4s;}
.w-head .nav.open{transform: translateX(0); opacity: 1;}
.w-head .nav > ul{height: calc(100vh - 7rem); margin: 0 auto; position: relative; overflow-y: auto; -webkit-overflow-scrolling: touch;width: 100%;}
.w-head .nav ul li{border-top: 1px solid #ddd; margin: 0 2rem; line-height: 4rem; font-size: 1.8rem; position: relative;overflow: hidden;}
.w-head .nav > ul > li:first-child{border-top: 0 none;}
.w-head .nav ul li a{height: 8rem; line-height: 8rem; display: block; padding-right: 3rem; font-size: 2rem; color: #333;}
.w-head .nav ul li a:active  {color: #E60012 !important;}
.w-head .nav ul li ul{display: none;}
.w-head .nav ul li i{width: 3rem; height: 8rem; font-size: 1.8rem; color: #9c9c9c; position: absolute; right: 0; top: 0; transition: transform .5s;}
.w-head .nav ul li i.down{color: #E60012; transform: rotate(90deg);}
.w-head .nav ul li .icon{background: url(../images/yjt.png)no-repeat;background-size: 2rem !important;background-position: center !important;}
.w-head .nav ul li ul li{margin-right: 0;}
.w-head .nav ul li ul li a{color: #666; height: 7rem; line-height: 7rem; font-size: 1.8rem;}
.w-head .nav ul li ul li i{top: -1rem;}
.w-head .logo{position: relative;height: 5rem;margin-right: auto;}
.w-head .logo img{height: 100%;}





.indA{width: 15rem;height: 5rem;display: flex;align-items: center;justify-content: center;background: linear-gradient(90deg, #E60012, #FF3F4E);transition: .4s;}
.indA span{display: block;font-size: 1.6rem;color: #FFFFFF;}
.indA img{display: block;padding-left: 2.5rem;}
.indA:hover{background: linear-gradient(90deg, #E60012, #E60012);transform: translateY(-0.5rem);}

.indTit{display: flex;flex-direction: column;margin-bottom: 4rem;}
.indTit .atit{font-size: 3.6rem;color: #333333;font-weight: bold;}
.indTit .btit{font-size: 1.8rem;color: #666666;}
.indTit .line{display: block;width: 4rem;height: 2px;background: #E60012;margin: 0.5rem 0 1.2rem;}
.indTit.center{align-items: center;}
.indTit.white .atit{color: #fff;}
.indTit.white .btit{color: #fff;}
.indTit.white .line{background: #fff;}


.bannerItem{display: block;position: relative;}
.bannerItem .img .pcImg{display: block;}
.bannerItem .img .wapImg{display: none;}
.bannerItem .img{width: 100%;}
.bannerItem .img img{display: block;width: 100%;}
.bannerItem .desc{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);}
.bannerItem .desc .atit{position: relative;width: 28rem;height: 4rem;line-height: 4rem;padding: 0 3rem;font-size: 2rem;color: #FFFFFF;background: linear-gradient(90deg, #E60012 30%, rgba(230,0,18,0) 100%);}
.bannerItem .desc .atit::after{content: "";display: block;width: 2px;height: 100%;position: absolute;left: 1rem;top: 0;background: #fff;}
.bannerItem .desc .btit{font-size: 5rem;color: #000000;line-height:1.2;font-weight: bold;margin: 2.5rem 0 1rem;}
.bannerItem .desc .ctit{font-size: 2.2rem;color: #000000;margin-bottom: 5.5rem;}



.sec1,.sec2,.sec3,.sec4,.sec5,.sec6{overflow: hidden;}
.sec1{background-color:#fff;background-image: url(../images/sec1Bg.png);background-position: right top;background-repeat: no-repeat;}
.indAbout{display: flex;}
.indAbout .desc{width: 54%;padding-right: 6rem;}
.aboutDesc{font-size: 1.8rem;color: #666666;line-height: 2.8rem;}
.numList{display: flex;flex-wrap: wrap;gap: 5rem 0;margin-top: 5rem;}
.numItem{display: block;width: 33.333%;position: relative;padding: 0 0 1rem 2rem;}
.numItem::before{content: "";display: block;position: absolute;top: 0;left: 0;width: 1px;height: 100%;height: 3rem;background: #E60012;z-index: 4;}
.numItem::after{content: "";display: block;position: absolute;top: 0;left: 0;width: 1px;height: 100%;height: 100%;background: #CCCCCC;z-index: 3;}
.numItem span{display: block;font-size: 4.8rem;line-height:1;font-weight: bold;font-family: DIN;color: #E60012;fill: #E60012;}
.numItem p{display: block;font-size: 1.8rem;line-height:1;color: #666666;}
.indAbout .img{width: 46%;border-radius: 2rem;overflow: hidden;position: relative;}
.indAbout .img img,.indAbout .img video{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}


.videoPlay{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 16rem;cursor: pointer;}
.videoPlay .img2{position: absolute;top: 0;left: 0;animation: circle 4s infinite linear;}
@keyframes circle{0%{transform: rotate(0deg);}100%{transform: rotate(365deg);}}
.videoOpen{cursor: pointer;}




.sec2{background: #F8F8F8;}
.strengthBox{display: flex;}
.strImg{width: 50%;}
.strDesc{width: 50%;padding-left: 5rem;}
.mySwiperStrImg{width: 100%;height:100%;position: relative;overflow: hidden;}
.mySwiperStrImg .img{width: 100%;height: 100%;}
.mySwiperStrImg .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.mySwiperStrImg .swiper-pagination{display: flex;align-items: center;justify-content: center;bottom: 1rem;}
.mySwiperStrImg .swiper-pagination-bullet{display: block;width: 5rem;height: 3px;background: #FFFFFF;margin: 0.75rem!important;opacity: 0.5;border-radius: 0;transition: .3s;}
.mySwiperStrImg .swiper-pagination-bullet-active{opacity: 1;}
.mySwiperStrDesc{position: relative;overflow: hidden;margin-bottom: 5rem;}
.strItem{display: flex;align-items: center;}
.strItem+.strItem{margin-top: 3rem;}
.strItem .img{display: flex;align-items: center;justify-content: center;width: 8rem;height: 8rem;background: #FFFFFF;border-radius: 50%;flex-shrink: 0;}
.strItem .img img{display: block;width: 50%;}
.strItem .desc{font-size: 1.8rem;color: #666666;padding-left:2rem;}

/* .swiper-slide-thumb-active .strItem:nth-of-type(1){animation: fadeInUp .8s .1s ease both;}
.swiper-slide-thumb-active .strItem:nth-of-type(2){animation: fadeInUp .8s .2s ease both;}
.swiper-slide-thumb-active .strItem:nth-of-type(3){animation: fadeInUp .8s .3s ease both;}
.swiper-slide-thumb-active .strItem:nth-of-type(4){animation: fadeInUp .8s .4s ease both;}
.swiper-slide-thumb-active .strItem:nth-of-type(5){animation: fadeInUp .8s .5s ease both;} */




.indProList{display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: 2;gap: 3rem;}
.indProItem{background: #F8F8F8;display: flex;align-items: center;justify-content: center;position: relative;min-height: 30rem;}
.indProItem::after{content: "";display: block;width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);opacity: .7;z-index: 1;transition: .4s;}
.indProItem2{grid-column: 2;grid-row: 1 / span 2;}
.indProItem .img{max-width: 90%;position: relative;padding-bottom: 5rem;z-index: 2;}
.indProItem .img img{display: block;width: 100%;transition: .5s;}
.indProItem .desc{position: absolute;bottom: 0;left: 0;width: 100%;padding: 2.5rem 5rem;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;z-index: 3;}
.indProItem .desc .atit{width:100%;font-size: 2rem;line-height:2.4rem;height:2.4rem;color: #FFFFFF;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indProItem .desc .btit{width:100%;font-size: 1.6rem;line-height:2rem;height:2rem;color: #FFFFFF;margin-top: 0.7rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.indProItem .desc .ctit{height:0;opacity:0;display: flex;align-items: center;justify-content: center;font-size: 1.6rem;color: #FFFFFF;overflow: hidden;transition: .4s;}
.indProItem .desc .ctit img{display: block;margin-left: 0.5rem;}
.indProItem:hover::after{opacity: 1;}
.indProItem:hover .desc .ctit{height: 2.4rem;opacity: 1;margin-top: 1.4rem;}



.indCaseSelList{display: flex;justify-content: space-between;padding: 0 7rem;}
.indCaseSel{cursor: pointer;}
.indCaseSel .img{position: relative;border-radius: 100%;transition: .4s;width: 100px;margin: 0 auto;}
.indCaseSel .icon{position: absolute;top: 50%;left: 50%;margin: -20px 0 0 -22px;display: block;width: 45px;height: 42px;background-image: url(../images/indCaseIcon1.png?2);background-repeat: no-repeat;transition: .4s;}
.indCaseSel .icon.icon0{background-position: 2px 0px;}
.indCaseSel .icon.icon1{background-position: -97px 0px;}
.indCaseSel .icon.icon2{background-position: -194px 0px;}
.indCaseSel .icon.icon3{background-position: -287px 0px;}
.indCaseSel .icon.icon4{background-position: -382px 0px;}
.indCaseSel .icon.icon5{background-position: -481px 0px;}
.indCaseSel p{display: block;font-size: 1.8rem;color: #666666;margin-top: 0.6rem;text-align: center;transition: .4s;}
.indCaseSel.active .icon{background-image: url(../images/indCaseIcon2.png?2);}
.indCaseSel.active p{color: #E60012;}
.indCaseSel.active .img{box-shadow: 0 0 2rem #FADAE0;}
.indCaseSel .el-progress--circle{display: block;}
.indCaseSel.active .el-progress-circle__track {stroke: #FADAE0;}


.indCaseBox{margin-top: 2.5rem;}
.mySwiperIndCase{position: relative;overflow: hidden;}
.indCaseItem{display: flex;width: 100%;border-radius: 2rem;overflow: hidden;}
.indCaseItem .img{width: 50%;}
.indCaseItem .img img{display: block;width: 100%;height: 100%;object-position: center;object-fit: cover;}
.indCaseItem .desc{width: 50%;padding: 9rem 5rem;background-image: url(../images/indCaseBg.png);background-color: #F8F8F8;background-position: right top;background-repeat:no-repeat;overflow: hidden;}
.indCaseItem .desc .atit{font-size: 3rem;color: #000000;font-weight: bold;}
.indCaseItem .desc .btit{font-size: 1.8rem;line-height: 2.4rem;color: #333333;margin: 3.5rem 0 4.5rem;}
.indCaseItem .desc .btit p{position: relative;padding-left: 2rem;}
.indCaseItem .desc .btit p+p{margin-top: 1.5rem;}
.indCaseItem .desc .btit p:after{content: "";display: block;width: 0.8rem;height: 0.8rem;border-radius: 100%;background: #E60012;position: absolute;top: 0.8rem;left: 0;}
.indCaseItem .desc .ctit{}

.swiperNext,.swiperPrev{display: block;width: 30px;height: 30px;background: url(../images/iconRight4.png);background-position: center;background-repeat: no-repeat;position: absolute;top: 50%;margin-top: -12px;z-index: 9;cursor: pointer;transition: .4s;}
.swiperNext{right: calc(50% + 5rem);}
.swiperPrev{left: 5rem;transform: rotate(180deg);}
.swiperNext:hover,.swiperPrev:hover{background-image: url(../images/iconRight5.png);}

.swiper-slide-active .indCaseItem .desc .atit{animation: fadeInUp .8s .1s ease both;}
.swiper-slide-active .indCaseItem .desc .btit{animation: fadeInUp .8s .1s ease both;}
.swiper-slide-active .indCaseItem .desc .ctit{animation: fadeInUp .8s .3s ease both;}




.sec5{background: url(../images/sec5Bg.jpg) center/cover;}
.qualityBox{display: flex;padding: 6rem 10rem;background: #FFFFFF;border-radius: 2rem;overflow: hidden;box-shadow: 0 0 5rem 0 rgba(0,0,0,0.05);}
.quaL{width: 50%;padding-right: 5rem;display: flex;flex-direction: column;}
.quaR{width: 50%;padding-left: 5rem;}
.quaL img{display: block;width: 100%;border-radius: 2rem;overflow: hidden;flex: 1;object-fit: cover;object-position: center;}
.quaNumBox{display: flex;justify-content: space-between;margin-bottom: 3rem;}
.quaNumItem{}
.quaNumItem p{display: flex;align-items: flex-end;font-size: 1.8rem;color: #333333;line-height: 1;}
.quaNumItem p b{display: block;font-size: 6rem;color: #E70013;fill: #E70013;transform: translateY(15%);}
.quaNumItem p b svg{display: block;}
.quaNumItem span{display: block;font-size: 1.8rem;color: #666666;margin-top: 0.6rem;}
.quaItem{padding: 2.2rem 0;}
.quaItem:last-child{padding-bottom: 0;}
.quaItem+.quaItem{border-top: 1px solid #EFEFEF;}
.quaItem p{display: block;font-size: 2.8rem;color: #333333;}
.quaItem span{display: block;font-size: 1.8rem;color: #666666;margin-top: 0.5rem;}



.sec6{background: url(../images/sec6Bg.jpg) center/cover;padding-bottom: 6rem;}
.mySwiperCust{position: relative;overflow: hidden;}
.mySwiperCust .img{display: block;width: 20rem;background: #FFFFFF;border-radius: 1rem;overflow: hidden;}
.mySwiperCust .img img{display: block;width: 100%;}
.mySwiperCust .swiper-slide{width: auto;margin-right: 2rem;}
.mySwiperCust .swiper-wrapper{transition-timing-function: linear;}




.foot1{background: url(../images/footerBg1.jpg) center/cover;padding-top: 5rem;}
.foot1>div{display: flex;flex-wrap: wrap;}
.f-logo{margin-right: auto;}
.f-info{display: flex;align-items: center;}
.f-info+.f-info{margin-left: 7rem;}
.f-info .img{display: flex;align-items: center;justify-content: center;width: 4rem;height: 4rem;background: #999999;border-radius: 50%;margin-right: 1rem;}
.f-info .img img{display: block;max-width: 50%;}
.f-info span{display: block;font-size: 2rem;font-weight: bold;color: #333333;}
.f-nav{display:flex;justify-content: space-between;width: 100%;border-top: 1px solid #dddddd;padding: 5rem 0 11rem;margin-top: 5rem;}
.f-nav .dl{}
.f-nav .dt a{font-size: 1.8rem;line-height:1.45;color: #333333;font-weight: bold;}
.f-nav .dd{margin-top: 1rem;}
.f-nav .dd a{font-size: 1.8rem;line-height:1.45;color: #555555;}

.foot2{background: #E4E4E4;padding: 2.5rem 0;}
.foot2>div{display: flex;align-items: center;justify-content: center;}
.foot2 a,.foot2 span{font-size: 1.6rem;color: #666666;}

.f-footer a:hover{opacity: .7;}







@media screen and (max-width:1720px){
    .w1520{position: relative;width: 1320px;margin: 0 auto;}
    .pdr1520{padding-right: calc((100% - 1320px)/2);}
    .qualityBox{padding: 6rem 8rem;}
}
@media screen and (max-width:1520px){
    .w1520{position: relative;width: 1120px;margin: 0 auto;}
    .pdr1520{padding-right: calc((100% - 1120px)/2);}
    
    .quaL{padding-right: 4rem;}
    .quaR{padding-left: 4rem;}
    
    .indCaseSel .img{zoom: .85;}
    
}
@media screen and (max-width:1320px){
    .w1520{position: relative;width: 980px;margin: 0 auto;}
    .pdr1520{padding-right: calc((100% - 980px)/2);}
    
    
    .quaL{padding-right: 3rem;}
    .quaR{padding-left: 3rem;}
    
    .numItem span{font-size: 4.2rem;}
    
    
}
@media screen and (max-width:1024px){
    .w1520{width: 100%;padding-left: 2rem;padding-right: 2rem;}
    .pdr1520{padding-right: 2rem;}
    
    .pdt10{padding-top: 8rem;}
    .pdb10{padding-bottom: 8rem;}
    
    .h-header{min-height: 7rem;}
    .h-head{display: none;}
    .w-head{display: flex;}
    
    .bannerItem .desc .atit{font-size: 1.8rem;}
    .bannerItem .desc .btit{font-size: 4rem;}
    .bannerItem .desc .ctit{font-size: 2rem;}
    .bannerItem .img img{min-height: 50rem;object-fit: cover;object-position: center;}
    
    .indAbout .desc{padding-right: 4rem;}  
    .numItem{padding: 0 0 1rem 1rem;}
    .numItem span {font-size: 3.2rem;}
    
    .strDesc {padding-left: 3rem;}
    
    .indProList{gap: 2rem;}
    .indProItem{min-height: 24rem;}
    .indProItem .desc{padding: 2rem 2rem;}
    
    .indCaseItem .desc{padding: 6rem 4rem;}
    
    .qualityBox{padding: 4rem;}

}
@media screen and (max-width:768px){
    
    .bannerItem .img .pcImg{display: none;}
    .bannerItem .img .wapImg{display: block;}
    
    
    .bannerItem .desc{top: 35%;text-align: center;}
    .bannerItem .desc .atit{display: none;}
    .bannerItem .desc .btit{font-size: 3.2rem;}
    .bannerItem .desc .ctit{font-size: 1.8rem;margin-bottom: 3rem;}
    .bannerItem .desc .indA{margin: 0 auto;}
    
    .swiperNext, .swiperPrev{display: none;}

    .sec1{background-size: 30rem;}
    .indAbout{flex-wrap: wrap;}
    .indAbout .desc{width: 100%;padding-right: 0;}
    .indAbout .img{width: 100%;padding-left: 0;margin-top: 3rem;}
    
    .strengthBox{flex-direction: column-reverse;}
    .strDesc{width:100%;padding-left: 2rem;padding-bottom: 3rem;}
    .strImg{width: 100%;}
    
    .indProList{grid-template-columns: repeat(2, 1fr);}
    
    
    .indCaseSelList{flex-wrap: wrap;padding: 0;margin: -1rem;}
    .indCaseSel{width: calc(33.333% - 2rem);margin:1rem;display: flex;flex-direction: column;align-items: center;}
    .indCaseItem{flex-direction: column-reverse;}
    .indCaseItem .img{width: 100%;}
    .indCaseItem .desc{width: 100%;padding: 4rem 2rem;}
    
    .qualityBox{padding: 2rem;flex-direction: column;}
    .quaL{width: 100%;padding-right: 0;}
    .quaR{width: 100%;padding-left: 0;}
    
    .f-logo{margin-bottom: 2rem;}
    .f-info{width: 100%;margin-top: 1rem;}
    .f-info+.f-info{margin-left: 0;}
    .f-nav{padding: 3rem 0 6rem;margin-top: 3rem;}
    
}






.nyTit{text-align: center;padding: 9rem 0 5rem;}
.nyTit .atit{font-size: 4rem;color: #111111;line-height: 1.2;font-weight: bold;}
.nyTit .line{display: block;width: 35px;height: 2px;background: linear-gradient(90deg, #EE1D23, #FFA800);margin: 1.5rem auto 0;}



.nyProList{display: flex;flex-wrap: wrap;margin: -1.5rem;}
.nyProItem{display: block;width: calc(33.333% - 3rem);margin: 1.5rem;background: #fff;}
.nyProItem .img{overflow: hidden;background: #fff;position: relative;height: 0;padding-bottom: 75%;}
.nyProItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;transition: .6s;}
.nyProItem .desc{padding: 2.5rem 3rem 4rem;position: relative;}
.nyProItem .desc::after{content: "";display: block;width: 0;height: 0;border-left: 1.5rem solid transparent;border-bottom: 1.5rem solid transparent;border-top: 1.5rem solid #EE1D23;border-right: 1.5rem solid #EE1D23;position: absolute;top: 0;right:0;transition: 0s 0s;}
.nyProItem .desc::before{content: "";display: block;position: absolute;top: 0;left:0;width: 0;height: 2px;background: linear-gradient(90deg, #EE1D23, #FFA800);transition: .4s;}
.nyProItem .desc .atit{font-size: 2rem;color: #000000;line-height: 2.6rem;height: 2.6rem;font-weight: bold;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .4s;}
.nyProItem .desc .btit{font-size: 1.6rem;color: #999999;line-height: 2.6rem;height: 5.2rem;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.nyProItem:hover .desc::before{width: 100%;}
.nyProItem:hover .desc::after{border-top-color: #FFA800;border-right-color: #FFA800;transition: .15s .3s;}
.nyProItem:hover .img img{transform: scale(1.08);}
.nyProItem:hover .desc .atit{color: #EE1D23;}


.pagesDiv{padding: 5rem 0;}
.pagination{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin: -0.5rem;}
.pagination li{display: block;margin: 0.5rem;}
.pagination li span,.pagination li a{display: flex;align-items: center;justify-content: center;font-size: 1.8rem;font-weight: bold;width: 4rem;height: 4rem;background: #EFEFEF;}
.pagination li a:hover{background: #EE1D23;color: #fff;}
.pagination li.active span{background: #EE1D23;color: #fff;}
.pagination li.disabled span{color: #666;cursor: no-drop;}


.wlgh .img img{display: block;max-width: 100%;margin: 0 auto;}







.historyBox{background: url(../images/historyBg.png) center/cover;}
.historyBg{padding: 0 10rem;background-image: url(../images/historyLine.png);background-size: auto 32rem;background-position: center 40%;background-repeat: no-repeat;overflow: hidden;}
.mySwiperHistory{position: relative;}
.mySwiperHistory .swiper-slide{width: auto;}
.mySwiperHistory .swiper-slide:nth-of-type(odd) .historyItem{margin-top: 50rem;}
.mySwiperHistory .swiper-slide:nth-of-type(even) .historyItem{margin-bottom: 50rem;}
.historyItem{display: block;width: 100%;position: relative;width: 21rem;}
.historyItem .desc{position: relative;padding-left: 1.5rem;}
.historyItem .atit{font-size: 3.6rem;color: #E70013;font-weight: bold;font-family: DIN;}
.historyItem .btit{font-size: 2rem;font-weight: bold;color: #000000;margin: 0.2rem 0 1.5rem;}
.historyItem .ctit{font-size: 1.8rem;color: #000000;}
.historyItem .img{padding-left: 1.5rem;}
.historyItem .img img{display: block;max-width: 100%;}

.historyItem .desc::after{content: "";display: block;width: 2px;height: 25rem;position: absolute;left: 0;}
.mySwiperHistory .swiper-slide:nth-of-type(odd) .historyItem .desc::after{bottom:0;background: linear-gradient(0deg, #F3A977 0%, rgba(243,169,119,0) 100%);}
.mySwiperHistory .swiper-slide:nth-of-type(even) .historyItem .desc::after{top:0;background: linear-gradient(180deg, #F3A977 0%, rgba(243,169,119,0) 100%);}


@media screen and (max-width:1024px){
    .historyBg{padding: 0 5rem;}
}
@media screen and (max-width:768px){
    .historyBg{padding: 0 2rem;background-size: auto 150px;}
    
    .mySwiperHistory .swiper-slide:nth-of-type(odd) .historyItem{margin-top: 45rem;}
    .mySwiperHistory .swiper-slide:nth-of-type(even) .historyItem{margin-bottom: 45rem;}
}