@charset "UTF-8";

.clearfix:after,、 .clearfix:before {
	display: block;
	content: ""
}

.clearfix:after {
	clear: both
}

.show {
	height: 1422px;
	overflow: hidden
}

@media only all and (max-width:768px) {
	.show {
		width: 100%;
		height: 535px;
		overflow-y: scroll
	}
}

.show>div {
	float: left;
	height: 100%
}

.show>div .center_center,.show>div .center_top,.show>div .left_bottom,.show>div .left_top {
	height: 50%
}

.show>div .center_center .inner-l,.show>div .center_center .inner-r {
	height: 100%
}

.show>div .center_bottom {
	height: 33.4%
}

.show>div .right_top {
	height: 100%
}

.show>div .right_bottom {
	height: 33.4%
}

.show>div>div {
	overflow: hidden
}

.show>div .center>div,.show>div>div {
	position: relative;
	font-size: 0
}

.show>div .center>div>span {
	position: absolute;
	bottom: 20px;
	left: 25px;
	color: #fff;
	font-size: 24px;
	z-index: 9999
}

@media only all and (max-width:1440px) {
	.show>div .center>div>span {
		font-size: 17px
	}
}

@media only all and (max-width:768px) {
	.show>div .center>div>span {
		bottom: 15px;
		left: 15px;
		font-size: 14px
	}
}

.show>div .center>div>h5 {
	position: absolute;
	bottom: 50px;
	left: 25px;
	font-size: 24px;
	color: #fff;
	margin-top: 20px;
	text-transform: capitalize;
	z-index: 9999
}

@media only all and (max-width:1440px) {
	.show>div .center>div>h5 {
		font-size: 17px;
		bottom: 41px
	}
}

@media only all and (max-width:768px) {
	.show>div .center>div>h5 {
		display: none
	}
}

.show .w-24 {
	width: 25%;
	box-sizing: border-box;
	border-right: 2px solid #fff
}

@media only all and (max-width:768px) {
	.show .w-24 {
		width: 25%
	}
}

@media only all and (max-width:414px) {
	.show .w-24 {
		width: 50%
	}
}

.show .w-24 .special>a>div {
	bottom: 125px
}

@media only all and (max-width:1440px) {
	.show .w-24 .special>a>div {
		bottom: 98px
	}
}

.show .w-24>div {
	position: relative;
	box-sizing: border-box;
	border-bottom: 2px solid #fff;
	overflow: hidden
}

.show .w-24>div>img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 2s;
	transition: all 2s
}

.show .w-24>div>img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.show .w-24>div>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,150,0,.9);
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s
}

.show .w-24>div>a>div {
	position: absolute;
	bottom: 95px;
	left: 25px
}

@media only all and (max-width:1440px) {
	.show .w-24>div>a>div {
		bottom: 75px
	}
}

.show .w-24>div>a>div h5 {
	font-size: 24px;
	color: #fff;
	margin-top: 20px;
	text-transform: capitalize
}

@media only all and (max-width:1440px) {
	.show .w-24>div>a>div h5 {
		font-size: 17px
	}
}

.show .w-24>div>a>div p {
	font-size: 24px;
	color: #fff
}

@media only all and (max-width:1440px) {
	.show .w-24>div>a>div p {
		font-size: 17px
	}
}

.show .w-24>div>a>span {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	font-size: 35px
}

@media only all and (min-width:769px) {
	.show .w-24>div:hover>a {
		opacity: 1
	}
}

.show .w-55 {
	width: 25%;
	box-sizing: border-box;
	border-right: 2px solid #fff
}

.show .w-55>div {
	box-sizing: border-box;
	border-bottom: 2px solid #fff
}

.show .w-55>div>img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 2s;
	transition: all 2s
}

.show .w-55>div>img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.show .w-50 {
	width: 50%;
	box-sizing: border-box;
	border-right: 2px solid #fff
}

@media only all and (max-width:768px) {
	.show .w-50 {
		width: 50%
	}
}

@media only all and (max-width:414px) {
	.show .w-50 {
		width: 100%
	}
}

