@charset "utf-8";

@media screen and (min-width: 992px) {
	[class^="application-sec"] {
		padding-bottom: 9.38086vw
	}
}

@media screen and (min-width: 1600px) {
	[class^="application-sec"] {
		padding-bottom: 150px
	}
}

@media screen and (min-width: 1600px) {
	.common-sub-title-wrap .title {
		font-size: 44px;
	}
}

.img-bg-military {
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(/img/battery/bg-military.jpeg);
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: -500px 0;
}

.img-bg-logistics {
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(/img/battery/bg-logistics.jpeg);
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: -500px 0;
}

.img-bg-module {
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(/img/battery/bg-module.jpeg);
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: -500px 0;
}

.img-bg-mobility {
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(/img/battery/bg-mobility-1.jpeg);
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: -440px 0;
}

.img-bg-smartgrid {
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(/img/battery/bg-smartgird.jpeg);
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: -500px 0;
}

.application-sec1 {
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
	background-position: left bottom;
	background-size: auto 100%;
	display: flex;
}

@media screen and (min-width: 992px) {
	.area {
		padding-top: 9.38086vw;
		padding-bottom: 9.38086vw;
	}
}

@media screen and (min-width: 1600px) {
	.area {
		padding-top: 150px;
		padding-bottom: 150px;
	}
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}



.flex-row .col,
.flex-row [class*="col-"] {
	position: relative;
	width: 100%;
}

.application-sec1 .common-sub-title-wrap-st2 {
	color: #fff
}

.application-sec1 .items-wrap {
	margin-bottom: -50px
}

.application-sec1 .items-wrap .item {
	position: relative;
	display: flex;
	align-items: center;
	padding-bottom: 50px
}

.application-sec1 .area {
	padding-block: initial;
	padding-top: 70px;
	padding-bottom: 90px;
}


.application-sec1 .items-wrap .item-img {
	flex: none;
	width: 130px;
	height: 130px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80px auto
}

@media screen and (min-width: 992px) {
	.application-sec1 .items-wrap .item-img {
		width: 16.26016vw;
		height: 16.26016vw;
		background-size: 116px auto
	}
}

@media screen and (min-width: 1600px) {
	.application-sec1 .items-wrap .item-img {
		width: 260px;
		height: 260px
	}
}

.application-sec1 .items-wrap .item-img .circle-group {
	position: relative;
	height: 100%
}

.model-box {
	margin-left: -75px;
	visibility: visible;
	opacity: 1;
}

.application-sec1 .items-wrap .item-img .circle-group [class^="circle-"] {
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	overflow: hidden
}

.application-sec1 .items-wrap .item-img .circle-group .circle-left {
	left: 0
}

.application-sec1 .items-wrap .item-img .circle-group .circle-left .line {
	border-left: none;
	border-top-right-radius: 100% 50%;
	border-bottom-right-radius: 100% 50%;
	transform-origin: center left
}

.flex-row .col-12 {
	flex: 0 0 50%;
	max-width: 100%;
}

.application-sec1 .items-wrap .item-img .circle-group .circle-left .line.aniOn {
	-webkit-animation: rotateCirlce .2s .2s linear forwards;
	-moz-animation: rotateCirlce .2s .2s linear forwards;
	-ms-animation: rotateCirlce .2s .2s linear forwards;
	-o-animation: rotateCirlce .2s .2s linear forwards;
	animation: rotateCirlce .2s .2s linear forwards
}

.application-sec1 .items-wrap .item-img .circle-group .circle-right {
	right: 0;
}

.application-sec1 .items-wrap .item-img .circle-group .circle-right .line {
	left: -100%;
	border-right: none;
	border-top-left-radius: 100% 50%;
	border-bottom-left-radius: 100% 50%;
	transform-origin: center right
}

.application-sec1 .items-wrap .item-img .circle-group .circle-right .line.aniOn {
	-webkit-animation: rotateCirlce .2s linear forwards;
	-moz-animation: rotateCirlce .2s linear forwards;
	-ms-animation: rotateCirlce .2s linear forwards;
	-o-animation: rotateCirlce .2s linear forwards;
	animation: rotateCirlce .2s linear forwards
}

