a {
    font-size: 16rem;
}

.indexbox {
    width: 100%;
    overflow: hidden;
}

.indexbox>.contentbox {
    /* background: #03864d; */
}

.indexbox .bannerbox {
    position: relative;
    /* background-color: #000; */
  
}






.indexbox .bannerbox {
    position: relative;
    height: 920rem;
}

.indexbox .bannerbox .swiper-pagination {
    left: 7%;
    right: initial;
    top: initial;
    bottom: 40rem;
    width: max-content;
}
.indexbox .bannerbox .bannerbtnbox {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 40rem;
    right: 7%;
}

.indexbox .bannerbox .bannerbtnbox .swiper-button-white {
    position: initial;
    margin: 0;
    margin-left: 20rem;
}

.indexbox .bannerbox .swiper-button-white.swiper-button-next {}
.indexbox .bannerbox .swiper-button-white.swiper-button-prev {}

.indexbox .bannerbox .p_scrool {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40rem;
    color: #fff;
    width: 90rem;
    z-index: 10;
}

.indexbox .bannerbox .p_scrool i {
    display: block;
    width: 20rem;
    height: 30rem;
    margin: 0 auto;
    border-radius: 12rem;
    border: 2rem #fff solid;
    position: relative;
}
.indexbox .bannerbox .p_scrool i::before {
    content: "";
    display: block;
    width: 4rem;
    height: 10rem;
    background: #fff;
    border-radius: 2rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 3rem;
    animation: scrollmouse 2s linear infinite;
}

@keyframes scrollmouse {
    from {
        transform: translate(-50%,0);
        opacity: 1
    }

    to {
        transform: translate(-50%,10px);
        opacity: 0
    }
}

.indexbox .bannerbox .p_scrool span {
    text-transform: uppercase;
    color: #fff;
    display: block;
    font-family: arial;
    line-height: 20rem;
    margin-top: 12rem;
    font-size: 12rem;
}

.bannerbox .text {
    text-align: left;
    width: 51%;
    top: 52%;
    left: 169rem;
    transform: translateY(-50%);
    z-index: 5;
    position: absolute;
    color: #fff;
    transition: background 1s;
    display: flex;
    flex-direction: column;
    /* background: #00000030; */
    padding: 50rem 40rem;
    /* box-shadow: 0rem 0rem 5rem #fe991b; */
    /* border-radius: 10rem; */
    z-index: 10;
}

.bannerbox .text .bgbox {
    background: linear-gradient(45deg, #00000099, transparent);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
}

.bannerbox  .swiper-slide.swiper-slide-active .text {
    /* background: linear-gradient(45deg, #00000099, transparent); */
}

.bannerbox .text .title {
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: 20rem;
    font-size: 50rem;
    font-weight: 600;
    margin-bottom: 31rem;
    text-shadow: 6rem 2rem 1rem #000000de;
}

/* .swiper-slide-active .text .title {
    animation: myfaderight 1s;
}
.swiper-slide-active .text .b_line {
    animation: myfaderight 1s;
}
.swiper-slide-active .text .wenan {
    animation: myfaderight 1s;
}   
.swiper-slide-active .text .btn {
    animation: myfaderight 1s;
}  */
.bannerbox .text .b_line {font-size: 22rem;}

.bannerbox .text .wenan {
    font-size: 18rem;
    text-shadow: 2rem 1rem 1rem #000000cc;
    line-height: 32rem;
    margin-bottom: 30rem;
}

.bannerbox .text .btn {

}

.bannerbox .text .title p {
    transition: all 1s .7s;
}

.bannerbox .swiper-container {
    width: 100%;
    height: 100%;
}

.bannerbox .swiper-slide {
    FONT-VARIANT: JIS90;
    text-align: center;
    font-size: 18rem;
    background: #fff;
    overflow: hidden;
}
.bannerbox .swiper-slide.swiper-slide-active  .slide-inne{
    transform: scale(1);
}
.bannerbox .slide-inner {width: 100%;height: 100%;}
.bannerbox .slide-inner img {width: 100%;height: 100%;transition: all ease 2s;transform: scale(1.1);object-fit: cover;}

.bannerbox .swiper-slide.swiper-slide-active .slide-inner img {
    transform: scale(1);
}

/* indexaboutbox */
.indexbox .indexaboutbox {}
.indexbox .indexaboutbox .itembox {
    display: flex;
    justify-content: space-between;
    padding-left: 169rem;
}
.indexbox .indexaboutbox .itembox .leftbox {
    width: 45%;
}

.indexbox .indexaboutbox .itembox .leftbox .zhutitle {
    text-align: left;
}

.indexbox .indexaboutbox .itembox .leftbox .zhutitle .line {
    margin: 14rem 0;
}

.indexbox .indexaboutbox .itembox .leftbox .textbox {
    font-size: 17rem;
    line-height: 35rem;
}
.indexbox .indexaboutbox .itembox .leftbox .aboutcasebox {}



.indexbox .indexaboutbox .itembox .leftbox .aboutcasebox .aboutcaseswiper {
	width: 100%;
	height: auto;
	margin: 40rem 0;
	/* margin-bottom: 40rem; */
	}

  .indexbox .indexaboutbox .itembox .leftbox .aboutcasebox .aboutcaseswiper .swiper-slide {
	text-align: center;
	font-size: 18rem;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	}

.indexbox .indexaboutbox .itembox .leftbox .aboutcasebox .aboutcaseswiper .swiper-slide .item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.indexbox .indexaboutbox .itembox .leftbox .aboutcasebox .aboutcaseswiper .swiper-slide .item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .2;
    z-index: 1;
}

