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:1024px) {html{font-size: 8px;}}
:root{
	--main-color:#EE1D23;
	--gray:#F5F5F5;
	--linear-bg:linear-gradient(125deg, #AC0003, #FF0004);
}
html{width: 100%;}
body{overflow-x:hidden;position: relative;font-size: 1.6rem; background: #fff;line-height: 1.5; color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-family: 'HarmonyOS_Sans_SC', -apple-system, BlinkMacSystemFont,"PingFang SC", "Arial", "Microsoft YaHei", sans-serif;}
html,body{scroll-behavior: smooth;}
ol,ul,li{list-style: none;}
a{text-decoration: none; color: #333333; -webkit-tap-highlight-color: rgba(255,0,0,0); transition: all .4s 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;}

@keyframes textDash {to {stroke-dashoffset: 0;}}
.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;}
.w1720{position: relative;max-width: 1720px;margin: 0 auto;padding-left: 10rem;padding-right: 10rem;}
.w1520{position: relative;width: 1520px;margin: 0 auto;}
.layui-layer-video{max-width: 1200px;}
.layui-layer-video video{display: block;width: 100%;}
.z9{position: relative;z-index: 9;}
.hide{display: none;}

.pdt5{padding-top: 5rem;}
.pdb5{padding-bottom: 5rem;}
.pdb4{padding-bottom: 4rem;}
.pdt10{padding-top: 10rem;}
.pdt9{padding-top: 9rem;}
.pdb10{padding-bottom: 10rem;}
.pdl1520{padding-left: calc((100vw - 1520px)/2);}
.pdr1520{padding-right: calc((100vw - 1520px)/2);}

@media screen and (max-width:1720px){
	.w1520{width: 1320px;}
	.pdl1520{padding-left: calc((100vw - 1320px)/2);}
	.pdr1520{padding-right: calc((100vw - 1320px)/2);}
}
@media screen and (max-width:1520px){
	.w1520{width: 1120px;}
	.pdl1520{padding-left: calc((100vw - 1120px)/2);}
	.pdr1520{padding-right: calc((100vw - 1120px)/2);}
}
@media screen and (max-width:1320px){
	.w1520{width: 1020px;}
	.pdl1520{padding-left: calc((100vw - 1020px)/2);}
	.pdr1520{padding-right: calc((100vw - 1020px)/2);}
}
@media screen and (max-width:1220px){
	.w1520{width: 980px;}
	.pdl1520{padding-left: calc((100vw - 980px)/2);}
	.pdr1520{padding-right: calc((100vw - 980px)/2);}
}
@media screen and (max-width:1024px){
	.w1520{width: 100%;padding-left: 2rem;padding-right: 2rem;}
	.pdl1520{padding-left: 2rem;}
	.pdr1520{padding-right: 2rem;}
}
@media screen and (max-width:768px){
	.pdt5{padding-top: 4rem;}
	.pdb5{padding-bottom: 4rem;}
	.pdb4{padding-bottom: 3rem;}
	.pdt10{padding-top: 8rem;}
	.pdt9{padding-top: 7rem;}
	.pdb10{padding-bottom: 8rem;}
}


@font-face {
	font-family: DIN;
	src: url(../fonts/DIN-BOLD.OTF);
	font-display: swap;
	unicode-range: U+0000-00FF;
}








/* header */
.h-header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9998;transition: .4s;}
.h-header>div{display: flex;align-items: center;}
.h-logo{display: block;width: 24rem;}
.h-logo img{display:block;width: 100%;}
.h-nav{display: flex;margin-left: auto;}
.h-nav .li{position: relative;margin-right: 6rem;}
.h-nav .li.active>a,.h-nav .li>a:hover{color: var(--main-color)!important;}
.h-nav .li>a{display: block;line-height: 10rem;font-size: 1.8rem;color: #FFFFFF;}

.h-phone{display: flex;align-items: center;}
.h-phone i{display: flex;height: 25px;width: 25px;background-image: url(../images/iconPhone1.png);background-position: center;background-repeat: no-repeat;}
.h-phone span{display: block;font-size: 2.4rem;line-height:1;font-family: DIN;font-weight: bold;color: #FFFFFF;margin-left: 1.2rem;}

/* .h-subnav{display:none;position: fixed;left:0;top: 10rem;width: 100%;background: #fff;box-shadow: 0 4px 4px rgba(0, 0, 0, .07);border-top: 1px solid #efefef;transition: top .3s;}
.h-subnav ol{display: flex;flex-wrap: wrap;justify-content: center;padding: 2rem 0;}
.h-subnav li+li{margin-left: 4rem;}
.h-subnav li a{display: block;line-height: 5rem;color: #333333;}
.h-subnav li a:hover{color: var(--main-color);} */
.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: 1.5rem 0.5rem;box-sizing: border-box; width: 100%; display:block;line-height:2.4rem;color:#333;font-size: 1.6rem;text-align: center;font-weight: normal;color: #333;}
.h-nav .h-subnav a:hover {background:var(--main-color);color:#fff!important;}
.h-nav .li:hover .h-subnav {height:auto;opacity:1;visibility:visible;margin-top:0;}


.h-header.active,.h-header:hover{background: #FFFFFF;box-shadow: 0 0 2rem 0 rgba(0,0,0,.1);}
.h-header:hover .h-nav .li>a{color: #000000;}
.h-header.active .h-nav .li>a{line-height: 8rem;color: #000000;}
.h-header.active .h-subnav{top: 8rem;}
.h-header.active .h-phone i,.h-header:hover .h-phone i{background-image: url(../images/iconPhone2.png);}
.h-header.active .h-phone span,.h-header:hover .h-phone span{color: var(--main-color);}



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


@media screen and (max-width:1620px) {
	.h-header{padding: 0 10rem 0 10rem;}
}
@media screen and (max-width:1420px) {
	.h-nav .li{margin-right: 4rem;}
}
@media screen and (max-width:1024px) {
	.h-header{display: none;}
	.wap_header{display: flex;}
	.pdt10{padding-top: 8rem;}
	.pdb10{padding-bottom: 8rem;}
}
@media screen and (max-width:768px) {
	.wap_header{padding: 0 2rem;}
}







.mySwiperBannerPC{display: block;}
.mySwiperBannerWAP{display: none;}
.mySwiperBanner{position: relative;overflow: hidden;width: 100%;height: 100%;}
.bannerTab{position: absolute;bottom: 5rem;left:0%;width: 100%;z-index: 99;}
.bannerTab>div{display: flex;}
.bannerTab .swiper-pagination{position: relative;top: 0;margin: 0!important;display: flex;}
.bannerTab .swiper-pagination .swiper-pagination-bullet{display: flex;align-items: center;justify-content: center;width: auto;height: auto;background: none;font-family: DIN;font-weight: bold;font-size: 1.4rem;color: #FFFFFF;transition: .3s;opacity: 0.5;margin-right: 1.8rem;}
.bannerTab .swiper-pagination .swiper-pagination-bullet::after{content: "";display: block;width: 1rem;height: 1px;background: #FFFFFF;transition: .3s;margin-left: 0.5rem;}
.bannerTab .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.bannerTab .swiper-pagination .swiper-pagination-bullet-active::after{width: 1rem;}
.bannerMouse{margin: 0 auto;width: 2.2rem;animation: upDown 1.5s infinite;}
.bannerMouse img{display: block;width: 100%;}
.bannePN{display: flex;align-items: center;justify-content: center;}
@keyframes upDown{0%{transform: translateY(1rem);}50%{transform: translateY(-1.5rem);}100%{transform: translateY(1rem);}}

.zdyPrev,.zdyNext{display: flex;align-items: center;justify-content: center;width: 5rem;height: 5rem;border-radius: 100%;border: 1px solid rgba(255,255,255,.5);position: relative;overflow: hidden;cursor: pointer;z-index: 9;}
.zdyPrev i,.zdyNext i{display: block;width: 8px;height: 13px;background-image: url(../images/iconRight1.png);background-size: 100%;position: relative;z-index: 9;}
.zdyPrev{margin-right: 2rem;}
.zdyPrev i{transform: rotate(180deg);}
.zdyPrev::after,.zdyNext::after{content: "";display: block;width: 100%;height: 100%;background: var(--main-color);position: absolute;left: 0%;top: 0;opacity: 0;transition: .3s;}
.zdyPrev:hover,.zdyNext:hover{border: none;}
.zdyPrev:hover::after,.zdyNext:hover::after{opacity: 1;}

.bannerItem{display:block;position: relative;width: 100%;height: 100vh;}
.bannerItem .img{display: block;width: 100%;height: 100%;background: #000;}
.bannerItem .img img,.bannerItem .img video{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;}
.bannerItem .img video{opacity: 0.6;}
.bannerItem .desc{width: 100%;height:100%;position: absolute;top: 0;left: 0;z-index: 9;}
.bannerItem .desc>div{height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.bannerItem .desc .atit{display: flex;font-size: 3.2rem;color: #FFFFFF;line-height: 5rem;height: 5rem;padding: 0 1.5rem;background: linear-gradient(90deg, rgba(230,0,18,0.93) 70%, rgba(230,0,18,0) 100%);margin-left: 1.5rem;position: relative;}
.bannerItem .desc .atit:before{content: "";display: block;height: 100%;width: 1.2rem;position:absolute;background-color: var(--main-color);left: -1.2rem;margin-left: -1px;}
.bannerItem .desc .btit{font-size: 7rem;color: #FFFFFF;line-height: 1.2;font-weight: bold;text-shadow: 0 0 3rem rgba(0,0,0,0.2);margin: 2.5rem 0 0.5rem;letter-spacing: 0.4rem;}
.bannerItem .desc .ctit{font-size: 3.2rem;color: #FFFFFF;line-height: 1.3;text-shadow: 0 0 3rem rgba(0,0,0,0.2);letter-spacing: 0.2rem;}
.bannerItem .desc .dtit{position: relative;font-size: 1.8rem;line-height: 2.5rem;color: #FFFFFF;padding: 0 3rem 0 2rem;z-index: 99;margin-top: 17rem;}
.bannerItem .desc .dtit::after{content: "";display: block;width: 6rem;height: 6rem;background: linear-gradient(90deg, #AC0003, #FF0004);box-shadow: 0 0 3rem 0 rgba(0,146,63,0.2);border-radius: 6rem;position: absolute;top: 50%;transform: translateY(-50%);left: 0;z-index: -1;transition: .3s;}
.bannerItem .desc .dtit:hover::after{width: 100%;}
.swiper-slide-active .bannerItem .desc .atit{animation: fadeInUp .6s .2s ease both;}
.swiper-slide-active .bannerItem .desc .btit{animation: fadeInUp .6s .3s ease both;}
.swiper-slide-active .bannerItem .desc .ctit{animation: fadeInUp .6s .5s ease both;}
.swiper-slide-active .bannerItem .desc .dtit{animation: fadeInUp .6s .6s ease both;}

@media screen and (max-width:1024px) {
	.bannerTab{bottom: 2rem;}
	.bannePN{margin-left: auto;}
	.mySwiperBannerPC{display: none;}
	.mySwiperBannerWAP{display: block;}	
}
@media screen and (max-width:768px) {
	.bannerItem{height: auto;}
	.bannerItem .desc .btit{font-size: 5rem;letter-spacing: 0;}
	.bannerItem .desc .ctit{font-size: 2rem;letter-spacing: 0;}
	.bannerItem .desc .dtit{margin-bottom: 10rem;}
}





.indTitBox{display: flex;}
.indTit.center{text-align: center;margin: 0 auto;}
.indTit .atit{font-size: 1.5rem;font-weight: bold;color: var(--main-color);text-transform: uppercase;margin-bottom: 0.2rem;}
.indTit .btit{font-size: 4rem;font-weight: bold;color: #000000;}
.indTit.white .btit{color: #FFFFFF;}

.indTitSelList{display: flex;flex-wrap: wrap;margin-left: auto;margin-top: auto;}
.indTitSel{display: flex;align-items: center;justify-content: center;width: 12rem;height: 5rem;background: #fff;border-radius: 2.5rem;font-size: 1.8rem;color: #333333;cursor: pointer;}
.indTitSel+.indTitSel{margin-left: 2rem;}
.indTitSel.active{background: var(--linear-bg);color: #fff;}

.indA{display: flex;align-items: center;justify-content: center;width: 15rem;height: 5rem;background: var(--linear-bg);box-shadow: 0 0 3rem 0 rgba(0,146,63,0.2);border-radius: 2.5rem;font-size: 1.8rem;color: #FFFFFF;cursor: pointer;}
.indA:hover{transform: translateY(-0.5rem);}

@media screen and (max-width:768px){
	.indTitBox{flex-wrap: wrap;flex-direction: column;}
	.indTitSelList{margin-left: 0;margin-top: 1rem;}
	
	.indTit .btit{font-size: 3.2rem;}
}



/* sec1 */
.mySwiperPro{position: relative;overflow: hidden;}
.indProList{display: flex;flex-wrap: wrap;margin: -2.5rem;}
.indProList .swiper-slide{width: calc(33.333% - 5rem);margin: 2.5rem;}
.indProItem{display: flex;flex-wrap: wrap;width: 100%;}
.indProItem .img{background: #F6F7FB;border-radius: 2rem;border: 2px solid #F6F7FB;margin: 0 auto;transition: .3s;}
.indProItem .img img{display: block;width: 100%;transition: .4s;}
.indProItem .desc{width: calc(100% - 8rem);margin-right: auto;padding-top: 2rem;}
.indProItem .desc .atit{font-size: 2.4rem;color: #000000;line-height: 3.6rem;height: 3.6rem;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: .3s;}
.indProItem .desc .btit{font-size: 1.6rem;color: #666666;line-height: 2.6rem;height: 5.2rem;display: -webkit-box;overflow: hidden;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 0.5rem;}
.indProItem .more{display: block;width: 6rem;height: 6rem;background-color: #F2F2F2;border-radius: 50%;background-image: url(../images/iconRight2.png);background-repeat: no-repeat;background-size: 1.6rem;background-position: center;margin: auto 0;transition: .3s;}
.indProItem:hover .img{box-shadow: 0 0 3rem 0 rgba(0,0,0,0.1);border-color: #FFFFFF;}
.indProItem:hover .img img{transform: scale(1.04);}
.indProItem:hover .desc .atit{color: var(--main-color);}
.indProItem:hover .more{background-color: var(--main-color);background-image: url(../images/iconRight22.png);}
.indProBtn{display: none;}
@media screen and (max-width:768px){
	.indProList{flex-wrap: nowrap;margin: 0;}
	.indProList .swiper-slide{margin: 0;}
	
	.indProBtn{display: flex;justify-content: center;margin-top: 2rem;}
	.indProBtn .swiper-button-next:after,.indProBtn .swiper-button-prev:after{display: none;}
	.indProBtn .swiper-button-next,.indProBtn .swiper-button-prev{display: block;position: relative;left: 0;right: 0;top: 0;width: 6rem;height: 6rem;margin-top:0;background-color: #F2F2F2;border-radius: 50%;background-image: url(../images/iconRight4.png);background-repeat: no-repeat;background-position: center;background-size: 2rem;transition: .3s;}
	.indProBtn .swiper-button-prev{transform: rotate(180deg);margin-right: 2rem;}
	
}




/* sec2 */
.vantBox{display: flex;}
.vangtLeft{width: 50%;padding-right:10rem;position: relative;background: linear-gradient(-55deg, #000000 0%, #333333 100%);}
.vangtLeft::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: url(../images/sec2Bg.png);background-position: left center;background-size: auto 90%;background-repeat: no-repeat;}
.mySwiperVangtDesc,.mySwiperVangtImg{position: relative;overflow: hidden;z-index: 99;}
.mySwiperVangtImg{height: 100%;}
.vangtDesc{display: flex;width: 100%;flex-direction: column;align-items: flex-start;}
.vangtDesc .atit{font-size: 8rem;color: #FFFFFF;line-height: 1;font-family: DIN;font-weight: bold;}
.vangtDesc .line{display: block;width: 2px;height: 10rem;background: #FFFFFF;margin: 2rem 0;}
.vangtDesc .btit{font-size: 4rem;color: #FFFFFF;font-weight: bold;text-shadow: 0 0 3rem rgba(0,146,63,0.2);background: var(--linear-bg);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.vangtDesc .ctit{font-size: 2rem;color: #FFFFFF;font-weight: bold;}
.vangtDesc .dtit{font-size: 1.6rem;color: #999999;line-height: 2.6rem;margin: 4rem 0 3rem;min-height: 13rem;}
.vangtRight{width: 50%;position: relative;}
.vangtRight .img{width: 100%;height: 100%;}
.vangtRight .img img{display:block;width: 100%;height: 100%;object-fit: cover;}

.npp{display: flex;justify-content: flex-end;align-items: center;position: absolute;bottom: 3rem;right: 5rem;z-index: 999;}
.npp-prev,.npp-next{display: block;width: 13px;height: 24px;transition: .3s;cursor: pointer;}
.npp-prev{background: url(../images/iconleft3.png);}
.npp-next{background: url(../images/iconRight3.png);}
.npp-prev:hover,.npp-next:hover{opacity: 0.8;}
.npp-pagination{display: flex;width: auto;font-family: DIN;font-weight: bold;margin: 0 4rem;}
.npp-pagination span{font-size: 3.2rem;color: #000000;line-height: 1;}
.npp-pagination span.blue{color: var(--main-color);}

.swiper-slide-active .vangtDesc .atit{animation: fadeInUp .6s .1s ease both;}
.swiper-slide-active .vangtDesc .line{animation: fadeInUp .6s .2s ease both;}
.swiper-slide-active .vangtDesc .btit{animation: fadeInUp .6s .3s ease both;}
.swiper-slide-active .vangtDesc .ctit{animation: fadeInUp .6s .4s ease both;}
.swiper-slide-active .vangtDesc .dtit{animation: fadeInUp .7s .4s ease both;}
.swiper-slide-active .vangtDesc .etit{animation: fadeInUp .6s .5s ease both;}
@media screen and (max-width:768px){
	.vantBox{flex-direction: column;}
	.vangtLeft{width: 100%;padding-right: 2rem;}
	.vangtRight{width: 100%;}
	.npp{bottom: 2rem;right: 2rem;}
	.npp-pagination{margin: 0 3rem;}
	.vangtDesc .line{height: 5rem;}
	.vangtDesc .dtit{margin: 3rem 0 3rem;}
}




/* sec3 */
.indCaseList{display: flex;flex-wrap: wrap;margin: -1.5rem;}
.indCaseItem{display: block;position: relative;overflow: hidden;width: calc(33.333% - 3rem);margin: 1.5rem;border-radius: 2rem;}
.indCaseItem .img img{display: block;width: 100%;transition: .4s;}
.indCaseItem .desc{position: absolute;top: 3rem;left: 3rem;min-width: 40rem;background: linear-gradient(90deg, #fff 30%, rgba(255,252,252,0) 100%);border-radius: 1.5rem 0 0 1.5rem;padding: 2rem 2.5rem 4rem;}
.indCaseItem .desc .atit{font-size: 2rem;color: #000000;font-weight: bold;}
.indCaseItem .desc i{display: block;width: 5rem;height: 5rem;background-color: var(--main-color);border-radius: 50%;background-image: url(../images/iconRight44.png);background-repeat: no-repeat;background-position: center;position: absolute;bottom: -2.5rem;left: 2.5rem;transition: .3s;}
.indCaseItem:nth-of-type(1),.indCaseItem:nth-of-type(2){width: calc(calc(50% - 3rem));}
.indCaseItem:nth-of-type(1) .atit,.indCaseItem:nth-of-type(2) .atit{font-size: 2.4rem;}
.indCaseItem:hover .img img{transform: scale(1.05);}
.indCaseItem:hover .desc i{margin-left: 2rem;}
@media screen and (max-width:768px){
	.indCaseList{margin: -1rem;}
	.indCaseItem{width: 100%!important;margin: 1rem;}
	.indCaseItem .desc{top: 2rem;left:2rem;}
	.indCaseItem .desc .atit{font-size: 2.4rem;}
}



/* sec4 */
.sec4{background: url(../images/sec4Bg.jpg) center/cover;padding-bottom: 20rem;}
.indAboutBox{display: flex;align-items: flex-start;position: relative;}
.indAboutLeft{width: calc(50% - 5rem);margin-right: auto;}
.indAboutContent{font-size: 1.6rem;color: #999999;line-height: 2.6rem;text-indent: 2em;margin-bottom: 5rem;}
.indAboutContent p+p{margin-top: 1rem;}
.indAboutRight{width: calc(50% - 5rem);position: sticky;overflow: hidden;border-radius: 2.5rem;top: 0;}
.indAboutRight img{display: block;width: 100%;}

.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;}
.videoPlay img{display: block;width: 100%;}
@keyframes circle{0%{transform: rotate(0deg);}100%{transform: rotate(365deg);}}
.videoOpen{cursor: pointer;}
@media screen and (max-width:768px){
	.sec4{padding-bottom: 14rem;}
	.indAboutBox{flex-wrap:wrap;}
	.indAboutLeft{width: 100%;}
	.indAboutRight{width: 100%;margin-top: 4rem;}
	.indAboutContent{margin-bottom: 3rem;}
}




/* sec5 */
.sec5{position: relative;z-index: 9;}
.indNumberList{display: flex;background: var(--linear-bg);box-shadow: 0 0 3rem 0 rgba(0,146,63,0.2);border-radius: 2rem;padding: 5rem 0;margin-top: -11rem;}
.indNumItem{width: 25%;text-align: center;position: relative;}
.indNumItem+.indNumItem:before{content: "";display: block;position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: #FFFFFF;opacity: 0.5;}
.indNumItem p{display: block;font-size: 6rem;font-family: DIN;font-weight: bold;color: #FFFFFF;fill: #FFFFFF;line-height: 1;}
.indNumItem strong{display: block;font-size: 1.6rem;color: #FFFFFF;font-weight: normal;opacity: 0.7;line-height: 1;margin-top: 1.5rem;}

.indHonorBox{position: relative;}
.mySwiperHonor{position: relative;overflow: hidden;}
.mySwiperHonor .img{width: 100%;}
.mySwiperHonor .img img{display: block;max-width: 100%;transition: .3s;}
.mySwiperHonor .swiper-slide{transform: scale(0.88);transition: .3s;padding: 0 1rem;}
.mySwiperHonor .swiper-slide-prev{transform: scale(0.94) translateX(-3%);}
.mySwiperHonor .swiper-slide-next{transform: scale(0.94) translateX(3%);}
.mySwiperHonor .swiper-slide-active{transform: scale(1);}
.indHonorBox .swiper-button-prev::after,.indHonorBox .swiper-button-next::after{display: none;}
.indHonorBox .swiper-button-prev,.indHonorBox .swiper-button-next{display: block;width: 5rem;height: 5rem;margin-top:-2.5rem;background-color: #F2F2F2;border-radius: 50%;background-image: url(../images/iconRight4.png);background-repeat: no-repeat;background-position: center;background-size: 2rem;transition: .3s;}
.indHonorBox .swiper-button-prev{left:-5rem;transform: rotate(180deg);}
.indHonorBox .swiper-button-next{right:-5rem;}
.indHonorBox .swiper-button-prev:hover,.indHonorBox .swiper-button-next:hover{background-color: var(--main-color);background-image: url(../images/iconRight44.png);}

@media screen and (max-width:1024px){
	.indHonorBox{padding: 0 5rem;}
	.mySwiperHonor .swiper-slide{padding: 0 0.5rem;}
	.indHonorBox .swiper-button-prev{left: 0;}
	.indHonorBox .swiper-button-next{right: 0;}
}
@media screen and (max-width:768px){
	.indNumberList{flex-wrap: wrap;padding: 0;}
	.indNumItem{width:50%;padding: 2rem 2rem;}
	.indNumItem p{font-size: 4rem;}
	.indNumItem+.indNumItem:before{display: none;height: calc(100% - 4rem);top: 2rem;}
	.indNumItem+.indNumItem:nth-of-type(2n):before{display: block;}
	.indNumItem::after {content: "";display: block;position: absolute;left: 2rem;top: 0;width: calc(100% - 4rem);height: 1px;background: #FFFFFF;opacity: 0.5;}
	.indNumItem:nth-of-type(1)::after,.indNumItem:nth-of-type(2)::after{display: none;}
	
	.indHonorBox{display: flex;flex-wrap: wrap;justify-content: center;padding: 0;}
	.mySwiperHonor{margin: 0 -2rem 2rem;}
	.indHonorBox .swiper-button-prev, .indHonorBox .swiper-button-next{position: relative;top: 0;left: 0;right: 0;margin: 0;width: 6rem;height: 6rem;}
	.indHonorBox .swiper-button-prev{margin-right: 2rem;}
	
}





/* sec6 */
.sec6{background: #F5F5F5;}
.indNewsBox{display: none;}
.indNewsBox.active{display: flex;}
.indNewsL{width: calc(50% - 2.5rem);margin-right: auto;}
.indNewsR{width: calc(50% - 2.5rem);}
.indNewsItem{display: block;}
.indNewsItem+.indNewsItem{margin-top: 3rem;}
.indNewsItem .img{width: 100%;overflow: hidden;border-radius: 2rem;}
.indNewsItem .img img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .5s;}
.indNewsItem .desc p{display: block;font-weight: bold;font-size: 1.8rem;color: #333333;line-height: 5rem;height: 5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: .3s;}
.indNewsItem .desc span{display: block;font-size: 1.4rem;color: #666666;line-height: 2.4rem;height: 4.8rem;opacity: 0.7;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.indNewsL .indNewsItem .img{height:40rem;}
.indNewsL .indNewsItem .desc{margin-top: 1.2rem;}
.indNewsR .indNewsItem{display: flex;}
.indNewsR .indNewsItem .desc{width: calc(100% - 25rem);padding-right: 3.5rem;}
.indNewsR .indNewsItem .desc p{padding-left: 2rem;position: relative;margin-bottom: .5rem;}
.indNewsR .indNewsItem .desc p:before{content: "";display: block;width: 8px;height: 13px;background-image: url(../images/iconRight5.png);position: absolute;left: 0;top: 50%;margin-top: -6px;}
.indNewsR .indNewsItem .desc span{-webkit-line-clamp:3;height: 7.2rem;}
.indNewsR .indNewsItem .img{width: 25rem;height: 15rem;border-radius: 2rem;}
.indNewsL .indNewsItem:hover .img img{transform: scale(1.02);}
.indNewsR .indNewsItem:hover .img img{transform: scale(1.05);}
.indNewsItem:hover .desc p{color: var(--main-color);}
.indNewsItem:hover .desc p:before{background-image: url(../images/iconRight55.png);}
.indNewsBox.active .indNewsL .indNewsItem{animation: fadeInUp .8s 0s ease both;}
.indNewsBox.active .indNewsR .indNewsItem:nth-of-type(1){animation: fadeInUp .6s .1s ease both;}
.indNewsBox.active .indNewsR .indNewsItem:nth-of-type(2){animation: fadeInUp .6s .2s ease both;}
.indNewsBox.active .indNewsR .indNewsItem:nth-of-type(3){animation: fadeInUp .6s .3s ease both;}


@media screen and (max-width:1024px){
	.indNewsL{width: calc(50% - 1.5rem);}
	.indNewsR{width: calc(50% - 1.5rem);}
	.indNewsR .indNewsItem .desc{width: calc(100% - 15rem);padding-right: 2rem;}
	.indNewsR .indNewsItem .img{width: 15rem;}
	.indNewsItem+.indNewsItem {margin-top: 2rem;}
	.indNewsItem .desc p{line-height: 4rem;height: 4rem;}
	.indNewsR .indNewsItem {align-items: center;}
}
@media screen and (max-width:768px){
	.indNewsBox{flex-wrap: wrap;}
	.indNewsItem .desc span{line-height: 2rem;height: 4rem;}
	.indNewsL{width: 100%;margin: 0;}
	.indNewsL .indNewsItem .img{height: auto;}
	.indNewsR{width: 100%;margin: 2rem 0 0;}
	.indNewsR .indNewsItem .desc{width: calc(100% - 18rem);padding-right: 1.5rem;}
	.indNewsR .indNewsItem .img {width: 18rem;height: 13rem;}
	.indNewsR .indNewsItem .desc span{height: 6rem;}
	.indNewsR .indNewsItem .desc p{margin-bottom: 0;}
	.indNewsItem .desc p{font-size: 2.4rem;}
	.indNewsItem .desc span{font-size: 1.8rem;line-height: 3rem;height: 6rem;-webkit-line-clamp: 2;}
}





/* footer */
.f-footer{background: #121212;position: relative;overflow: hidden;}
.f-footer::after{content: "";display: block;width: 100%;height: 100%;position: absolute;top:0;right: calc((100% - 1520px)/2 + 1520px * 0.68);background-color: #050505;z-index: 1;}
.f-footer::before{content: "";display: block;width: 100%;height: 100%;position: absolute;top:0;left: 0;background-image: url(../images/footerBg1.png);background-repeat: no-repeat;background-position: left bottom;background-size: 40rem auto;z-index: 2;}
.foot1{padding: 8rem 0 4rem;position: relative;z-index: 99;}
.foot1>div{display: flex;}
.f-logo{display:block;width: 24rem;}
.f-logo img{display:block;width: 100%;}
.f-desc{width: 32%;padding-right: 2rem;}
.f-info{margin-top: 5rem;}
.f-info p{display: block;font-size: 1.6rem;color: #999999;line-height: 1.35;margin-bottom: 1.8rem;}
.f-info p span{color: #fff;}
.f-info p strong{font-size: 3rem;font-family: DIN;font-weight: bold;background: var(--linear-bg);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.f-nav{width: 68%;padding-left: 10rem;display: flex;justify-content: space-between;}
.f-nav .dt::after{content: "";display: block;width: 3rem;height: 2px;background: #ffffff;margin: 2rem 0 2rem;}
.f-nav .dt a,.f-nav .dt span{display: block;font-size: 1.8rem;color: #FFFFFF;line-height: 1.35;}
.f-nav .dd a,.f-nav .dd span{display: block;font-size: 1.6rem;color: #999999;line-height: 1.35;}
.f-nav .dd{margin-bottom: 1.8rem;}

.ewmImgList{border-radius: 1rem;overflow: hidden;}
.ewmImgList .img{display: none;width: 15rem;}
.ewmImgList .img.active{display: block;}
.ewmImgList .img img{display: block;width: 100%;}
.ewmSelList{display: flex;justify-content: space-between;margin-top: 1.5rem;}
.ewmSel{display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;width: 4rem;height: 4rem;border-radius: 50%;transition: .3s;cursor: pointer;border: 1px solid #FFFFFF;}
.ewmSel img{display: block;width: 2rem;}
.ewmSel::after{content: "";display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--main-color);transition: .4s;opacity: 0;}
.ewmSel.active::after{opacity: 1;}
.ewmSel.active{border: none;}

.foot2{padding: 1.4rem 0;border-top: 1px solid #333;}
.foot2>div{display: flex;align-items: center;position: relative;z-index: 999;}
.f2l a,.f2l span{font-size: 1.4rem;color: #999999;line-height: 1.35;display: inline-block;}
.f2l{max-width: 32%;}
.f2r{margin-left: auto;}
.yqlj_box{position: relative;display: block;border: 1px solid #050505;border-radius: 1rem;}
.yqlj{display: flex;flex-direction: row-reverse;background:#111111;border-radius: 1rem;}
.yqlj span{display: block;height: 5rem;line-height: 4.8rem;color: #ffffff;box-sizing: border-box;padding: 0 1.8rem 0 5rem;background: url(../images/yqlj.png) no-repeat;background-position: 1.5rem 1.4rem;font-size: 1.6rem;opacity: .7;}
.yqlj i.jt{display:block;height: 5rem;width: 5rem;margin: 0;background: url(../images/downjt.png) no-repeat #050505;background-position: center !important;cursor: pointer;transition: .3s;overflow: hidden;}
.yqlj_list{display: none;position: absolute;width: 100%;bottom: 5.1rem;left: 0;background: #111111;text-align: center;border-radius: 1rem;}
.yqlj_list a{display: block;color: #999;height: 5rem;line-height: 5rem;}
.yqlj_list a:hover{color: #fff;}

.f-footer a:hover{color: #fff;opacity: .8;}
@media screen and (max-width:1720px){.f-footer::after{right: calc((100% - 1320px)/2 + 1320px * 0.68);}}
@media screen and (max-width:1520px){.f-footer::after{right: calc((100% - 1120px)/2 + 1120px * 0.68);}}
@media screen and (max-width:1320px){.f-footer::after{right: calc((100% - 1020px)/2 + 1020px * 0.68);}}
@media screen and (max-width:1220px){.f-footer::after{right: calc((100% - 980px)/2 + 980px * 0.68);}}
@media screen and (max-width:1024px){.f-footer::after{right: 68%;}.f-nav{padding-left:5rem;}}
@media screen and (max-width:768px){
	.f-footer::before{display: none;}
	.f-footer::after{display: none;}
	.foot1>div{flex-wrap: wrap;}
	.f-desc{width: calc(100% - 15rem);padding-right: 2rem;}
	.f-nav{padding-left: 0;width: auto;}
	.f-nav .dl.w{display: none;}
	.f-nav .dt a, .f-nav .dt span{font-size: 2rem;}
	.f-info p{font-size: 1.8rem;line-height: 1.5;}
	.f2l a, .f2l span{font-size: 1.6rem;}
	.f2l{max-width: 100%;text-align: center;}
	.f2r{display: none;}
}




.fwBox{margin-top: 2rem;}
.fwList{display: flex;flex-wrap: wrap;margin: -1rem;}
.fwItem{display: block;position: relative;overflow: hidden;border-radius: 2rem;margin: 1rem;width: calc(25% - 2rem);}
.fwItem img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;transition: .3s;}
.fwItem p{display: block;height: 6rem;line-height: 6rem;min-width: 18rem;padding: 0 2rem;background: #EE1D23;border-radius: 0 0 3rem 0;font-size: 2.4rem;color: #FFFFFF;text-align: center;position: absolute;top: 0;left: 0;}
.fwItem:hover img{transform: scale(1.04);}
@media screen and (max-width:768px){
	.fwList{margin: -0.5rem;}
	.fwItem{width: calc(50% - 1rem);margin: 0.5rem;}
}















.more-msl {display: inline-block;color: #323232;text-decoration: none;position: relative;z-index: 2;overflow: hidden;white-space: nowrap;font: 500 1rem/3.125rem "Noto Sans SC";border-radius: 1.5625rem;width: 10rem;text-align: center;background: transparent;border: 1px solid #CACACA;-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
@media (max-width: 768px) {
	.more-msl {line-height: 2.8rem;width: 9rem;font-size: .875rem;}
}
.more-msl:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #EE1D23;color: #fff;border-radius: 100%;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: -o-transform;-moz-transition-property: transform, -moz-transform;transition-property: transform;transition-property: transform, -webkit-transform, -moz-transform, -o-transform;-webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;transition-duration: 0.6s;-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.more-msl:hover {color: #fff;border-color: #EE1D23;}
.more-msl:hover::before {-webkit-transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2);-o-transform: scale(2);transform: scale(2);}
.more-msl.bs {color: #6D6D6D;border: none;background: #fff;}
.more-msl.bs:before {background: #EE1D23;}
.more-msl.bs:hover {color: #fff;border-color: #EE1D23;}
.more-b {display: flex;border-radius: 5rem;color: #A9A9A9;overflow: hidden;position: relative;z-index: 1;font-family: 'Noto Sans SC';align-items: center;justify-content: center;width: 16rem;height: 5rem;}
.more-b > * {-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1);transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1);-o-transition: -o-transform 0.3s cubic-bezier(0.4, 0, 0, 1);-moz-transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1), -moz-transform 0.3s cubic-bezier(0.4, 0, 0, 1);transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1);transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1), -moz-transform 0.3s cubic-bezier(0.4, 0, 0, 1), -o-transform 0.3s cubic-bezier(0.4, 0, 0, 1);}
.more-b span {display: inline-block;vertical-align: middle;font-size: 1.6rem;-webkit-transition-delay: .06s;-moz-transition-delay: .06s;-o-transition-delay: .06s;transition-delay: .06s;line-height: 2.2rem;}
.more-b i {display: inline-block;font-size: 0.75rem;margin-left: 0.5em;-webkit-transition-delay: .12s;-moz-transition-delay: .12s;-o-transition-delay: .12s;transition-delay: .12s;color: #A9A9A9;font-weight: 700;vertical-align: middle;}
.more-b i img{width:8px;}
.more-b::after {content: "";position: absolute;top: 0;bottom: 0;right: 0;left: 0;z-index: -1;border-radius: 3.125rem;background-color: #EE1D23;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: center right;-moz-transform-origin: center right;-ms-transform-origin: center right;-o-transform-origin: center right;transform-origin: center right;-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1);transition: -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1);-o-transition: -o-transform 0.3s cubic-bezier(0.4, 0, 0, 1);-moz-transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1), -moz-transform 0.3s cubic-bezier(0.4, 0, 0, 1);transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1);transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0, 1), -moz-transform 0.3s cubic-bezier(0.4, 0, 0, 1), -o-transform 0.3s cubic-bezier(0.4, 0, 0, 1);}
.more-b:hover > * {-webkit-transform: translateX(0.75rem);-moz-transform: translateX(0.75rem);-ms-transform: translateX(0.75rem);-o-transform: translateX(0.75rem);transform: translateX(0.75rem);color: #fff;}
.more-b:hover::after {-webkit-transform-origin: center left;-moz-transform-origin: center left;-ms-transform-origin: center left;-o-transform-origin: center left;transform-origin: center left;-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);}
.more-b.bs {border-color: #fff;color: #fff;}
.more-b.bs i {color: #fff;}
.more-b.ls {color: #fff;background: #EE1D23;}
.more-b.ls i {color: #fff;}
.more-b.ls::after {background-color: #000;}
.more-b.bsb {border-color: #fff;color: #010101;background: #fff;}
.more-b.bsb i {color: #010101;}
.more-b.bsb:hover {border-color: transparent;color: #fff;}
.more-b.bsb:hover i {color: #fff;}