.show .w-50>div {
	box-sizing: border-box;
	border-bottom: 2px solid #fff
}

.show .w-50>div>img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 2s;
	transition: all 2s
}

.show .w-50>div>img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.show .w-50 .top>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,150,0,.9);
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s
}

.show .w-50 .top>a>div {
	position: absolute;
	bottom: 95px;
	left: 25px
}

@media only all and (max-width:1440px) {
	.show .w-50 .top>a>div {
		bottom: 75px
	}
}

.show .w-50 .top>a>div h5 {
	font-size: 24px;
	color: #fff;
	margin-top: 20px;
	text-transform: capitalize
}

@media only all and (max-width:1440px) {
	.show .w-50 .top>a>div h5 {
		font-size: 17px
	}
}

.show .w-50 .top>a>div p {
	font-size: 24px;
	color: #fff
}

@media only all and (max-width:1440px) {
	.show .w-50 .top>a>div p {
		font-size: 17px
	}
}

.show .w-50 .top>a>span {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	font-size: 35px
}

@media only all and (min-width:769px) {
	.show .w-50 .top:hover>a {
		opacity: 1
	}
}

.show .w-50 .bottom>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,150,0,.9);
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s
}

.show .w-50 .bottom>a>div {
	position: absolute;
	bottom: 95px;
	left: 25px
}

@media only all and (max-width:1440px) {
	.show .w-50 .bottom>a>div {
		bottom: 75px
	}
}

.show .w-50 .bottom>a>div h5 {
	font-size: 24px;
	color: #fff;
	margin-top: 20px;
	text-transform: capitalize
}

@media only all and (max-width:1440px) {
	.show .w-50 .bottom>a>div h5 {
		font-size: 17px
	}
}

.show .w-50 .bottom>a>div p {
	font-size: 24px;
	color: #fff
}

@media only all and (max-width:1440px) {
	.show .w-50 .bottom>a>div p {
		font-size: 17px
	}
}

.show .w-50 .bottom>a>span {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	font-size: 35px
}

@media only all and (min-width:769px) {
	.show .w-50 .bottom:hover>a {
		opacity: 1
	}
}

.show .w-50 .center>div {
	float: left;
	width: 50%;
	overflow: hidden
}

.show .w-50 .center>div>img {
	width: 100%;
	height: 100%;
	-webkit-transition: all 2s;
	transition: all 2s
}

.show .w-50 .center>div>img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.show .w-50 .center .inner-l {
	box-sizing: border-box;
	border-right: 1px solid #fff
}

.show .w-50 .center .inner-l>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,150,0,.9);
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s
}

.show .w-50 .center .inner-l>a>div {
	position: absolute;
	bottom: 95px;
	left: 25px
}

@media only all and (max-width:1440px) {
	.show .w-50 .center .inner-l>a>div {
		bottom: 75px
	}
}

.show .w-50 .center .inner-l>a>div h5 {
	font-size: 24px;
	color: #fff;
	margin-top: 20px;
	text-transform: capitalize
}

@media only all and (max-width:1440px) {
	.show .w-50 .center .inner-l>a>div h5 {
		font-size: 17px
	}
}

.show .w-50 .center .inner-l>a>div p {
	font-size: 24px;
	color: #fff
}

@media only all and (max-width:1440px) {
	.show .w-50 .center .inner-l>a>div p {
		font-size: 17px
	}
}

.show .w-50 .center .inner-l>a>span {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	font-size: 35px
}

@media only all and (min-width:769px) {
	.show .w-50 .center .inner-l:hover>a {
		opacity: 1
	}
}

.show .w-50 .center .inner-r {
	box-sizing: border-box;
	border-left: 1px solid #fff
}

.show .w-50 .center .inner-r>a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,150,0,.9);
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s
}

.show .w-50 .center .inner-r>a>div {
	position: absolute;
	bottom: 95px;
	left: 25px
}

@media only all and (max-width:1440px) {
	.show .w-50 .center .inner-r>a>div {
		bottom: 75px
	}
}

.show .w-50 .center .inner-r>a>div h5 {
	font-size: 24px;
	color: #fff;
	margin-top: 20px;
	text-transform: capitalize
}