.application-sec1 .items-wrap .item-img .circle-group .line {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 100%;
	border: 1px solid rgba(255, 255, 255, 0.2)
}

.application-sec1 .items-wrap .item-info {
	flex: 1 1 100%;
	width: 0;
	margin-left: 15px
}

@media screen and (min-width: 768px) {
	.application-sec1 .items-wrap .item-info {
		margin-left: 2.86608vw
	}
}

br{
	display:block;
}

@media screen and (min-width: 1920px) {
	.application-sec1 .items-wrap .item-info {
		margin-left: 50px
	}
}

.application-sec1 .items-wrap .item-info .numbering {
	display: flex;
	margin-bottom: 10px;
	font-family: "Nunito Sans", "Noto Sans CJKKR", sans-serif;
	font-size: 25px;
	font-weight: 800;
	color: #a4b1bb
}

@media screen and (min-width: 1600px) {
	.application-sec1 .items-wrap .item-info .numbering {
		font-size: 1.64221vw
	}
}

@media screen and (min-width: 1920px) {
	.application-sec1 .items-wrap .item-info .numbering {
		font-size: 30px
	}
}

@media screen and (min-width: 992px) {
	.application-sec1 .items-wrap .item-info .numbering {
		margin-bottom: 20px
	}
}

.application-sec1 .items-wrap .item-info .desc {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.75;
	color: #fff
}

@media screen and (min-width: 1200px) {
	.application-sec1 .items-wrap .item-info .desc {
		font-size: 1.30276vw
	}
}

@media screen and (min-width: 1920px) {
	.application-sec1 .items-wrap .item-info .desc {
		font-size: 25px
	}
}

@media screen and (min-width: 992px) {
	.application-sec1 .items-wrap .item-info .desc {
		line-height: 1.56
	}
}



.application-sec2 {
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 !important
}

.application-sec2 .case-wrap .case-area {
	display: flex;
	flex-direction: column;
	width: 100%
}

.applicaiton-subCont {
	margin-bottom: 60px important !;
}

@media screen and (min-width:768px) {
	.application-sec2 .case-wrap .case-area {
		margin-left: auto;
	}
}

@media screen and (max-width: 1280px) {
	.application-sec2 .case-wrap .case-area {
		margin-left: auto;
		padding: 0 0 0 0;
	}
}

.application-sec2 .case-wrap .case-area .title-wrap .inner {
	margin-left: 60px;
}

@media screen and (min-width: 1200px) {
	.application-sec2 .case-wrap .case-area {
		flex-direction: row;
		justify-content: space-between;
		padding-right: 0
	}
}

.application-sec2 .case-wrap .title-wrap {
	width: 95%;
	color: #000;
	padding-top: 60px;
}

@media screen and (min-width: 1200px) {
	.application-sec2 .case-wrap .title-wrap {
		width: 26.35%;
		margin-top: 11.750vw
	}
}

@media screen and (min-width: 1600px) {
	.application-sec2 .case-wrap .title-wrap {
		margin-top: 100px;
	}
}

@media screen and (max-width: 768px) {
	.application-sec2 .case-wrap .title-wrap {
		margin-left: 0px;
	}
}

@media screen and (max-width: 767.98px) {
	.application-sec2 .case-wrap .title-wrap .inner {
		padding: 0 15px
	}
}

.application-sec2 .case-wrap .title-wrap .title {
	font-size: 24px;
	font-weight: 700
}

@media screen and (min-width: 992px) {
	.application-sec2 .case-wrap .title-wrap .title {
		font-size: 2.50156vw
	}
}

@media screen and (min-width: 1600px) {
	.application-sec2 .case-wrap .title-wrap .title {
		font-size: 40px
	}
}

.application-sec2 .case-wrap .title-wrap .desc {
	margin: 25px 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
	word-break: word
}

@media screen and (min-width: 992px) {
	.application-sec2 .case-wrap .title-wrap .desc {
		font-size: 25px;
		line-height: 1.52
	}
}

