a {
    font-size: 16rem;
}

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

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


.indexbox .bannerbox {
    position: relative;
    margin-top: 60rem;
    height: 400rem;
}

.indexbox .bannerbox .swiper-pagination {
    left: 7%;
    right: initial;
    top: initial;
    bottom: 16rem;
    width: max-content;
}
.indexbox .bannerbox .bannerbtnbox {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 16rem;
    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: 16rem;
    color: #fff;
    width: 90rem;
    z-index: 10;
}

.indexbox .bannerbox .p_scrool i {
    display: block;
    width: 16rem;
    height: 26rem;
    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: 19rem;
    margin-top: 8rem;
    font-size: 10rem;
}

.bannerbox .text {
    text-align: left;
    width: 95%;
    top: 42%;
    left: 0;
    transform: translateY(-50%);
    z-index: 5;
    position: absolute;
    color: #fff;
    transition: background 1s;
    display: flex;
    flex-direction: column;
    /* background: #00000030; */
    padding: 20rem;
    /* 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: 16rem;
    font-size: 20rem;
    font-weight: 600;
    margin-bottom: 20rem;
    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: 14rem;}

.bannerbox .text .wenan {
    font-size: 14rem;
    text-shadow: 2rem 1rem 1rem #000000cc;
    line-height: 24rem;
    margin-bottom: 26rem;
}

.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: 14rem;
    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);
}







/* product*/

.indexbox .indexproductbox {
    position: relative;
    /* padding: 0; */
}

.indexbox .indexproductbox .itembox {
    /* position: relative; */
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 95%;
    margin: auto;
}

.indexbox .indexproductbox .itembox  .leftbox {
    width: 100%;
}

.indexbox .indexproductbox .itembox .leftbox .zhutitle {
    display: flex;
}

.indexbox .indexproductbox .itembox .leftbox .zhutitle .text .line {
    margin: 8rem 0;
}
.indexbox .indexproductbox .itembox  .centerbox {
    width: 100%;
}

.indexbox .indexproductbox .itembox .centerbox .productswpbtn {}

.indexbox .indexproductbox .itembox .centerbox .productswpbtn .swiper-button-white {
    background: #02679e8a;
}

.indexbox .indexproductbox .itembox .centerbox .productcate {}

.indexbox .indexproductbox .itembox .centerbox .productcate .btnbox {
    display: flex;
}

.indexbox .indexproductbox .itembox .centerbox .productcate .textbox {
    width: 100%;
    margin-top: 10rem;
}

.indexbox .indexproductbox .itembox .centerbox .productcate .textbox .title {
    font-size: 18rem;
    color: #eb242d;
}

.indexbox .indexproductbox .itembox .centerbox .productcate .textbox .wenan {
    margin: 15rem 0;
    font-size: 14rem;
    line-height: 28rem;
    color: #666;
}
.indexbox .indexproductbox .itembox  .rightbox {
    width: 100%;
    height: 100%;
    /* position: absolute; */
    right: 0;
    top: 0;
    z-index: -1;
}
.indexbox .indexproductbox .itembox  .rightbox .imgbox {
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0rem;
    left: 0rem;
    transform: translateX(25%);
    transition: 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.indexbox .indexproductbox .itembox  .rightbox .imgbox.on {
    opacity: 1;
        position: static;
        z-index: 0;
        transform: translateY(0px);
}
.indexbox .indexproductbox .itembox  .rightbox .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.indexbox .indexproductbox .itembox .productpagin {
    width: 100%;
    font-size: 14rem;
    text-align: center;
    /* margin: 20rem auto; */
    margin-bottom: 3rem;
    overflow: hidden;
}

.indexbox .indexproductbox .itembox .productpagin .item {
    width: max-content !important;
    display: flex;
    align-items: center;
    position: relative;
    color: #666;
    margin: 10rem 0;
    text-align: left;
    font-size: 14rem;
}

.indexbox .indexproductbox .itembox .productpagin .item:after {
    content: '';
    height: 2rem;
    background: #0368a0;
    display: inline-block;
    vertical-align: middle;
    transition: 0.3s ease 0s;
    margin-left: 1.5vw;
    width: 0;
}

.indexbox .indexproductbox .itembox .productpagin .item.on:after {
    width: 10vw;
}

.indexbox .indexproductbox .itembox .productpagin .item.on {}

.indexbox .indexproductbox .itembox .productpagin .item.on span {
    color: #fff;
}

.indexbox .indexproductbox .itembox .productpagin .swiper-wrapper {
    flex-direction: column;
}

.indexbox .indexproductbox .itembox .productpagin span {
    display: block;
     /* 或固定宽度，如300px */
     /* 长单词/URL内部换行（优先不拆分单词） */
     /* 自动换行，合并多余空白 */
     /* 优化英文阅读间距 */
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    width: 64%;
}

.indexbox .indexproductbox .itembox .productpagin span:after {
    transition: 0.3s ease 0s;
    content: attr(data-title);
    color: #0368a0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
}

.indexbox .indexproductbox .itembox .productpagin .item.on span:after {
    width: 100%;
}

.indexbox .indexproductbox .itembox .productpagin span:hover {
}

.indexbox .indexproductbox .itembox .productpagin .swiper-slide-thumb-active span {
}

.indexbox .indexproductbox .itembox .productcate {
    width: 100%;
    overflow: hidden;
}

.indexbox .indexproductbox .itembox .productcate .caseshow {
    height: 147rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20rem;
    width: 100%;
    position: initial;
    overflow: hidden;
}

.indexbox .indexproductbox .itembox .productcate .caseshow .swiper-wrapper {/* overflow: hidden; */}

.indexbox .indexproductbox .itembox .productcate .swpsonbox {
    position: relative;
}

.indexbox .indexproductbox .itembox .productcate .caseshow .showbox {
    width: 100%;
    display: block;
    height: 100%;
    /* margin-bottom: 60rem; */
    border: 1rem solid #66666642;
}

.indexbox .indexproductbox .itembox .productcate .caseshow .showbox:hover {
    /* border: #0368a0 1rem solid; */
}

.indexbox .indexproductbox .itembox .productcate .caseshow .pic-box {
    width: 100%;
    height: 100%;
    /* box-shadow: 0 0 10rem #fff; */
    overflow: hidden;
}

.indexbox .indexproductbox .itembox .productcate .caseshow .showbox:hover .pic-box img {
    transform: scale(1.1);
}

.indexbox .indexproductbox .itembox .productcate .caseshow .pic-box img {
    height: 100%;
    transition: all .6s;
    width: 100%;
    object-fit: cover;
}

.indexbox .indexproductbox .itembox .productcate .caseshow p {
    font-size: 12rem;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0368a066;
    height: 31%;
    padding: 5rem;
}

.indexbox .indexproductbox .itembox a.read {
    /* margin: auto; */
    margin: 20rem 0;
}

.indexbox .indexproductbox .itembox .more {
    display: block;
    border: 1rem solid #000;
    margin: 0 auto;
    line-height: 50rem;
    height: 50rem;
    text-align: center;
    position: relative;
    width: 232rem;
    transition: all 0.4s;
    font-size: 20rem;
    margin-top: 10rem;
    color: #000;
    overflow: hidden;
    border-radius: 5rem;
}

.indexbox .indexproductbox .itembox .more:hover {
    color: #fff;
    border-color: #5eac38;
}

.indexbox .indexproductbox .itembox .more i {
    font-style: normal;
    position: relative;
    z-index: 2;
}

.indexbox .indexproductbox .itembox .more:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background: #5eac38;
    transition: all 0.4s;
}

.indexbox .indexproductbox .itembox .more:hover:after {
    width: 100%;
}

/* serball css */
.serball {
	/* background-image: url(../images/serbg.png); */
	position: relative;
}

.serball .iconbox {
	position: absolute;
	display: flex;
	flex-direction: column;
	z-index: 100;
	background: #fff;
	/* box-shadow: 0rem 0rem 5rem #00000045; */
	padding: 10rem;
	padding-top: 0;
	border-radius: 8rem;
	animation: topbottom 2s 0s infinite;
	-webkit-animation: topbottom 2s  infinite;
	transform-origin: bottom;
	-webkit-transform-origin: bottom;
	display: none;
}

.serball .iconbox.newzealand {
    right: 1%;
    top: 79%;
}

.serball .iconbox.indonesia {
    right: 14%;
    top: 54%;
}

.serball .iconbox.singapore {
    right: 19%;
    top: 51%;
}

.serball .iconbox.hkmo {
    top: 39%;
    left: 79.6%;
}

.serball .iconbox.uae {
    left: 64%;
    top: 37%;
}

.serball .iconbox.saudi_arabia {left: 60%;top: 37%;}

.serball .iconbox.australia {
    left: 86%;
    top: 68%;
}

.serball .iconbox.mexico {
    left: 20%;
    top: 37%;
}

.serball .iconbox.america {
    left: 21%;
    top: 28%;
}

.serball .iconbox:after {
	content: "";
	border: 16rem solid #fff;
	position: absolute;
	bottom: -48%;
	left: 50%;
	transform: translateX(-50%);
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

.serball .iconbox.china {
	left: 77%;
	top: 32%;
}

.serball .iconbox.meiguo {
	left: 20%;
	top: 28%;
}

.serball .iconbox.yinguo {
	left: 48%;
	top: 17%;
}

.serball .iconbox .img img {
	width: 30rem;
	object-fit: cover;
}

.serball .iconbox .img {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36rem;
}

.serball .iconbox .img:after {
    width: 30rem;
    height: 30rem;
    content: "";
    background: #eb242d;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    border-radius: 50%;
}

.serball .iconbox .name {
	font-size: 12rem;
	font-weight: 600;
	text-align: center;
}

.serbshow {
	display: flex;
	justify-content: space-between;
	/* height: 900rem; */
	/* align-items: flex-end; */
	flex-direction: column;
	/* position: absolute; */
	left: 0;
	bottom: 0;
	width: 100%;
}

.serbshow .left {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	/* box-shadow: -5rem 5rem 30rem #00000073; */
	justify-content: flex-start;
	padding: 0 2.5%;
}

.serbshow .left .zhutitle {
    padding-bottom: 0;
    text-align: left;
    display: flex;
    margin-bottom: 0rem;
}

.serbshow .left .intro {
	font-size: 14rem;
	line-height: 28rem;
	margin-bottom: 12rem;
}

.serbshow .left .contactus {
	/* position: absolute; */
	width: 100%;
	left: 0;
	background: #0368a0;
	color: #fff;
	/* height: 120rem; */
	bottom: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 17rem;
}

.serbshow .left .contactus .tit {
	font-size: 20rem;
	margin-bottom: 5rem;
}

.serbshow .left .contactus span {
	font-size: 16rem;
	display: block;
}

.serbshow .left .contactus .phone {
	padding: 10rem;
}

.serbshow .left .contactus .pic-box {
	width: auto;
	height: 100%;
	padding: 20rem;
	background: #eb242d;
}

.serbshow .left .contactus .pic-box img {
	/* height: 100%; */
	width: 40rem;
}

.serbshow .right {
	background-image: linear-gradient(45deg, #0368a0, #eb242d);
	display: flex;
	justify-content: center;
	margin-bottom: 5%;
	width: 100%;
	background-size: 33.33%;
	background-repeat: repeat;
}

.serbshow .right .showbox {
	width: 33.33%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 15rem 5rem;
	font-size: 16rem;
	color: #fff;
}

.serbshow .right .showbox .top b {
	font-size: 26rem;
}

.serbshow .right .showbox .top span {
	font-size: 14rem;
}

.serbshow .right .showbox .bot {
	font-size: 14rem;
}

/**/
.indexbox .bgindexabout {
    width: 100%;
    background-size: cover;
    position: relative;
    display: flex;
}

.indexbox .bgindexabout .imgbox {
}

.indexbox .bgindexabout .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.indexbox .bgindexabout::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background-size: cover;
}

.indexbox .contentbox .bgindexabout>.title {
    /* font-weight: normal !important; */
    font-size: 36rem;
    padding-bottom: 50rem;
    text-align: center;
    width: 100%;
    font-weight: 700;
    color: #fff;
}

.indexbox .contentbox .bgindexabout>.title .futitle {
    font-size: 18rem;
    text-align: center;
    width: 100%;
    color: #ffff;
    margin-top: 10rem;
}

.indexbox .indexabout {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: column-reverse;
}

.indexbox .indexabout .imgbox {
    width: 100%;
    padding: 5rem;
    background: #0368a0;
}

.indexbox .indexabout .imgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* box-shadow: 0rem 0rem 20rem 4rem #ffffffa8; */
}

.indexbox .indexabout .textbox {
    width: 100%;
    /* background-color: #f2f2f2; */
    position: relative;
}

.indexbox .indexabout .textbox .zhutitle {
    text-align: left;
}

.indexbox .indexabout .textbox .zhutitle .text .line {
    margin: 14rem 0;
}

.indexbox .indexabout .textbox>.title {
    margin-bottom: 16rem;
    font-size: 18rem;
    color: #eb242d;
    font-weight: 600;
}

.indexbox .indexabout .textbox .pctextbox {
    color: #000;
    width: 100%;
    color: #fff;
    padding-right: 22rem;
}

.indexbox .indexabout .pctextbox h2 {
    margin-bottom: 14rem;
    font-size: 42rem;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    border-bottom: 1rem solid rgba(102, 102, 102, 0.514);
    position: relative;
    padding: 6rem 0;
}

.indexbox .indexabout .pctextbox h2::after {
    display: block;
    content: "";
    position: absolute;
    bottom: -1.5rem;
    width: 30%;
    height: 2rem;
    background-color: #03864d;
    border-radius: 1rem;
}

.indexbox .indexabout .pctextbox .text {
    line-height: 28rem;
    text-indent: 28rem;
    width: 100%;
    font-size: 14rem;
    color: #000;
    /* max-height: 210rem; */
    overflow: hidden;
    text-overflow: ellipsis;
    text-indent: 0rem;
}

.indexbox .indexabout .pctextbox .read {
    margin: 20rem 0;
}

.indexbox .bgindexabout .iconbox {
    display: flex;
    padding: 18rem 0rem;
    justify-content: space-between;
    /* margin-top: 50rem; */
    color: #000;
    /* background: linear-gradient(0deg, #fdfafa, #000000); */
    font-size: 18rem;
    /* box-shadow: 0 0 10rem 10rem #9fb1c5; */
    /* background: linear-gradient(180deg, #fffffff0, #0000005c); */
    /* position: absolute; */
    bottom: 0rem;
    right: 0;
    width: 53%;
    margin-bottom: 3%;
}

.indexbox .bgindexabout .iconbox .icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 24%;
    position: relative;
    background: #fff;
    box-shadow: 0 23rem 90rem -5rem rgb(0 0 0 / 17%);
    padding-top: 2%;
    background-color: #fff;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    border-radius: 20rem;
    /* flex-direction: column; */
    justify-content: space-between;
    align-items: center;
    /* text-align: center; */
    overflow: hidden;
    transition: all .6s;
}