.indexbox .indexaboutbox .itembox .leftbox .aboutcasebox .aboutcaseswiper .swiper-slide .item .pic {
    height: 160rem;
    width: 100%;
    border: 3rem solid #f80101;
}

  .indexbox .indexaboutbox .itembox .leftbox .aboutcasebox .aboutcaseswiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

.indexbox .indexaboutbox .itembox .leftbox .aboutcasebox .aboutcaseswiper .swiper-slide .item .name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 14rem;
    color: #fff;
    opacity: 0;
    width: 100%;
    font-weight: 600;
    z-index: 2;
}

.indexbox .indexaboutbox .itembox .leftbox .aboutcasebox .aboutcaseswiper .swiper-slide .item:hover .name {
    opacity: 1;
}



.indexbox .indexaboutbox .itembox .rightbox {
    width: 50%;
    height: 800rem;
}
.indexbox .indexaboutbox .itembox .rightbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* indexyaozhijianbox */
.indexbox .indexyaozhijianbox {
    background: #f5f5f5;
}
.indexbox .indexyaozhijianbox .itembox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.indexbox .indexyaozhijianbox .itembox .rightbox {
    width: 56%;
}

.indexbox .indexyaozhijianbox .itembox .rightbox .zhutitle {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.indexbox .indexyaozhijianbox .itembox .rightbox .zhutitle .line {
    margin: 14rem 0;
}

.indexbox .indexyaozhijianbox .itembox .rightbox .rightbottombox {
    display: flex;
    justify-content: space-between;
}
.indexbox .indexyaozhijianbox .itembox .rightbox .videoitem {
    width: 32%;
}
.indexbox .indexyaozhijianbox .itembox .rightbox .videoitem .videobox {}
.indexbox .indexyaozhijianbox .itembox .leftbox {
    width: 40%;
}
.indexbox .indexyaozhijianbox .itembox .videobox{
    background: #fff;
}

.indexbox .indexyaozhijianbox .itembox  .videobox .posterOverlay {
    background: #0b0f13;
    background: #fff;
}

/* indexproductbox */
.indexbox .indexproductbox {}
.indexbox .indexproductbox .btnbox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30rem;
}
.indexbox .indexproductbox .itembox {
    display: flex;
    flex-direction: column;
}




.indexbox .indexproductbox .itembox .contain-title {
    text-align: center;
    color: #fff;
}

.indexbox .indexproductbox .itembox .casepagin {
    width: 100%;
    font-size: 22rem;
    text-align: center;
    /* margin: 30rem auto; */
    margin-bottom: 45rem;
    overflow: hidden;
}

.indexbox .indexproductbox .itembox .casepagin .swiper-wrapper {
    /* justify-content: center; */
}

.indexbox .indexproductbox .itembox .casepagin span {
    padding: 0 24rem;
    background: #fff;
    display: block;
    width: 100%;
    color: #333;
    line-height: 50rem;
    cursor: pointer;
    transition: all .6s;
    font-size: 20rem;
    position: relative;
    z-index: 1;
}

.indexbox .indexproductbox .itembox .casepagin span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f80101;
    z-index: -1;
    transform: scale(0, 1);
    transform-origin: right;
    transition: transform .5s;
}