.application-sec2 .case-wrap .swiper-controller {
	justify-content: flex-start;
	display: inline-flex;
	margin-top: 25px
}

@media (min-width: 1200px) {
	.flex-xl {
		display: flex !important;
	}
}

.swiper-button-prev.swiper-button-disabled {
	opacity: 0.3 !important;
}

.swiper-button-prev.swiper-button-disabled {
	opacity: 0.3 !important;
}

[class*="swiper-button-"].swiper-button-disabled {
	opacity: 1;
}

[class*="swiper-button-"] {
	flex: none;
	position: relative;
	top: auto;
	left: 0;
	right: 0;
	margin-top: 0;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px;
	transition: .3s;
	outline: none;
}

.swiper-button-prev {
	background-image: url(/img/battery/icon-arrow-left-ffffff-m.svg);
}

.swiper-controller {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
}

@media screen and (min-width: 1200px) {
	.application-sec2 .case-wrap .swiper-controller {
		margin-top: 80px
	}
}

.application-sec2 .case-wrap .swiper-controller [class^="swiper-button"] {
	width: 41px;
	height: 42px;
	background-size: cover
}

@media screen and (min-width: 1200px) {
	.application-sec2 .case-wrap .swiper-controller [class^="swiper-button"] {
		width: 80px;
		height: 80px
	}
}

.application-sec2 .case-wrap .swiper-controller .swiper-button-prev {
	margin-right: 20px;
	background-image: url(/img/battery/icon-arrow-left-ffffff-m.svg)
}

@media screen and (min-width: 1200px) {
	.application-sec2 .case-wrap .swiper-controller .swiper-button-prev {
		margin-right: 0;
		background-image: url(/img/battery/icon-case-arrow-active.svg)
	}

	.application-sec2 .case-wrap .swiper-controller .swiper-button-prev.swiper-button-disabled {
		opacity: 1 !important;
		background-image: url(/img/battery/icon-case-arrow.svg)
	}
}

.application-sec2 .case-wrap .swiper-controller .swiper-button-next {
	margin-left: 20px;
	transform: rotate(-180deg);
	background-image: url(/img/battery/icon-arrow-left-ffffff-m.svg)
}

@media screen and (min-width: 1200px) {
	.application-sec2 .case-wrap .swiper-controller .swiper-button-next {
		margin-left: 0;
		background-image: url(/img/battery/icon-case-arrow-active.svg)
	}

	.application-sec2 .case-wrap .swiper-controller .swiper-button-next.swiper-button-disabled {
		opacity: 1 !important;
		background-image: url(/img/battery/icon-case-arrow.svg)
	}
}

.application-sec2 .case-wrap .swiper-controller .swiper-pagination-custom {
	font-family: "Nunito Sans", "Noto Sans CJKKR", sans-serif;
	font-weight: 600;
	color: #999
}

.application-sec2 .case-wrap .swiper-controller .swiper-pagination-custom .current {
	font-size: 23px;
	color: #000
}

.application-sec2 .case-wrap .swiper-controller .swiper-pagination-custom .total {
	font-size: 18px
}

.application-sec2 .case-wrap .cont-wrap {
	position: relative;
	padding: 0 15px
}

@media screen and (max-width: 1200px) {
	.application-sec2 .case-wrap .cont-wrap {
		padding-bottom: 60px;
	}
}

@media screen and (max-width: 768px) {
	.application-sec2 .case-wrap .cont-wrap {
		padding-bottom: 0px;
	}
}

@media screen and (min-width: 768px) {
	.application-sec2 .case-wrap .cont-wrap {
		padding: 0;
		overflow: hidden
	}
}

@media screen and (min-width: 1200px) {
	.application-sec2 .case-wrap .cont-wrap {
		width: 85%;
		margin-left: auto
	}
}

@media screen and (min-width: 1200px) {
	.application-sec2 .case-wrap .cont-wrap .reveal-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
		background-color: #f0f0f0
	}
}

.application-sec2 .case-wrap .cont-wrap .model-box {
	opacity: 1;
	text-align: center;
	padding-left: 10%;
}

