.bannerBox {
	overflow: hidden;
	position: sticky;
	top: 0;  
}

.bannerBox .imgT {
	height: 57.5vw;
	max-height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
    background-position: top center;
	width: 100%;
}

.bannerBox video {
	width: 100%;
	height: 57.5vw;
	max-height: 100vh;
	object-fit: cover;
	display: block;
}

.bannerBox video::--webkit-media-controls-play-button {
  display: none !important;
  -webkit-appearance: none !important;
}

.bannerBox .content {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 9;
	transform: translate(0, -50%);
	width: 100%;
}

.bannerBox .content .box { 
	padding: 0 8rem;
	margin: auto;
}

.bannerBox .content .box .h1 {
	font-size: 2.3rem;
	 
	color: #FFFFFF;
	line-height: 4.8rem;
	font-weight: 700;
}

.bannerBox .pagination {
	position: absolute; 
	bottom: 1.8rem;
	left: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center; 
	z-index: 1;
}
.bannerBox .pagination .swiper-pagination-bullet{
	width: 3rem;
	height: 4px;
	background: #FFFFFF;
	opacity: 0.2;
	border-radius: 0;
	transition: all 0.3s ease 0s;
}
.bannerBox .pagination .swiper-pagination-bullet-active{
	opacity: 1;
}
.mainContent {
	background: #fff;
	position: relative;
	z-index: 1;
	padding-top: 5rem;
}

.austarBox .content { 
	margin: auto;
	padding: 0 13rem;
	position: relative;
}

.austarBox .content:hover .msg .t {
	background-size: 100% 100%;
	color: rgba(20, 20, 20, 1);
	cursor: pointer;
}

.austarBox .content .img .i {
	width: 100%;
}

.austarBox .content .msg {
	position: absolute;
	width: 100%;
	left: 50%;
	top: 50%;
	z-index: 9;
	transform: translate(-50%, -50%);
	text-align: center;
	margin-top: 0;
}