.indexbox .indexproductbox .itembox .casepagin .swiper-slide {
    width: auto;
}

.indexbox .indexproductbox .itembox .casepagin span:hover {
    /* background: #f80101; */
    color: #fff;
}

.indexbox .indexproductbox .itembox .casepagin .swiper-slide-thumb-active span {
    /* background: #f80101; */
    color: #fff;
}

.indexbox .indexproductbox .itembox .casepagin .swiper-slide-thumb-active span:after, .indexbox .indexproductbox .itembox .casepagin .swiper-slide:hover span:after {
    transform: scale(1);
    transform-origin: left;
}

.indexbox .indexproductbox .itembox .casepagin .swiper-slide-thumb-active span:after,.indexbox .indexproductbox .itembox .casepagin .swiper-slide:hover span:after {}

.indexbox .indexproductbox .itembox .casecate {
    width: 100%;
    overflow: hidden;
    /* height: 426rem; */
}

.indexbox .indexproductbox .itembox .casecate .caseshow {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    width: 100%;
    overflow: hidden;
}

.indexbox .indexproductbox .itembox .casecate .caseshow .showbox p {
    font-size: 18rem;
}

.indexbox .indexproductbox .itembox .casecate .caseshow .showbox .btn {display: flex;align-items: center;justify-content: space-between;padding: 22rem 16rem;position: relative;z-index: -1;}

.indexbox .indexproductbox .itembox .casecate .caseshow .showbox .btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #f80101;
    z-index: -1;
    transition: all .5s;
}

.indexbox .indexproductbox .itembox .casecate .caseshow .showbox:hover .btn:after {
    width: 100%;
}
.indexbox .indexproductbox .itembox .casecate .caseshow .showbox .btn img {width: 20rem;}



.indexbox .indexproductbox .itembox .casecate .caseshow .showbox {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    text-align: center;
    transition: all .6s;
    00;
}

.indexbox .indexproductbox .itembox .casecate .caseshow .showbox:hover {
    /* background: #f80101; */
    color: #fff;
}

.indexbox .indexproductbox .itembox .casecate .caseshow .showbox:hover .btn img {
    filter: invert(1) brightness(200);
}

.indexbox .indexproductbox .itembox .casecate .caseshow .showbox .pic-box {
    width: 100%;
    height: 250rem;
    overflow: hidden;
    position: relative;
    border: 1rem solid #66666636;
}

.indexbox .indexproductbox .itembox .casecate .caseshow .showbox .pic-box:after {
    content: "";
    content: "";
    display: block;
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    transform: skewx(-25deg);
    -o-transform: skewx(-25deg);
    -moz-transform: skewx(-25deg);
    -webkit-transform: skewx(-25deg);
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
}

.indexbox .indexproductbox .itembox .casecate .caseshow .showbox:hover .pic-box:after {
    display: block;
    left: 100%;
    transition: 1s;
    -o-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
}

.indexbox .indexproductbox .itembox .casecate .caseshow .showbox .pic-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.indexbox .indexproductbox .itembox .casecate .caseshow .showbox:nth-child(4n) {
    margin-right: 0;
}