.box-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.recommend-model {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 1200px) {
	.application-sec2 .case-wrap .cont-wrap .model-box {
		padding: 130px 0 130px 10%;
	}
}

.application-sec2 .case-wrap .cont-wrap .model-box {
	overflow: visible !important
}

@media screen and (min-width: 1200px) {
	.application-sec2 .case-wrap .cont-wrap .model-box {
		overflow: hidden !important
	}
}

.application-sec2 .case-wrap .cont-wrap .box-wrapper {
	text-align: left;
	padding-bottom: 60px;
	padding-left: 60px;
	width: 90%
}

.application-sec2 .case-wrap .cont-wrap .list {
	background-color: #fff;
	box-shadow: 10px 12px 30px 0 rgba(0, 0, 0, 0.12);
	overflow: hidden;
	width: 45%;
	margin-right: 22px;
}

.application-sec2 .case-wrap .cont-wrap .list .cont .cont-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (min-width: 992px) {
	.application-sec2 .case-wrap .cont-wrap .list .btn-wrap::after {
		top: 0
	}

	.application-sec2 .case-wrap .cont-wrap .list .btn-wrap .txt {
		color: #fff
	}
}

.application-sec2 .case-wrap .cont-wrap .cont-inner {
	height: 100%
}

.application-sec2 .case-wrap .cont-wrap .cont {
	height: calc(100% - 50px)
}

@media screen and (min-width: 992px) {
	.application-sec2 .case-wrap .cont-wrap .cont {
		height: calc(100% - 60px)
	}
}

.application-sec2 .case-wrap .cont-wrap .cont-img-wrap {
	overflow: hidden; 
	position: relative;
	height: 400px;
	border-bottom: 1px solid #dddddd;
}

.application-sec2 .case-wrap .cont-wrap .cont-img {
	max-width: 100%;
	transition: transform .25s ease-in-out
}

@media screen and (max-width: 660px) {
	.application-sec1 .area {
		padding-left: 60px;
	}

	.application-sec1 {
		background: none;
		background-color: #073752;
		height: 660px;
	}

	.application-sec1 .items-wrap .item-info {
		margin-left: 20px;
	}
}

.flex-block {
	display: block;
}

.application-sec2 .case-wrap .cont-wrap .text-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 25px 25px 15px
}

@media screen and (min-width: 992px) {
	.application-sec2 .case-wrap .cont-wrap .text-wrap {
		padding: 30px 40px
	}
}

.application-sec2 .case-wrap .cont-wrap .text-wrap .ctg {
	font-family: "Nunito Sans", "Noto Sans CJKKR", sans-serif;
	font-size: 14px;
	color: #999
}

@media screen and (min-width: 992px) {
	.application-sec2 .case-wrap .cont-wrap .text-wrap .ctg {
		margin-bottom: 10px;
		font-size: 16px
	}
}

.application-sec2 .case-wrap .cont-wrap .text-wrap .title {
	min-height: 65px;
	max-height: 65px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
	overflow: hidden
}

@media screen and (min-width: 992px) {
	.application-sec2 .case-wrap .cont-wrap .text-wrap .title {
		min-height: 72px;
		max-height: 72px;
		font-size: 24px;
		line-height: 1.46
	}
}

.application-sec2 .case-wrap .cont-wrap .icon-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 77px;
	margin-top: 43px
}

@media screen and (min-width: 1600px) {
	.application-sec2 .case-wrap .cont-wrap .icon-wrap {
		flex-direction: row;
		min-height: initial;
		margin-top: 60px
	}
}

.application-sec2 .case-wrap .cont-wrap .icon-wrap .icon-list {
	display: inline-flex;
	margin-top: auto;
	font-family: "Nunito Sans", "Noto Sans CJKKR", sans-serif;
	font-size: 16px;
	color: #555
}

.application-sec2 .case-wrap .cont-wrap .icon-wrap .icon-list:not(:last-child) {
	margin-bottom: 15px
}