.indexbox .bgindexabout .iconbox .icon:hover {
    color: #fff;
    animation: icon-bounce 0.5s alternate;
}

.indexbox .bgindexabout .iconbox .icon:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: -1;
    background: #0368a0;
    transition: all .6s;
}

.indexbox .bgindexabout .iconbox .icon:hover:after {
    width: 100%;
}

.indexbox .bgindexabout .iconbox .icon .img {
    height: 42rem;
    position: absolute;
    right: 20rem;
    top: 20rem;
    width: 42rem;
}

.indexbox .bgindexabout .iconbox .icon .img img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    /* transition: all .6s; */
}

.indexbox .bgindexabout .iconbox .icon:hover .img img {
    filter: brightness(200);
}

.indexbox .bgindexabout .iconbox .icon .text .num {
    font-size: 19rem;
    color: #fd9e16;
    margin: 6rem 0;
    transition: all .6s;
}

.indexbox .bgindexabout .iconbox .icon:hover .text .num {
    color: #fff;
}

.indexbox .bgindexabout .iconbox .icon .text .num span {
    font-size: 32rem;
    /* font-weight: 700; */
    font-family: math;
    padding: 0;
    margin: 0;
}

/* case */

.indexcasebox {
    padding-top: 0;
}

.indexcasebox .itembox {}