.austarBox .content .msg .t {
	font-size: 1rem;
	line-height: 2.1rem;
	text-align: center;
	background-image: linear-gradient(180deg, transparent 70%, #FFAE26 0);
	transition: background-size 1.4s ease;
	background-repeat: no-repeat;
	background-size: 0 100%;
	  
	color: #000000;
	display: unset;
}

.applyBox {
	padding:4rem 0 ;
}
  

.applyBox .content .msg {
	font-size: 0.85rem;
	text-align: center;
	color: #646464;
	margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.applyBox .content .itemBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 1rem;
}

.applyBox .content .itemBox .item {
	flex: 0 0 calc((100% - 5rem) / 6);
	height: var(--card-h, auto);
	margin-right: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 1rem;
	position: relative;
	overflow: hidden;
}

.applyBox .content .itemBox .item:hover ::after {
	opacity: 1;
}

.applyBox .content .itemBox .item:hover .boxbox { 
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
}
 

.applyBox .content .itemBox .item:hover .boxbox .box2 {
	opacity: 1;
	z-index: 2;
}
 

.applyBox .content .itemBox .item:nth-child(6n) {
	margin-right: 0;
}

.applyBox .content .itemBox .item .boxbox {
	background-size: cover;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all .5s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.applyBox .content .itemBox .item .boxbox .box {
	position: relative;
	z-index: 1;
    padding: 0 1rem;  
}


.applyBox .content .itemBox .item .boxbox .box .logo {
	width: 6rem;
	margin: 0;
}

.applyBox .content .itemBox .item .boxbox .box .line {
	width: 1.2rem;
	margin: 0.5rem 0 0.3rem 0;
}

.applyBox .content .itemBox .item .boxbox .box .text {
	color: #fff;
	font-size: 1.2rem;
	text-align: left;
}

.applyBox .content .itemBox .item .boxbox .box2 {
	opacity: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: -1;
	transition: all .2s ease;
	display: flex;
	align-items: center;
	justify-content: center;
    background-color: #fff;
    transform: rotateY(180deg);
}

.applyBox .content .itemBox .item .boxbox .box2::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(98, 59, 164, 0.75);
	transition: all .3s ease;
}

.applyBox .content .itemBox .item .boxbox .box2 .ttb {
	position: relative;width: 100%;
	z-index: 2;
}

.applyBox .content .itemBox .item .boxbox .box2 .ttb .text {
	color: #fff;
	font-size: 1rem;
	z-index: 1;
	text-align: center;
	padding: 0 1.6rem;
}

.applyBox .content .itemBox .item .boxbox .box2 .ttb .i {
	width: 0.7rem;
	margin: 0.5rem auto;
	z-index: 1;
}

.scienceBox {
	padding: 4rem 0 ;
	background: #F6F6F6; 
}
 
.scienceBox .content .itemBox {
	display: flex;
	margin-top: 3.5rem;
	column-gap: 1rem;
}

.scienceBox .content .itemBox .item {
	width: calc(100% / 3);
	height: 24.25rem;
	padding: 2rem;
	background-size: cover;
	background-position: center; 
	overflow: hidden;
	transition: width .5s cubic-bezier(.175, .885, .32, 1.275);
	cursor: pointer;
	position: relative;
} 
.scienceBox .content .itemBox .item .mainBox {
	display: none;
	grid-template-rows: 0fr;
}
@media screen and (min-width:750px) { 
	.scienceBox .content .itemBox .item:hover {
		width: 40%;  
		background: #F39700!important;
	} 
	.scienceBox .content .itemBox .item:hover .mainBox {
		display: block;
		max-width: 20rem;
		grid-template-rows: 1fr;
	}  
}
 
 
.scienceBox .content .itemBox .item .titleT {
	font-size: 1.5rem;
	line-height: 2.1rem;
	color: #FFFFFF; 
	max-width: 20rem;
}  

.scienceBox .content .itemBox .item .mainBox .info {
	font-size: 0.8rem;
	line-height: 1.4rem;
	color: #fff;
	margin-top: 0.9rem;
}
 

.scienceBox .content .itemBox .item .mainBox .btn {
	display: grid;  
	margin-top: 1.5rem;
}

.scienceBox .content .itemBox .item .mainBox .btn .bt {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.4rem; 
	cursor: pointer;
	overflow: hidden;
	transition: 250ms all ease;
}

.scienceBox .content .itemBox .item .mainBox .btn .bt .b {
	width: 1.4rem;
	height: 1.4rem;
}

.productBox {
	padding: 4rem 0;
} 

.productBox .content .itemBox {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1rem;
}

.productBox .content .itemBox .item {
	flex: 0 0 calc((100% - 5.2rem) / 5);
	margin-right: 1.3rem;
	box-sizing: border-box;
	border: 1px solid #F5F5F5;
	background: #F5F5F5; 
	position: relative;
	margin-top: 1rem;
	overflow: hidden;
}

.productBox .content .itemBox .item:hover::after {
	height: 2.2rem;
}

.productBox .content .itemBox .item:hover .imgBox .i {
	transform: scale(1.1);
}

.productBox .content .itemBox .item:hover .right {
	opacity: 1;
	transform: translateY(0) translate(-50%, 0);
}

.productBox .content .itemBox .item::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background-color: #583492;
	transition: all .5s ease;
}

.productBox .content .itemBox .item:nth-child(5n) {
	margin-right: 0;
}

