a {
    font-size: 16rem;
}

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

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


.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: 54%;
    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: 20rem;}

.bannerbox .text .wenan {
    font-size: 16rem;
    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);
}







/* product*/

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

.indexbox .indexproductbox .itembox {
    /* position: relative; */
    display: flex;
    justify-content: space-between;
}

.indexbox .indexproductbox .itembox  .leftbox {
    width: 26%;
    padding-left: 2%;
}

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

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

.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: 66%;
    margin-top: 14%;
}

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

.indexbox .indexproductbox .itembox .centerbox .productcate .textbox .wenan {
    margin: 26rem 0;
    font-size: 16rem;
    line-height: 30rem;
    color: #666;
}
.indexbox .indexproductbox .itembox  .rightbox {
    width: 34%;
    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: 22rem;
    text-align: center;
    margin: 30rem auto;
    margin-bottom: 45rem;
}

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

.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: 3vw;
}

.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;
    width: 63%;
}

.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: 64%;
    overflow: hidden;
}

.indexbox .indexproductbox .itembox .productcate .caseshow {
    height: 290rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-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: 16rem;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0368a066;
    height: 18%;
    line-height: 16rem;
}

.indexbox .indexproductbox .itembox a.read {
    /* margin: auto; */
    margin-top: 37rem;
}

.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;
}

.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: row;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.serbshow .left {
	position: relative;
	height: 79%;
	margin-bottom: 5%;
	width: 29%;
	display: flex;
	flex-direction: column;
	/* box-shadow: -5rem 5rem 30rem #00000073; */
	padding: 40rem;
	justify-content: flex-start;
}

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

.serbshow .left .intro {
	font-size: 20rem;
	line-height: 40rem;
	margin-top: 30rem;
	margin-bottom: 27%;
}

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

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

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

.serbshow .left .contactus .phone {
	padding: 15rem 0rem 20rem 15rem;
}

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

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

.serbshow .right {
	background-image: linear-gradient(45deg, #0368a0, #eb242d);
	display: flex;
	justify-content: center;
	margin-bottom: 5%;
	height: 120rem;
	width: 57%;
	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: 50rem
}

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

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

/**/
.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%;
}

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

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

.indexbox .indexabout .textbox {
    width: 44%;
    /* 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: 40rem;
    font-size: 34rem;
    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: 40rem;
    text-indent: 28rem;
    width: 100%;
    font-size: 18rem;
    color: #000;
    /* max-height: 210rem; */
    overflow: hidden;
    text-overflow: ellipsis;
    text-indent: 0rem;
}

.indexbox .indexabout .pctextbox .read {
    margin-top: 40rem;
}

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

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

  .indexcasebox .itembox  .swiper-slide {
    text-align: center;
    font-size: 18rem;
    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: 536rem;
}



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

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

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

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

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

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

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

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

.indexbox .advantagebox .advantage .right {
    width: 25%;
    display: flex;
    flex-direction: column;
}

.indexbox .advantagebox .advantage .right .listbox .list {
    display: flex;
    align-items: center;
    background: #ecf9ff;
    margin-bottom: 20rem;
    position: relative;
    padding: 22rem;
    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: 50rem;
    margin: 0 20rem;
    margin-left: 10rem;
}

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

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

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

.indexbox .advantagebox .advantage .right .listbox .list>span {
    position: absolute;
    left: -22rem;
    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;
}

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

.indexbox .advantagebox .advantage .left .listbox .title h1 {
    font-size: 34rem;
    font-family: auto;
}

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

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

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

.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;
}

.indexbox .indexnewsbox .indexnews .item {width: 24%;border: 1rem solid #66666626;padding: 20rem 14rem;}

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

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

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

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

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


.indexbox .indexnewsbox .indexnews  .item .title {
   font-size: 18rem;
   font-weight: 600;
   color: #000;
   margin-top: 25rem;
   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: 20rem 0;
    line-height: 26rem;
    font-size: 14rem;
    color: #666;
}

.indexbox .indexnewsbox .indexnews .item .img {
    overflow: hidden;
    transition: all .6s;
    height: 310rem;
    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);
}