.indexcasebox .itembox .caseswiperbtn {}

.indexcasebox .itembox .caseswiperbtn .swiper-button-white {
    background: #0368a09c;
}

.indexcasebox .itembox .caseswiperbtn .swiper-button-white.swiper-button-prev {
    left: 10rem;
}

.indexcasebox .itembox .caseswiperbtn .swiper-button-white.swiper-button-next {
    right: 10rem;
}
.indexcasebox .itembox .swiper {
    width: 100%;
    height: 100%;
  }

  .indexcasebox .itembox  .swiper-slide {
    text-align: center;
    font-size: 14rem;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .indexcasebox .itembox  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

.indexcasebox .itembox .swiper-slide .imgbox {
    width: 100%;
    height: 174rem;
}



  .indexcasebox .itembox  .swiper {
    width: 100%;
    height: 100rem;
    margin-left: auto;
    margin-right: auto;
  }

  .indexcasebox .itembox  .swiper-slide {
    background-size: cover;
    background-position: center;
  }

  .indexcasebox .itembox .swiper.indexcaseswiper2 {
  margin-bottom: 24rem;
  height: auto;
  }

.indexcasebox .itembox .swiper.indexcaseswiper2 .swiper-slide {
    transform: scale(.95);
    transition: all .5s;
    border: 2rem solid #fff;
}

.indexcasebox .itembox .swiper.indexcaseswiper2 .swiper-slide .itemtitle {
    font-size: 14rem;
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 10rem;
}

.indexcasebox .itembox .swiper.indexcaseswiper2 .swiper-slide .itemtitle img {
    width: 26rem;
    margin-right: 8rem;
    background: #0368a0;
    border-radius: 50%;
    padding: 5rem;
}

.indexcasebox .itembox .swiper.indexcaseswiper2 .swiper-slide.swiper-slide-active {
    transform: scale(1);
    border-color: #0368a0;
}

  .indexcaseswiper1 {
    height: 20%;
    box-sizing: border-box;
    padding: 10rem 0;
  }

  .indexcaseswiper1 .swiper-slide {
    width: 25%;
    height: 100%;
    /* opacity: 0.4; */
  }

  .indexcaseswiper1 .swiper-slide-thumb-active {
    border: 2rem solid #0368a0;
  }



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

.indexbox .youshipagin .swiper-wrapper {
    /* justify-content: center; */
    display: flex;
    /* flex-direction: column; */
}

.indexbox .advantagebox {
    background: url(../image/youshibg.jpg) center no-repeat fixed;
    background-size: cover;
    /* height: 900rem; */
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: flex;
}

.indexbox .advantagebox:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #000;
    opacity: .5;
}