@media only all and (max-width:1440px) {
	.show .w-50 .center .inner-r>a>div h5 {
		font-size: 17px
	}
}

.show .w-50 .center .inner-r>a>div p {
	font-size: 24px;
	color: #fff
}

@media only all and (max-width:1440px) {
	.show .w-50 .center .inner-r>a>div p {
		font-size: 17px
	}
}

.show .w-50 .center .inner-r>a>span {
	position: absolute;
	right: 10px;
	top: 10px;
	color: #fff;
	font-size: 35px
}

@media only all and (min-width:769px) {
	.show .w-50 .center .inner-r:hover>a {
		opacity: 1
	}
}

.show .w-24-b {
	border-right: none
}

@media only all and (max-width:768px) {
	.show .w-24-b {
		display: block
	}
}

.animate-bounce-up {
	-webkit-animation: a 2s linear infinite;
	animation: a 2s linear infinite
}

@-webkit-keyframes a {
	25% {
		-webkit-transform: translateY(5px)
	}

	50%,to {
		-webkit-transform: translateY(0)
	}

	75% {
		-webkit-transform: translateY(-5px)
	}
}

@keyframes a {
	25% {
		-webkit-transform: translateY(5px);
		transform: translateY(5px)
	}

	50%,to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	75% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}
}

.main .kv .swiper-container {
	width: 100%
}

.main .kv .swiper-container .swiper-slide {
	position: relative
}

.main .kv .swiper-container .bgimg {
	display: block;
	width: 100%;
	height: 9.76rem;
	background-size: contain
}

.main .kv .swiper-container .sw-ft {
	position: absolute;
	font-weight: 600;
	font-size: .56rem;
	color: #fff;
	line-height: 1.6;
	bottom: 1.97rem;
	left: .9rem;
	z-index: 2
}

.main .link-btn {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start
}