.productBox .content .itemBox .item .imgBox  {
	height: 18rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.productBox .content .itemBox .item .imgBox .i {
	width: 100%;
	transition: all .5s ease;
}

.productBox .content .itemBox .item .nameBox {
	position: absolute;
	width: 100%;
	top: 1rem;
	left: 0;
	z-index: 9;
} 

.productBox .content .itemBox .item .nameBox .line {
	width: 1.6rem;
	margin: 0.5rem auto 0 auto;
}

.productBox .content .itemBox .item .nameBox .name {
	color: #000000;
	font-size: 0.9rem;
	padding: 0 1rem;
	text-align: center;
	font-weight: 500;
}

.productBox .content .itemBox .item .right {
	position: absolute;
	bottom: 0.7rem;
	z-index: 1;
	transform: translate(-50%, 0) translateY(100%);
	left: 50%;
	width: 0.8rem;
	opacity: 0;
	transition: all .5s ease;
}

.costBox {
	padding:4rem 0 ;
}
 

.costBox .content .swiperBox {
	position: relative; 
	overflow: hidden;
	padding: 3.5rem 8rem 1.8rem 0;
	width: calc(100% + 8rem);
}

.costBox .content .swiperBox  .swiper-slide{
	width: 18.7rem;
	height: 15.55rem;
	display: flex;
	
}
.costBox .content .swiperBox  .swiper-slide .box{
	padding: 2.5rem 1.3rem;
	display: flex;
	flex-direction: column;
	width: 100%;
	background-image: url('../images/index/i37.png');
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	transition: all .5s cubic-bezier(.175, .885, .32, 1.275);
}
.costBox .content .swiperBox  .swiper-slide .box .titleT{
	font-size: 1rem;
	color: #FFFFFF; 
}
.costBox .content .swiperBox  .swiper-slide .box .line{
	width: 1rem;
	margin-top: 0.85rem;
}
.costBox .content .swiperBox  .swiper-slide .box .tag{
	font-size: 0.9rem;
	color: #FFFFFF;
	margin-top: 0.8rem;
}.applyBox .content .itemBox .item .boxbox .box2 .ttb .text { 
    padding: 0 1.3rem;
}
.costBox .content .swiperBox  .swiper-slide .box .right{
	width: 1.4rem;
	height: 1.4rem;
	margin-top: auto;
	background-image: url('../images/index/i39.png');
	background-size: contain;
	background-repeat: no-repeat;
}
.costBox .content .swiperBox  .swiper-slide:hover .right{
	background-image: url('../images/index/i39_b.png');

}
.costBox .content .swiperBox  .swiper-slide:hover .box{
	transform: translateY(-3rem);
} 

.costBox .swiper-pagination {
	position: absolute; 
	bottom: 0; 
	left: 0%;  
	z-index: 1;
	border-radius: 2px;
	width: calc(100% - 8rem);
	display: flex;
	align-items: center;
	justify-content: center;
}
.costBox .swiper-pagination .swiper-pagination-bullet{
	width: 0.6rem;
	height: 0.15rem;
	background: #F0F0F0;
	opacity: 1;
	border-radius: 0; 
	transition: all 0.5s ease 0s;
}
.costBox .swiper-pagination .swiper-pagination-bullet-active{
	width: 1.5rem;
	opacity: 1;
	background: #F39700;
}
.costBox .morebtnbox{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-top: 0.3rem;
}
.costBox .morebtnbox .morebtn{ 
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.8rem;
	color: #585858;
}
.costBox .morebtnbox .morebtn .icon{
	width: 0.3rem;
	margin-left: 0.35rem;
	display: block;
}


 

.newsBox  { 
	padding: 4rem 0; 
}
 
.newsBox .content .mainBox {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 3.5rem;
}

.newsBox .content .mainBox .left ,
.newsBox .content .mainBox .right {
	width: calc(50% - 0.5rem); 
	background: #F5F5F5;
	box-sizing: border-box;
}

.newsBox .content .mainBox .left .swiperCt {
	width: 100%;
	overflow: hidden;
	position: relative;
}
 
.newsBox .content .swiper-pagination {
	position: absolute;
	top: 18rem;
    right: 1rem;
	left: auto; 
	z-index: 1;   
	border-radius: 2px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.newsBox .swiper-pagination .swiper-pagination-bullet{
	height: 0.2rem;
	background: rgba(255, 255, 255, 0.3);
	opacity: 1;
	border-radius: 0; 
	transition: all 0.3s ease 0s;
	margin-left: 0.5rem;
	border-radius: 0.2rem;
	width: 0.2rem;
	/* background: #fff; */
}
.newsBox .swiper-pagination .swiper-pagination-bullet-active{
	width: 1.8rem;
	opacity: 1;
    background: #F39700;
}
.newsBox .content .mainBox .left .swiperCt .itemBox {
	cursor: pointer;
}

.newsBox .content .mainBox .left .swiperCt .itemBox:hover .imgT .img {
	transform: scale(1.03);
}


.newsBox .content .mainBox .left .swiperCt .itemBox:hover .infoBox .h1 {
	color: #4E298B;
}

.newsBox .content .mainBox .left .swiperCt .itemBox:hover .infoBox .timeBox .m {
	display: flex;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .imgT {
	height: 19rem;
	width: 100%;
	overflow: hidden;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .imgT .img {
	background-size: cover;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	transition: all .3s ease;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox {
	background: #F5F5F5;
	padding: 1.2rem 2.25rem;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .nameBox {
	display: flex;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .nameBox .name {
	position: relative;
	font-size: 1.3rem;
	font-weight: 700;
	padding-bottom: 0.8rem;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .nameBox .name::after {
	content: '';
	background-image: url('../images/index/line.png');
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1.2rem;
	height: 4px;
	background-size: cover;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .nameBox .more {
	display: flex;
	align-items: center;
	margin-left: auto;
	cursor: pointer;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .nameBox .more .t {
	font-size: 0.7rem;
	color: #585858;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .nameBox .more .i {
	width: 0.35rem;
	margin-left: 0.35rem;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .h1 {
	font-size: 0.9rem;
	margin-top: 0.8rem;
	font-weight: 700;
	cursor: pointer;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .msg {
	font-size: 0.7rem;
	color: #898989;
	line-height: 1rem;
	margin-top: 0.4rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	text-align: left;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .timeBox {
	display: flex;
	align-items: center;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .timeBox .time {
	font-size: 0.9rem;
	color: #898989;
	line-height: 1.4rem;
	margin-top: 0.55rem;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .timeBox .m {
	margin-top: 0.55rem;
	margin-left: auto;
	width: 1.4rem;
	flex: 0 0 1.4rem;
	height: 1.4rem;
	background: #FFA31A;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	display: none;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .timeBox .m .i {
	width: 7px;
}

.newsBox .content .mainBox .right { 
	padding: 2.1rem 2.25rem 1.6rem;
}

.newsBox .content .mainBox .right .nameBox {
	display: flex; 
}

.newsBox .content .mainBox .right .nameBox .name {
	position: relative;
	font-size: 1.3rem;
	font-weight: 700;
	padding-bottom: 0.7rem;
}

.newsBox .content .mainBox .right .nameBox .name::after {
	content: '';
	background-image: url('../images/index/line.png');
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1.2rem;
	height: 4px;
	background-size: cover;
}

.newsBox .content .mainBox .right .nameBox .more {
	display: flex;
	align-items: center;
	margin-left: auto;
	cursor: pointer;
}

.newsBox .content .mainBox .right .nameBox .more .t {
	font-size: 0.7rem;
	color: #585858;
}

.newsBox .content .mainBox .right .nameBox .more .i {
	width: 0.35rem;
	margin-left: 0.35rem;
}

.newsBox .content .mainBox .right .itemBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	height: calc(100% - 54px - 24px);
}

.newsBox .content .mainBox .right .itemBox .item {
	border-bottom: solid 1px #DDDDDD;
	padding: 1.55rem 0;
	cursor: pointer;
	width: 100%;
}

.newsBox .content .mainBox .right .itemBox .item:hover .h1 {
	color: #4E298B;
}

.newsBox .content .mainBox .right .itemBox .item:hover .timeBox .m {
	display: flex;
}

.newsBox .content .mainBox .right .itemBox .item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.newsBox .content .mainBox .right .itemBox .item .h1 {
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.25rem;
	display: flex;
	align-items: center;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.newsBox .content .mainBox .right .itemBox .item .h1>span {
	background: #FFA31A;
	border-radius: 4px;
	font-size: 0.6rem;
	color: #fff;
	margin-right: 0.35rem;
	padding: 0 0.7rem;
}

.newsBox .content .mainBox .right .itemBox .item .msg {
	font-size: 0.7rem;
	color: #898989;
	line-height: 1rem;
	height: 2rem;
	margin-top: 0.4rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	text-align: left;
}

.newsBox .content .mainBox .right .itemBox .item .timeBox {
	display: flex;
	align-items: center;
}

.newsBox .content .mainBox .right .itemBox .item .timeBox .time {
	font-size: 0.9rem;
	color: #898989;
	line-height: 1.4rem;
	margin-top: 0.4rem;
}

.newsBox .content .mainBox .right .itemBox .item .timeBox .m {
	margin-top: 0.4rem;
	margin-left: auto;
	width: 1.4rem;
	flex: 0 0 1.4rem;
	height: 1.4rem;
	background: #FFA31A;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	display: none;
}

.newsBox .content .mainBox .right .itemBox .item .timeBox .m .i {
	width: 0.35rem;
}

.brandBox { 
	background: #4E298B;
	padding: 4rem  0;
} 
.brandBox .content .title { 
	color: #fff;
}

.brandBox .content .itemBox {
	display: flex;
	flex-wrap: wrap;
	margin-top: 3rem;
}

.brandBox .content .itemBox .item {
	flex: 0 0 calc((100% - 3.2rem) / 5);
	background: rgba(255, 255, 255, 0.03);
	margin-right: 0.8rem;
	margin-top: 1.1rem; 
	height: 6.3rem;
	transition: all .3s ease;
	display: flex;
	align-items: center;
	justify-content: center;

}

.brandBox .content .itemBox .item:hover {
	background: #fff;
}

.brandBox .content .itemBox .item:hover .logo1 {
	transform: translateY(-0.7rem);
	display: none;
}

.brandBox .content .itemBox .item:hover .logo2 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.brandBox .content .itemBox .item:hover .logo2 .i {
	transform: translateY(-0.2rem);
}

.brandBox .content .itemBox .item:hover .logo2 .text {
	transform: translateY(-1rem);
}

.brandBox .content .itemBox .item:nth-child(5n) {
	margin-right: 0;
}

.brandBox .content .itemBox .item .logo1 {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease;
}

.brandBox .content .itemBox .item .logo1 .i {
	width: 80%;
	transition: all .3s ease;
}

.brandBox .content .itemBox .item .logo2 {

	display: none;
}

.brandBox .content .itemBox .item .logo2 .i {
	width: 80%;
	transform: translateY(-0.7rem);
	transition: all .3s ease;
}

.brandBox .content .itemBox .item .logo2 .text {
	font-size: 0.6rem;
	color: #686868;
    text-align: center;
	padding: 0 0.5rem;
	transform: translateY(0.5rem);
	transition: all .3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


@media screen and (max-width:750px){
.bannerBox { 
	position: relative; 
	height: auto;
}

.bannerBox .imgT {
	height: auto; 
}

.bannerBox video {
	height: 74.5vw; 
}
.bannerBox .vdieoT {
	width: 100%;
	height: auto;
	position: relative;
} 

.bannerBox .content .box { 
	padding: 0 2rem;
	margin: auto;
}

.bannerBox .content .box .h1 {
	font-size: 2rem;
	  
	line-height: 3.1rem; 
}

.bannerBox .pagination {
	display: none;
} 
.mainContent {
	padding-top: 3.5rem;
}

.austarBox .content {  
	padding: 0; 
} 
.austarBox .content .img  {
	position: absolute;
	left:0;
	top: 50%;
	transform: translateY(-50%);
	
} 
.austarBox .content .msg  { 
	padding: 0 2rem;
	position: relative;
	top: 0;
	left: 0;
	transform: translate(0,0);
}
.austarBox .content .msg .t {
	font-size: 1.2rem;  
}


.applyBox {
	padding:3.5rem 0 ;
}
  

.applyBox .content .msg {
	font-size: 1.2rem;
	text-align: center;
	color: #5A5A5A;
	margin-top: 2rem;
	justify-content: center;
	flex-wrap: wrap; 
}
 

.applyBox .content .itemBox .item {
	flex: 0 0 calc((100% - 2rem) / 3); 
}
 

.applyBox .content .itemBox .item:nth-child(3n) {
	margin-right: 0;
}

.applyBox .content .itemBox .item .boxbox {
	background-size: cover;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all .5s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.applyBox .content .itemBox .item .boxbox .box {
	position: relative;
	z-index: 1;
	padding: 1rem;
}

.applyBox .content .itemBox .item .boxbox .box .logo {
	width: 6.4rem;
}

.applyBox .content .itemBox .item .boxbox .box .line {
	width: 1.2rem; 
}

.applyBox .content .itemBox .item .boxbox .box .text {
	font-size: 1.2rem;
}


.scienceBox {
	padding: 3.5rem 0 ; 
}
 
.scienceBox .content .itemBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 1rem;
}

.scienceBox .content .itemBox .item {
	width: calc(100%);
	height: 30rem; 
	margin-top: 1rem; 
} 
.scienceBox .content .itemBox .item:hover {
	width:calc(100%);
}
.scienceBox .content .itemBox .item.wap {
	padding: 0;
	background: transparent;
}
 

.scienceBox .content .itemBox .item:hover .mainBox .tbox .tt {
	font-size: 1.4rem; 
	margin-top: 0;
} 
 
.scienceBox .content .itemBox .item .titleT {
	font-size: 1.4rem;  
}  
.scienceBox .content .itemBox .item .mainBox .info {
    font-size: 0.8rem;
    line-height: 1.3rem; 
    margin-top: 0.5rem; 
}.scienceBox .content .itemBox .item .mainBox .btn { 
    margin-top: .5rem;
}
 

.productBox {
	padding: 3.5rem 0;
} 

.productBox .content .itemBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 1rem;
}

.productBox .content .itemBox .item {
	flex: 0 0 calc((100% - 1rem) / 2);
	margin-right: 1rem;  
}
 

.productBox .content .itemBox .item::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background-color: #583492;
	transition: all .5s ease;
}
 
.productBox .content .itemBox .item:nth-child(2n) {
	margin-right: 0;
}
 
.productBox .content .itemBox .item .nameBox .name { 
	font-size: 1rem; 
        padding: 0 1.5rem;
}
 


.costBox {
	padding: 0;
} 
.costBox .content .swiperBox {
    position: relative; 
	padding: 0.5rem 0 0;
	width: 100%;
}
.costBox .content .swiperBox .swiper-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.costBox .content .swiperBox  .swiper-slide{
	width: 100%;
	height: 15rem;
	display: flex;
    margin-top: 1.5rem;
	
}.costBox .content .swiperBox .swiper-slide:hover .box {
    transform: translateY(0);
}
.costBox .content .swiperBox  .swiper-slide .box{
	padding: 1rem; 
}
.costBox .content .swiperBox  .swiper-slide .box .titleT{
	font-size: 1.4rem;
    line-height: 2.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.costBox .content .swiperBox  .swiper-slide .box .line{
	width: 1.5rem;
	margin-top: 0.85rem;
}
.costBox .content .swiperBox  .swiper-slide .box .tag{
	font-size: 1.3rem;
	color: #FFFFFF;
	margin-top: 1rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.costBox .content .swiperBox  .swiper-slide .box .right{
	width: 2.1rem;
	height: 2.1rem; 
} 


.newsBox  { 
	padding: 3.5rem 0; 
}
 
.newsBox .content .mainBox {
	display: block;
	margin-top: 2rem;
}

.newsBox .content .mainBox .left ,
.newsBox .content .mainBox .right {
	width: calc(100%); 
}

.newsBox .content .mainBox .left {
	margin-bottom: 1.5rem;
}    

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox {
	background: #F5F5F5;
	padding: 1.5rem ;
}
 
.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .nameBox .name {
	position: relative;
	font-size:2rem;
	font-weight: 700;
	padding-bottom: 1rem;
}
   

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .h1 {
	font-size:1.4rem;
	margin-top: 1.5rem;
        line-height: 2rem;
}

.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .nameBox .name::after {
    width: 1.75rem; 
	border-radius: 0 0.3rem 0 0;
}
.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .msg {
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin-top: 1rem; 
}
 
.newsBox .content .mainBox .left .swiperCt .itemBox .infoBox .timeBox .time {
	font-size: 1.1rem;
	line-height: 1.6rem;
	margin-top: 1rem;
}
 
.newsBox .content .mainBox .right { 
	padding: 1.5rem;
}
 

.newsBox .content .mainBox .right .nameBox .name { 
	font-size: 2rem; 
	padding-bottom:1rem;
}
.newsBox .content .mainBox .right .nameBox .name::after{
    width: 1.75rem; 
	border-radius: 0 0.3rem 0 0;
}
 .newsBox .content .mainBox .right .nameBox .more {
    display:none
} 

.newsBox .content .mainBox .right .itemBox {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	height: calc(100% - 54px - 24px);
}

.newsBox .content .mainBox .right .itemBox .item {
	border-bottom: solid 1px #DDDDDD;
	padding: 1.55rem 0;
	cursor: pointer;
}
 
.newsBox .content .mainBox .right .itemBox .item .h1 {
	font-size:1.4rem;
	margin-top: 1.5rem;
        line-height: 2rem;
}

.newsBox .content .mainBox .right .itemBox .item .h1>span {
	background: #FFA31A;
	border-radius: 4px;
	font-size: 0.6rem;
	color: #fff;
	margin-right: 0.35rem;
	padding: 0 0.7rem;
}

.newsBox .content .mainBox .right .itemBox .item .msg {
	font-size: 1.2rem;
	line-height: 1.8rem;
	margin-top: 1rem; 
	height: auto;
}
 
.newsBox .content .mainBox .right .itemBox .item .timeBox .time {
	font-size: 1.1rem;
	line-height: 1.6rem;
	margin-top: 1rem;
}
 

.brandBox { 
	padding: 3.5rem  0;
} 
.brandBox .content .title { 
	color: #fff;
}

.brandBox .content .itemBox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 1rem;
}

.brandBox .content .itemBox .item {
	flex: 0 0 calc((100% - 2rem) / 3); 
	margin-right: 0;
	margin-top: 1rem; 
	height: 4.3rem; 
	
} 
.brandBox .content .itemBox .item .logo2 .text {
	font-size: 0.7rem;
	color: #686868;
	transform: translateY(0.5rem);
	transition: all .3s ease;
}





}