@media screen and (min-width: 1600px) {
	.application-sec2 .case-wrap .cont-wrap .icon-wrap .icon-list:not(:last-child) {
		margin-right: 24px;
		margin-bottom: 0
	}
}

.application-sec2 .case-wrap .cont-wrap .icon-wrap .icon-list [class*=icon] {
	width: 40px;
	height: 40px;
	margin-top: -9px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}

.application-sec2 .case-wrap .cont-wrap .icon-wrap .icon-list [class*=icon].icon-factory {
	background-image: url(/views/res/imgs/common/icon-factory.svg)
}

.application-sec2 .case-wrap .cont-wrap .icon-wrap .icon-list [class*=icon].icon-ai {
	background-image: url(/views/res/imgs/common/icon-ai.svg)
}

@media screen and (min-width: 1600px) {
	.application-sec2 .case-wrap .cont-wrap .icon-wrap .icon-list [class*=icon] {
		margin-right: 5px
	}
}

.application-sec2 .case-wrap .cont-wrap .btn-wrap {
	position: relative;
	z-index: 50;
	display: flex;
	align-items: center;
	border-top: 1px solid #ddd;
	background-color: #fff;
	transform-origin: bottom
}

.application-sec2 .case-wrap .cont-wrap .btn-wrap::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background-color: #25b5b5;
	transition: all 0.2s ease-in-out
}

.application-sec2 .case-wrap .cont-wrap .btn-wrap .txt {
	padding-left: 25px;
	flex-basis: calc(100% - 50px);
	font-family: "Nunito Sans", "Noto Sans CJKKR", sans-serif;
	font-size: 16px;
	font-weight: 700
}

@media screen and (min-width: 992px) {
	.application-sec2 .case-wrap .cont-wrap .btn-wrap .txt {
		flex-basis: calc(100% - 60px);
		padding-left: 40px;
		font-size: 18px
	}
}

.application-sec2 .case-wrap .cont-wrap .btn-wrap .btn {
	flex-basis: 50px;
	width: 50px;
	height: 50px;
	background-color: #25b5b5
}

@media screen and (min-width: 992px) {
	.application-sec2 .case-wrap .cont-wrap .btn-wrap .btn {
		flex-basis: 60px;
		width: 60px;
		height: 60px
	}
}

.application-sec2 .case-wrap .cont-wrap .btn-wrap .btn::after {
	content: '';
	/*	display: block;*/
	width: 17px;
	height: 16px;
	margin: 18px auto;
	background: url(/views/res/imgs/common/icon-link.svg) no-repeat center/cover;
	cursor: pointer
}

@media screen and (min-width: 992px) {
	.application-sec2 .case-wrap .cont-wrap .btn-wrap .btn::after {
		width: 20px;
		height: 20px;
		margin: 20px auto
	}
}

@media screen and(min-width:760px) {
	.block-lg {
		display: block !important;
	}
}


@media screen and(min-width:992px) {
	.flex-row .col-6-lg {
		flex: 0 0 50%;
		max-width: 50%
	}
}

@media screen and (min-width: 992px) {
	.mb-0-lg {
		margin-bottom: 0px !important;
	}
}

.application-sec1 .area .flex-row {
	display: flex;
	flex-wrap: wrap;
}

@media (min-width: 992px) {
	.gutter-12-lg>* {
		padding-right: 12px;
		padding-left: 12px;
	}
}

.mb-25 {
	margin-bottom: 25px !important;
}



@media screen and (min-width: 1600px) {
	.common-intro-title-wrap .bg-icon-wrap .bg-icon {
		width: 548px;
		top: 500px;
		left: -110px
	}
}

@media screen and (min-width: 768px) {
	.area {
		padding-left: 60px;
	}
}

.area {
	width: 100%;
	padding: 100px 100px 150px 100px;
}