.main .link-btn,.main .link-more {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.main .link-more {
	padding: .24rem .5rem;
	background: #e7eef5;
	border-radius: .45rem;
	margin-top: .0rem
}

.main .link-more span {
	font-weight: 400;
	font-size: .24rem;
	color: #235e9b
}

.main .link-more i {
	color: #235e9b;
	font-size: .3rem;
	margin-left: .16rem;
	font-style: normal
}

.main .common-title {
	font-weight: 600;
	font-size: .42rem;
	color: #235e9b;
	padding: .35rem 0 .65rem
}

.main .img-box {
	width: 100%
}

.main .img-box img {
	display: block;
	width: 100%;
	height: auto
}

.main .model1 .page-title {
	font-weight: 700;
	font-size: .28rem;
	color: #39705f;
	margin-bottom: .35rem
}

.main .model1 .brief-box p {
	margin-bottom: .5rem;
	font-weight: 400;
	font-size: .28rem;
	color: #000;
	line-height: 1.7
}

.main .model1 .about-items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.main .model1 .about-items .cric:last-child {
	margin-left: .6rem
}

.main .model1 .about-items .cric .cric-ft {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	background: #fff;
	border-radius: 50%;
	border: 1px solid #2d8b5d
}

.main .model1 .about-items .cric .cric-ft .num {
	font-weight: 700;
	font-size: .77rem;
	color: #235e9b
}

.main .model1 .about-items .cric .cric-ft .unit {
	font-weight: 400;
	font-size: .22rem;
	color: #235e9b;
	margin: -.4rem .01rem 0 0
}

.main .model1 .about-items .cric .cric-ft .spec {
	font-weight: 700;
	font-size: .77rem;
	color: #235e9b
}

.main .model1 .about-items .cric .cric-bd {
	width: 100%;
	font-weight: 700;
	font-size: .32rem;
	margin-top: .19rem;
	text-align: center;
	color: #235e9b
}

.main .mode2 .lines-content .lines-box {
	border-bottom: 1px solid rgba(25,79,142,.3)
}

.main .mode2 .lines-content .lines-box:first-child {
	border-top: 1px solid rgba(25,79,142,.3)
}

.main .mode2 .lines-content .lines-box .lines-top {
	padding: .45rem 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.main .mode2 .lines-content .lines-box .lines-top span {
	font-weight: 600;
	font-size: .28rem;
	color: #333
}

.main .mode2 .lines-content .lines-box .lines-top .img-box {
	width: .28rem
}

.main .mode2 .lines-content .lines-box .lines-top .img-box .active {
	display: none
}

.main .mode2 .lines-content .lines-box .lines-bottom {
	display: none;
	padding: .4rem 0 .45rem
}

.main .mode2 .lines-content .lines-box .lines-bottom .ft-list {
	overflow: hidden
}

.main .mode2 .lines-content .lines-box .lines-bottom .ft-list,.main .mode2 .lines-content .lines-box .lines-bottom .ft-list .items {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.main .mode2 .lines-content .lines-box .lines-bottom .ft-list .items {
	width: 25%;
	padding: .04rem;
	font-weight: 500;
	font-size: .2rem;
	color: #333;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}

.main .mode2 .lines-content .lines-box .lines-bottom .ft-list .items:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	background: rgba(0,0,0,.2);
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.main .mode2 .lines-content .lines-box .lines-bottom .ft-list .items:last-child:after {
	display: none
}

.main .mode2 .lines-content .lines-box .lines-bottom .infos {
	margin-top: .61rem
}

.main .mode2 .lines-content .lines-box .lines-bottom .infos .ft-list {
	overflow: hidden;
	height: .36rem;
	border-radius: 20px
}

.main .mode2 .lines-content .lines-box .lines-bottom .infos .ft-list .items {
	background-color: #d0deeb;
	padding: 0;
	height: 100%
}

.main .mode2 .lines-content .lines-box .lines-bottom .infos .ft-list .items:after {
	width: 3px;
	background-color: #fff;
	z-index: 3
}

.main .mode2 .lines-content .lines-box .lines-bottom .infos .ft-list .bars {
	position: absolute;
	border-radius: 20px;
	width: 80%;
	z-index: 2;
	height: 100%;
	background-color: #235e9b
}

.main .mode2 .lines-content .lines-box .lines-bottom .infos .infos-ft {
	font-size: .28rem;
	color: #235e9b;
	margin-top: .44rem
}

.main .mode2 .lines-content .lines-box.active {
	border-color: #235e9b
}

.main .mode2 .lines-content .lines-box.active+.lines-box {
	border-bottom: #235e9b
}

.main .mode2 .lines-content .lines-box.active .lines-top span {
	color: #235e9b
}

.main .mode2 .lines-content .lines-box.active .lines-top .img-box .default {
	display: none
}

.main .mode2 .lines-content .lines-box.active .lines-top .img-box .active {
	display: block;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.main .model3 {
	background-color: rgba(22,89,153,.05)
}

.main .model3 .big-box {
	margin-top: .6rem
}

.main .model3 .big-box .img-box {
	position: relative;
	display: block;
	width: 100%;
	height: auto
}

.main .model3 .big-box .img-box .infos {
	position: absolute;
	left: .19rem;
	bottom: .29rem
}

.main .model3 .big-box .img-box .infos .brief {
	font-weight: 600;
	font-size: .32rem;
	color: #fff;
	line-height: 1.6
}

.main .model3 .big-box .img-box .infos .time {
	font-weight: 400;
	font-size: .2rem;
	color: #fff;
	margin-top: .28rem
}

.main .model3 .ellipsis-multiline {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis
}

.main .model3 .new-list {
	padding: .6rem 0;
	border-bottom: 1px solid rgba(0,0,0,.1)
}

.main .model3 .new-list .titles {
	font-weight: 600;
	font-size: .28rem;
	color: #000;
	line-height: 1.6
}

.main .model3 .new-list .time {
	font-weight: 400;
	font-size: .2rem;
	color: #666;
	margin-top: .38rem
}

.main .contentus {
	position: relative
}

.main .contentus .bgimg {
	display: block;
	width: 100%;
	height: auto
}

.main .contentus .content-inofs {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 5.5rem;
	z-index: 3;
	margin: .45rem 0 .54rem
}

.main .contentus .content-inofs .common-title {
	color: #fff
}

.main .contentus .content-inofs .nav-title {
	position: relative;
	display: block;
	width: 100%;
	padding: 0 0 .31rem;
	border-bottom: 1px solid hsla(0,0%,100%,.2);
	margin-bottom: .45rem
}

.main .contentus .content-inofs .nav-title span {
	font-weight: 400;
	font-size: .3rem;
	color: #fff
}

.main .contentus .content-inofs .nav-title span:after {
	position: absolute;
	content: "";
	width: .7rem;
	height: 4px;
	background-color: #fff;
	left: 0;
	bottom: 0
}

.main .contentus .content-inofs .area-infos .area-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.main .contentus .content-inofs .area-infos .area-box .area-title {
	font-weight: 400;
	font-size: .28rem;
	color: #fff
}

.main .contentus .content-inofs .area-infos .area-box .area-brief p {
	font-weight: 400;
	font-size: .28rem;
	color: #fff;
	margin-bottom: .1rem
}

.main .swiper-pagination {
	bottom: .6rem;
	left: .9rem;
	width: auto
}

.main .swiper-pagination-bullet,.main .swiper-pagination-bullet-active {
	background-color: #fff
}

.main .swiper-pagination-bullet {
	width: .2rem;
	height: .2rem
}
/*# sourceMappingURL=map/index.css.map */
.main .kv .swiper-container .sw-ft {
	position: absolute;
	font-weight: 600;
	font-size: 0.46rem;
	color: #fff;
	line-height: 1.6;
	bottom: 2.77rem;
	left: .9rem;
	z-index: 2;
	width: auto;
	padding-right: .9rem;
}

.main .common-title {
	font-size: .30rem;
}






/* 新的管线核心模块 */
.main .new-model2 .model-contents {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 40px
}

@media only all and (max-width:1200px) {
	.main .new-model2 .model-contents {
		margin-top: 0rem;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column
	}
}

.main .new-model2 .model-contents .left {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 30px
}

@media only all and (max-width:1200px) {
	.main .new-model2 .model-contents .left {
		width: 100%;
		margin-right: 0
	}
}

.main .new-model2 .model-contents .right {
	width: 68%;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media only all and (max-width:1200px) {
	.main .new-model2 .model-contents .right {
		width: 100%
	}
}

.main .new-model2 .left {
	position: relative;
	background: url(../image/home/tu.png) no-repeat;
	padding: 36px 30px 59px;
	background-size: cover;
	border-radius: 10px;
	overflow: hidden
}

@media only all and (max-width:1200px) {
	.main .new-model2 .left {
		padding: .2rem .16rem .4rem
	}
}

.main .new-model2 .left .left-content {
	position: relative;
	background-image: -webkit-linear-gradient(top left,#77e6ed71,rgba(22,89,153,.8));
	background-image: linear-gradient(to bottom right,#77e6ed71,rgba(22,89,153,.8));
	border-radius: 40px 0 40px 0
}

.main .new-model2 .left .left-content .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block
}

.main .new-model2 .left .left-content .ft-box {
	padding: 30px 20px 40px;
	position: relative;
	z-index: 2
}

@media only all and (max-width:1200px) {
	.main .new-model2 .left .left-content .ft-box {
		padding: .3rem .243m .34rem
	}
}

.main .new-model2 .left .link-more-bg {
	position: absolute;
	left: 50%;
	bottom: -32px;
	z-index: 2;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

@media only all and (max-width:1200px) {
	.main .new-model2 .left .link-more-bg {
		bottom: -.26rem
	}
}

.main .new-model2 .left .tips-box {
	width: 100%;
	font-size: 18px;
	color: #fff;
	line-height: 1.8
}

@media only all and (max-width:1200px) {
	.main .new-model2 .left .tips-box {
		font-size: .28rem
	}
}

.main .new-model2 .right {
	padding: 20px 30px;
	background-color: rgba(22,89,153,.05)
}

@media only all and (max-width:1200px) {
	.main .new-model2 .right {
		padding: .4rem .15rem
	}
}

.main .new-model2 .right .rows {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}

.main .new-model2 .right .rows .labels {
	font-size: 16px;
	color: #333;
	width: 150px;
	margin-right: 30px
}

@media only all and (max-width:1200px) {
	.main .new-model2 .right .rows .labels {
		font-size: .2rem;
		margin-right: .25rem;
		width: 1.5rem
	}
}

.main .new-model2 .right .rows .labels-span {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 18px;
	color: #333;
	gap: 10px
}

@media only all and (max-width:1200px) {
	.main .new-model2 .right .rows .labels-span {
		font-size: .12rem;
		gap: 2px;
		overflow: hidden
	}
}

.main .new-model2 .right .rows .labels-span span {
	width: 25%;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
	font-size: 16px;
	padding-bottom: 26px;
	border-bottom: 4px solid rgba(22,89,153,.4)
}

@media only all and (max-width:1200px) {
	.main .new-model2 .right .rows .labels-span span {
		padding-bottom: .16rem;
		font-size: .2rem
	}
}

.main .new-model2 .right .rows-body {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.main .new-model2 .right .rows-body .labels {
	padding-top: 18px
}

@media only all and (max-width:1200px) {
	.main .new-model2 .right .rows-body .labels {
		padding-top: .16rem
	}
}

.main .new-model2 .right .rows-body .labels-span {
	margin-top: 18px;
	padding-top: 0
}

@media only all and (max-width:1200px) {
	.main .new-model2 .right .rows-body .labels-span {
		margin-top: .16rem;
    font-size: .28rem;
	}
}

.main .new-model2 .right .rows-body:nth-child(2) .labels {
	padding-top: 30px
}

@media only all and (max-width:1200px) {
	.main .new-model2 .right .rows-body:nth-child(2) .labels {
		padding-top: .2rem;
    
	}
}

.main .new-model2 .right .rows-body:nth-child(2) .labels-span {
	margin-top: 30px;
	padding-top: 0
}

@media only all and (max-width:1200px) {
	.main .new-model2 .right .rows-body:nth-child(2) .labels-span {
		margin-top: .2rem
	}
}

.main .new-model2 .right .rows-body .labels {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	color: #333
}

@media only all and (max-width:1200px) {
	.main .new-model2 .right .rows-body .labels {
		font-size: .28rem
	}
}

.main .new-model2 .right .rows-body .labels:after {
	top: 0;
	position: absolute;
	content: "";
	right: -8px;
	height: 100%;
	width: 1px;
	border-right: 1px dashed rgba(22,89,153,.5)
}

@media only all and (max-width:1200px) {
	.main .new-model2 .right .rows-body .labels:after {
		right: -.2rem
	}
}

.main .new-model2 .right .rows-body .labels-span {
	position: relative;
	height: 30px;
	border-radius: 30px;
	overflow: hidden;
	gap: 0
}

@media only all and (max-width:1200px) {
	.main .new-model2 .right .rows-body .labels-span {
		height: .36rem;
		border-radius: 30px
	}
}

.main .new-model2 .right .rows-body .labels-span span {
	position: relative;
	width: 25%;
	padding-bottom: 0;
	border: 0;
	height: 30px;
	background-color: rgba(22,89,153,.1)
}

@media only all and (max-width:1200px) {
	.main .new-model2 .right .rows-body .labels-span span {
		height: .36rem
	}
}

.main .new-model2 .right .rows-body .labels-span span:last-of-type::after {
	display: none
}

.main .new-model2 .right .rows-body .labels-span span:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 100%;
	top: 0;
	right: 2px;
	background-color: #fff;
	z-index: 3
}

.main .new-model2 .right .rows-body .labels-span .bars {
	position: absolute;
	z-index: 2;
	height: 100%;
	border-radius: 50px;
	background: -webkit-linear-gradient(bottom,#268ec7,#2aa6af);
	background: linear-gradient(0deg,#268ec7,#2aa6af)
}

.main .new-model2 .desc {
	font-size: 16px;
	line-height: 1.6;
	margin-top: 30px;
}

@media only all and (max-width: 1200px) {
  .main .new-model2.desc {
		font-size: .12rem;
	}
}