.indexbox .advantagebox .zhutitle {
    color: #fff;
    padding-bottom: 20rem;
}

.indexbox .advantagebox .zhutitle .futitle {
    color: #fff;
}

.indexbox .advantagebox .advantage {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column-reverse;
}

.indexbox .advantagebox .advantage .left {
    width: 100%;
}

.indexbox .advantagebox .advantage .right {
    width: 100%;
    display: flex;
    /* flex-direction: column; */
    /* overflow: hidden; */
}

.indexbox .advantagebox .advantage .right .listbox .list {
    display: flex;
    align-items: center;
    background: #ecf9ff;
    /* margin-bottom: 20rem; */
    position: relative;
    padding: 15rem;
    border-radius: 6rem;
    border: 1rem solid #eb242d;
    cursor: pointer;
    transition: all .6s;
    color: #0368a0;
}

.indexbox .advantagebox .advantage .right .listbox .list:hover {
    background: #0368a0;
    color: #fff;
}

.indexbox .advantagebox .advantage .right .listbox .list img {
    width: 36rem;
    margin: 0rem 15rem;
    margin-left: 9rem;
}

.indexbox .advantagebox .advantage .right .listbox .list:hover img {
    filter: brightness(200);
}

.indexbox .advantagebox .advantage .right .listbox .list .title h1 {
    font-size: 16rem;
    margin-bottom: 6rem;
}