.area-color {
	background: linear-gradient(to right, transparent, #073752 45%);
}

.area,
.area-full,
.area-nogutter {
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width:992px) {
	.inner.flex-row.gutter-12-lg {
		display: none;
	}
}

.inner.flex-row.gutter-12-lg {
	letter-spacing: normal;
}

.common-sub-title-wrap {
	width: calc((100% - 20px) / 2);
}

@media screen and (min-width: 992px) {
	.common-sub-title-wrap-st2 .title {
		font-size: 2.37649vw;
	}
}

@media screen and (min-width: 1600px) {
	.common-sub-title-wrap-st2 .title {
		font-size: 38px;
	}
}

.common-sub-title-wrap-st2 .title {
	font-weight: 500;
	line-height: 1.67;
}

.application-box .txtCont-1.subOn .txt-2 {
	animation: ani_1 0.7s 0.1s;
	animation-fill-mode: both;
}

@media screen and (min-width: 992px) {
	.common-sub-title-wrap-st2 .title {
		line-height: 1.45;
	}
}

@media screen and (min-width: 992px) {
	.common-intro-title-wrap .bg-icon-wrap {
		position: relative;
	}

	.common-intro-title-wrap .bg-icon-wrap .bg-icon {
		width: 34.27142vw;
		top: -18.38649vw;
		left: -6.8793vw;
	}

	.common-intro-title-wrap .bg-icon-wrap .inner.flex-row {
		background-image: url(/img/sub/application-graphic.svg);
		background-repeat: no-repeat;
		background-size: 548px 548px;
	}
}

.common-intro-title-wrap .bg-icon-wrap .inner.flex-row {
	animation: ani_4 0.7s 0.01s;
}

@media screen and (max-width: 1200px) {
	.area {
		padding: 100px 60px 130px 60px;
	}
}

@media (max-width: 768px) {
	.mobile-br {
		display:none;
	}

	.area {
		padding: 50px 30px 65px 30px;
	}

	.application-sec2 .case-wrap .cont-wrap .recommend-model.list {
		width: 90%;
		margin-bottom: 20px;
	}

	.application-sec1 {
		height: 100%;
	}

	.img-bg-smartgrid {
		display: none;
	}

	.area-color {
		background: #073752;
	}

	.application-sec1 .area .flex-row {
		display: block;
	}

	.application-sec1 .area {
		padding-left: 30px;
	}

	.application-sec1 .items-wrap .item-info {
		margin-left: 30px;
	}

	.application-sec2 .case-wrap .cont-wrap .box-wrapper {
		display: block;
	}

	.application-sec1 .items-wrap .item-info .numbering {
		font-size: 25px;
	}

	.application-sec1 .items-wrap .item-info .desc {
		font-size: 20px;
	}
	
	.application-sec2 .case-wrap .cont-wrap .cont-img-wrap {
		height: 250px;
	}
}

@media screen and (max-width:600px) {
	.application-sec1 .items-wrap .item-info .numbering {
		font-size: 20px;
	}

	.application-sec1 .items-wrap .item-info .desc {
		font-size: 15px;
	}
}

.common-intro-title-wrap .area .sub-top .inner.flex-row {
	display: flex;
}

@media (max-width:1200px) {
	.common-intro-title-wrap .area .sub-top .inner.flex-row {
		display: block;
	}
}

.common-intro-title-wrap .area .sub-top .item-img .common-sub-title-wrap .inner.flex-row {
	background-image: url(/img/sub/application-graphic.svg);
	background-repeat: no-repeat;
	background-size: 548px 548px;
}

/*.common-intro-title-wrap .bg-icon-wrap .bg-icon {*/
/*	position: absolute;*/
/*	top: 480px;*/
/*	left: -150px;*/
/*	height: 548px;*/
/*	background-repeat: no-repeat;*/
/*}*/
.common-intro-title-wrap .bg-icon-wrap .bg-icon {
	position: absolute;
	top: 480px;
	left: -150px;
	height: 720px;
	background-repeat: no-repeat;
	width: 100%;
}


.recommend-model {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

@keyframes rotateCirlce {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(180deg)
	}
}

@-webkit-keyframes rotateCirlce {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(180deg)
	}
}

@-moz-keyframes rotateCirlce {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(180deg)
	}
}

@-o-keyframes rotateCirlce {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(180deg)
	}
}