.indexbox .indexadvantagebox {
    padding-top: 0;
}
.indexbox .indexadvantagebox .itembox {
    display: flex;
    justify-content: space-between;
}
.indexbox .indexadvantagebox .itembox .item {
    width: 25%;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.indexbox .indexadvantagebox .itembox .item .imgbox {
    width: 100%;
    height: 490rem;
}
.indexbox .indexadvantagebox .itembox .item .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.indexbox .indexadvantagebox .itembox .item .textbox {
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .5s;
    width: 100%;
    height: 100%;
    background: #f80101a1;
    padding: 40rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 24rem;
    transform: translateY(100%);
}

.indexbox .indexadvantagebox .itembox .item.active .textbox {
    transform: translateY(0);
}

.indexbox .indexadvantagebox .itembox .item .textbox .title {
    /* font-size: 22rem; */
}

.indexbox .indexadvantagebox .itembox .item .textbox .futitle {
    /* font-size: 20rem; */
    margin-bottom: 6rem;
}

.indexbox .indexadvantagebox .itembox .item .textbox .line {
    position: absolute;
    bottom: 20rem;
    left: 40rem;
    background: #fff;
    width: 14%;
    height: 3rem;
}
.indexbox .indexadvantagebox .itembox .item .textbox .line {}
.indexbox .indexadvantagebox .itembox .item .textbox .futitle {}
.indexbox .indexadvantagebox .itembox .item .textbox .title {}
.indexbox .indexadvantagebox .itembox .item .textbox .text {
    font-size: 16rem;
    line-height: 28rem;
    margin-top: 50rem;
}
.indexbox .indexadvantagebox .itembox .item .biaotibox {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30rem;
    font-size: 20rem;
    width: 100%;
    transform: translateY(0);
}

.indexbox .indexadvantagebox .itembox .item.active .biaotibox {
    transform: translateY(100%);
}

.indexbox .indexadvantagebox .itembox .item .biaotibox .title {
    margin-top: 7rem;
    /* font-size: 20rem; */
}
.indexbox .indexadvantagebox .itembox .item .biaotibox .futitle {
    font-weight: 600;
}
.indexbox .indexadvantagebox .itembox .item .biaotibox .title {
    /* font-weight: 600; */
}

/* addshow */
.addbox{
	position: relative;
}
.addbox::before{
	width: 100%;
	height: 600rem;
	background: linear-gradient(107deg, #085b9c, #157acd);
	position: absolute;
	top: 0;
	left:0;
	content:'';
	background-image: url(../image/ysbg.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	filter: blur(1.5px);
}
.addbox b{
	color: #20a7ffa6;
}
.addbox b span{
	color: #20a7ff;
}
.addbox .contain-title{
	/* color:#fff; */
}
.addshow{
	width: 100%;
	height: auto;
	padding: 60rem 16rem 130rem;
	position: relative;
	z-index: 10;
	background: #fff;
	box-shadow: 0rem 10rem 20rem #00000070;
	/* border-radius: 20rem; */
}
.showscreen{
	width:100%;
	overflow: hidden;
}
.addshow .showscreen .showbox{
	display: flex;
	justify-content: center;
	width: 100%;
	position: relative;
}
.addshow .showscreen .showbox .left{
	width: 46%;
}
.addshow .showscreen .showbox .tnum{
	background: #f80101;
	color: #000;
	color: #fff;
	font-size: 50rem;
	font-weight: 600;
	padding: 30rem 0;
	border-radius: 0rem;
	border-bottom-right-radius: 50rem;
	border-top-left-radius: 50rem;
	width: 120rem;
	height: 120rem;
	text-align: center;
	border-radius: 50%;
}
.addshow .showscreen .showbox .tit{
	font-weight: bold;
	font-size: 33rem;
	margin-top: 50rem;
	padding-left: 100rem;
}
.addshow .showscreen .showbox .line{
	width: 250rem;
	height: 3rem;
	background: #f80101;
	margin: 20rem;
	margin-left: 100rem;
}
.addshow .showscreen .showbox .intro{
	font-size: 22rem;
	line-height: 40rem;
	padding-right: 10%;
	padding-left: 100rem;
}
.addshow .showscreen .showbox .right{padding: 20rem;width: 42%;}
.addshow .showscreen .showbox .right .pic-box{
	width: 100%;
	height: 452rem;
	box-shadow: 15rem 15rem 0rem #f80101ba;
}
.addshow .showscreen .showbox .right .pic-box img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.addshow .showscreen .fnum{
	position: absolute;
	top: 0;
	display: none;
	right:0;
	width: 180rem;
	margin: auto;
	background: #f80101;
	color: #fff;
	height: 180rem;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	display: none;
}
.addshow .showscreen .fnum .top{
	font-size: 14rem;
}
.addshow .showscreen .fnum span{
	font-weight: bold;
	font-size: 60rem;
}
.addshow .showscreen .fnum .bottom{
	font-size: 18rem;
	text-align: center;
}
.addshow .addpagin{
	position: absolute;
	bottom: 20rem;
	left: 20rem;
	width: 50%;
}
.addshow .addpagin .showbox{
	width: 100%;
	height: 150rem;
	padding: 20rem;
	background: linear-gradient(
360deg, #f80101, #f8010105);
	background: #0c5aaa;
	text-align: center;
	color: #fff;
	font-size: 16rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
}
.addshow .addpagin .swiper-slide-thumb-active .showbox{
	background: #f80101;
	/* color: #000; */
}
.addshow .addpagin .showbox .pic-box{
	width: 71rem;
	margin-bottom: 10rem;
}

.addshow .addpagin .showbox .pic-box img {
    width: 100%;
}