.indexbox .advantagebox .advantage .right .listbox .list .title p {
    font-family: fangsong;
    font-size: 14rem;
}

.indexbox .advantagebox .advantage .right .listbox .list>span {
    position: absolute;
    left: -17rem;
    top: 50%;
    transform: translateY(-50%);
    background: linear-gradient(181deg, #eb242d, #0368a08c);
    width: 40rem;
    height: 40rem;
    border-radius: 50%;
    z-index: 0;
    color: #fff;
    border: 1rem solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indexbox .advantagebox .advantage .right .listbox.active {
    display: block;
}

.indexbox .advantagebox .advantage .left .listbox {
    display: none;
    animation: myfadeleft 1s;
    margin-top: 20rem;
}

.indexbox .advantagebox .advantage .left .listbox .title {
    color: #fff;
    font-size: 14rem;
    font-family: fangsong;
}

.indexbox .advantagebox .advantage .left .listbox .title h1 {
    font-size: 18rem;
    font-family: auto;
    margin-bottom: 10rem;
}

.indexbox .advantagebox .advantage .left .listbox .text {
    color: #fff;
    font-size: 14rem;
    line-height: 28rem;
    margin-top: 24rem;
}

.indexbox .advantagebox .advantage .left .listbox .lianxibox {
    margin-top: 30rem;
    display: flex;
    align-items: center;
    color: #0368a0;
    font-size: 18rem;
    background: #fff;
    border-radius: 50rem;
    height: 43rem;
}

.indexbox .advantagebox .advantage .left .listbox .lianxibox>img {
    width: 28rem;
    margin: 0rem 17rem;
}

.indexbox .advantagebox .advantage .left .listbox.active {
    display: block;
}

.indexbox .advantage {}


/* news */
.indexbox .indexnewsbox {
    background-size: cover;
}

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

.indexbox .indexnewsbox .indexnews {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.indexbox .indexnewsbox .indexnews .item {width: 100%;border: 1rem solid #66666626;padding: 10rem;margin-bottom: 2%;}

.indexbox .indexnewsbox .indexnews .item:hover .title {
    color: #0368a0;
}

.indexbox .indexnewsbox .indexnews .item .textbox {}

.indexbox .indexnewsbox .indexnews .item .textbox .timebox {
    color: #0368a0;
    font-size: 14rem;
}

.indexbox .indexnewsbox .indexnews .item .textbox .timebox .time {
    font-weight: 600;
}

.indexbox .indexnewsbox .indexnews .item .textbox .timebox .day {
    font-size: 14rem;
    margin-bottom: 5rem;
}


.indexbox .indexnewsbox .indexnews  .item .title {
   font-size: 14rem;
   font-weight: 600;
   color: #000;
   margin-top: 12rem;
   transition: all .6s;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
}

.indexbox .indexnewsbox .indexnews .item .miaoshu {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 12rem 0;
    line-height: 23rem;
    font-size: 12rem;
    color: #666;
}

.indexbox .indexnewsbox .indexnews .item .img {
    overflow: hidden;
    transition: all .6s;
    height: 150rem;
    width: 100%;
}



.indexbox .indexnewsbox .indexnews .item .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .6s;
}

.indexbox .indexnewsbox .indexnews .item:hover .img img {
    transform: scale(1.1);
}