.index-title {
	text-align: center;
	margin-bottom: .45rem;
}
.index-title h3 {
	margin: .58rem 0 .12rem;
	font-size: .3rem;
	font-weight: bold;
	color: #a4a4a4;
	width: 100%;
}
.index-title p {
	font-size: .14rem;
	color: #a4a4a4;
	line-height: 1.5;
}
.index-support {
	position: relative;
}
.index-support .row {
	padding-bottom: .98rem;
	margin-top: .49rem;
	text-align: center;
	font-size: 0;
}
.index-support .row .col {
	width: 2.86rem;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.index-support .col:nth-child(2) {
	position: relative;
	top: -.3rem;
}
.index-support .col .text {
	padding: .17rem .21rem;
	box-sizing: border-box;
	width: 100%; height: 2.88rem;
	background-color: var(--mainColor);
}
.index-support .col .text p {
	width: 100%; height: 100%;
	border: 1px solid #fff;
	color: #fff;
	text-align: center;
	padding: 0 .3rem;
	box-sizing: border-box;
	position: relative;
}
.index-support .col .text p::before {
	font-size: .4rem;
	color: #fff;
	position: absolute;
	left: .18rem; top: .15rem;
}
.index-support .col .text p span {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	font-size: .14rem;
}
.index-support .col .text p .sort-name {
	position: absolute;
	right: .16rem; bottom: .14rem;
	font-size: .14rem;
	color: #fff;
}
.index-support .col:not(:nth-child(2)) img {
	box-shadow: 0 0 .18rem #555;
	z-index: -1;
	position: relative;
}
.index-support .index-support-icon {
	position: absolute;
	z-index: -2;
	/*width: 1920 417px  1460  300px + */
	width: calc( (100vw - 1460px) * .2543 + 300px);
	min-width: 3rem;
}
.index-support .index-support-icon:first-of-type {
	left: 0; bottom: 0;
}
.index-support .index-support-icon:last-of-type {
	right: 0; top: 0;
}
/*关于我们*/
.index-about {
	padding: 1.8rem 0;
	font-size: 0;
	position: relative;
	background-color: #ee1c25;
	z-index: 1;
}
.index-about::before {
	content: '';
	width: 100%; height: 100%;
	position: absolute;
	left: 0; top: 0;
	opacity: .2;
	background-image: url(../images/index-about.jpg);
	background-repeat: no-repeat;
	z-index: -1;
}
.index-about .text {
	width: 5.75rem;
	padding: 0 .56rem;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}
.index-about .text .title {
	font-size: .48rem;
	line-height: .68rem;
	margin-bottom: .54rem;
	color: #fff;
	font-weight: bold;
}
.index-about .text p {
	margin-bottom: .22rem;
	font-size: .16rem;
	line-height: .32rem;
	color: #fff;
}
.index-about .text .button {
	font-size: .14rem;
	width: 1.61rem; height: .47rem;
	border: 2px solid #000;
	background-color: #000;
	overflow: hidden;
}
.index-about .text .button a {
	margin-left: .4rem;
	width: 1.45rem; height: .48rem;
	/*width: 1.4rem; height: .48rem;*/
	text-align: center;
	line-height: .48rem;
	color: #9a1019;
	display: inline-block;
	background-color: #fff;
	transform: skewX(-19deg);
	transition: transform .4s ease-in-out;
}
.index-about .text .button span {
	margin-left: -.15rem;
	/*margin-left: -.52rem;*/
	transform: skewX(19deg);
	display: inline-block;
	transition: transform .4s ease-in-out;
}
.index-about .text .button:hover a {
	transform: skewX(-19deg) translateX(-.32rem);
}
.index-about .text .button:hover span {
	transform: skewX(19deg) translateX(.1rem);
}
/*.index-about .text .button:hover span {
	transform: skewX(19deg) translateX(.27rem);
}*/
.index-equipment {
	width: 7.02rem; height: 4.47rem;
	padding: .38rem .35rem;
	background-color: #000;
	box-sizing: border-box;
	box-shadow: 0 0 .13rem #000;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#index-equipment .swiper-slide {
	width: 6.33rem; height: 3.71rem;
}
#index-equipment .swiper-slide img {
	width: 100%; height: 100%;
	background-color: #36c5bb;
}
#index-equipment .iconfont {
	width: .4rem; height: .27rem;
	text-align: center;
	line-height: .27rem;
	position: absolute;
	bottom: .1rem;
	z-index: 1;
	background-color: #fff;
	border: 1px solid;
	color: #5a5a5a;
	cursor: pointer;
	transition: all .4s ease-in-out;
}
#index-equipment .iconfont:hover {
	color: var(--mainColor);
}
#index-equipment .icon-back {
	left: .31rem;
}
#index-equipment .icon-next {
	left: .72rem;
}
.index-product {
	position: relative;
}
.index-product ul {
	margin-top: 0;
	width: 100%;
	position: relative;
    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;
}
.index-product ul li {
	display: block;
	-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;
}
.index-product ul li a {
	display: block;
	width: 100%; height: 100%;
}
.index-product ul li img {
	width: 100%;
}
.index-product .text {
	position: absolute;
	top: 0; left: 0;
	color: var(--mainColor);
	font-size: .2rem;
	font-weight: bold;
	width: 100%; height: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0, 0, 0, .3);
	transform: translateY(.15rem);
	transition: all .4s ease-in-out;
	opacity: 0;
}
.index-product .text::after {
	content: '';
	width: .33rem; height: 3px;
	position: absolute;
	top: 60%; left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
}
.index-product li:hover .text {
	transform: translateY(0);
	opacity: 1;
}
.index-product .icon-back,
.index-product .icon-next {
	width: .4rem; height: .4rem;
	text-align: center;
	line-height: .4rem;
	position: absolute;
	top: 64%; right: .4rem;
	bottom: .1rem;
	z-index: 1;
	background-color: rgba(255, 255, 255, .8);
	border: 1px solid;
	color: #5a5a5a;
	cursor: pointer;
	transition: all .4s ease-in-out;
}
.index-product .icon-back {
	left: 4%;
}
.index-news .index-news-wrap {
	height: 5.36rem;
	position: relative;
}
.index-news .index-news-wrap .left {
	margin-left: -5.36rem;
	width: 5.36rem; height: 3.67rem;
	position: absolute;
	left: 50%; top: 0;
}
.index-news .index-news-wrap .right {
	margin-left: .25rem;
	width: 6.45rem; height: 3.67rem;
	position: absolute;
	left: 50%; top: 0;
}
.index-news .right li {
	width: 100%;
	float: left;
}
.index-news .right li:first-child {
	margin-bottom: .26rem;
}
.index-news .right li img {
	float: left;
	max-width: 2.07rem;
}
.index-news .right .news-content {
	padding-left: 2.35rem;
	box-sizing: border-box;
}
.index-news .right .title {
	margin-bottom: .1rem;
	font-size: .16rem;
	line-height: 1;
	font-weight: bold;
}
.index-news .right p {
	font-size: .14rem;
	color: #757575;
	line-height: 1.5;
	height: 1rem;
	overflow: hidden;
}
.index-news .right .icon {
	font-size: 0;
	width: 100%; height: 100%;
	border-top: 1px solid #909090;
}
.index-news .right .icon .iconfont {
	font-size: .16rem;
	color: #a4afb7;
	line-height: .45rem;
	width: 50%; height: .45rem;
	display: inline-block;
	vertical-align: top;
}
.index-news .right .icon .iconfont::before {
	margin: 0 .2rem 0 .05rem;
}
.index-contact {
	height: 5.2rem; width: 100%;
	position: relative;
}
.index-contact .index-map {
	width: 100%; height: 100%;
}
.index-contact .index-contact-info {
	width: 12rem; height: 6rem;
	position: absolute;
	right: -2rem; top: -.4rem;
	transform: skewX(33deg);
	font-size: 0;
	z-index: 1;
	overflow: hidden;
}
.index-contact .index-contact-info::before {
	content: '';
	position: absolute;
	top: 0; left: -2rem;
	width: 100%; height: 100%;
	background-image: url(../images/contact.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
	transform: skewX(-33deg);
}
.index-contact .index-contact-info::after {
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(255, 0, 0, .5);
	z-index: -1;
}
.index-contact .index-contact-info .skewback {
	width: 100%; height: 100%;
	transform: skewX(-33deg);
	color: #fff;
}
.index-contact .index-contact-info .text {
	font-size: .16rem;
	padding-left: 1.72rem;
	box-sizing: border-box;
	width: 7.46rem;
}
.index-contact .index-contact-info .text .title {
	margin-top: .66rem;
	line-height: .76rem;
	border-bottom: 1px solid #ababab;
	position: relative;
	font-size: .36rem;
	font-weight: bold;
}
.index-contact .index-contact-info .text .title::after {
	content: '';
	width: 1.42rem; height: 2px;
	position: absolute;
	bottom: 1px; left: 0;
	background-color: #d9d9d9;
}
.index-contact .index-contact-info .text p {
	margin: .21rem 0 .26rem;
	font-size: .18rem;
	line-height: .24rem;
}
.index-contact .index-contact-info .text li {
	margin-bottom: .09rem;
	line-height: .24rem;
}
.index-contact .index-contact-info .text li span {
	margin-left: .49rem;
}
.index-contact .index-contact-info .text li a {
	color: #fff;
}
.index-contact .index-contact-info .text .index-contact-button {
	margin-top: .17rem;
}
.index-contact .index-contact-info .text .index-contact-button a {
	margin: 0;
	width: 1.62rem; height: .43rem;
	border: 2px solid #000;
	text-align: center;
	line-height: .43rem;
	display: inline-block;
	background-color: rgba(255, 255, 255, .5);
	color: #333;
}

@media (max-width: 734px) {
.index-title p {
	padding: 0 8%;
	box-sizing: border-box;
	text-align: left;
}
.index-support {
	position: relative;
}
.index-support .row {
	margin-top: 0;
	width: 100%;
	position: relative;
    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;
}
.index-support .row .col {
	padding: 0 8%;
	box-sizing: border-box;
	margin-bottom: .1rem;
	display: block;
	-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;
}
.index-support .col:nth-child(2) {
	top: 0;
}
.my-container {
	margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
#index-support .icon-back,
#index-support .icon-next {
	position: absolute;
	top: 36%; right: 2%;
	width: .34rem; height: .6rem;
	display: block;
	text-align: center;
	line-height: .6rem;
	background-color: rgba(0, 0, 0, .3);
	color: var(--mainColor);
	z-index: 2;
}
#index-support .icon-back {
	left: 2%;
}
.index-support .col .text {
	width: 286px;
	margin: 0 auto;
}
.index-about {
	padding: 8%;
	box-sizing: border-box;
}
.index-about .text {
	padding: 0;
	width: 100%;
}
.index-about .text .title {
	font-size: .36rem;
	margin-bottom: .24rem;
}
.index-equipment {
	margin-top: .24rem;
	width: 100%; height: auto;
	padding: .1rem;
}
#index-equipment .swiper-slide {
	height: auto;
}
#index-equipment .swiper-slide img {
	height: auto;
}
.index-product {
	position: relative;
	overflow: hidden;
}
.index-product ul li {
	margin-bottom: .15rem;
	width: 48%; height: auto;
	overflow: hidden;
}
.index-product ul li img {
	width: 100%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.index-product .text {
	opacity: 1;
	top: unset; bottom: 0;
	color: #fff;
	transform: translateY(0);
	height: .5rem; line-height: .5rem;
}
.index-product .text::after {
	content: unset;
}
.index-product .icon-back {
	left: 2%;
}
.index-product .icon-next {
	right: 2%;
}
.index-news .index-news-wrap {
	height: auto;
	overflow: hidden;
}
.index-news .index-news-wrap .left {
	display: none;
}
.index-news .index-news-wrap .right {
	padding: 0 8%;
	margin-left: 0;
	box-sizing: border-box;
	position: relative;
	left: 0;
	width: 100%; height: auto;
	margin-bottom: .7rem;
	display: inline-block;
}
.index-news .right li img {
	width: 40%;
}
.index-news .right .news-content {
	padding-left: 48%;
}
.index-news .right p {
	height: .6rem;
}
.index-news .right .icon {
	font-size: 0;
	height: 100%;
}
.index-news .right .icon a:first-of-type {
	width: 100%;
	font-size: .14rem;
}
.index-news .right .icon a:last-of-type {
	display: none;
}
.index-contact {
	height: auto;
}
.index-contact .index-contact-info {
	position: relative;
	width: 100%; height: auto;
	transform: unset;
	left: 0; top: 0;
}
.index-contact .index-contact-info::before {
	transform: unset;
	left: 0;
	background-position: center;
}
.index-contact .index-contact-info .skewback {
	transform: unset;
}
.index-contact .index-contact-info .text {
	padding: .1rem 8%;
	box-sizing: border-box;
	width: 100%;
}
.index-contact .index-contact-info .text .title {
	margin-top: 0;
}
.index-contact .index-contact-info .text p {
	font-size: .16rem;
}
.index-contact .index-map {
	height: 3rem;
}
#dituContent {
	box-sizing: border-box;
}
.blank-space {
	display: block;
}
.index-contact-info ul > li {
	position: relative;
}
.index-contact-info ul > li:nth-child(2) > span:nth-child(3) {
	position: absolute;
	top: 0; left: 50%;
	margin-left: .1rem;
}
.index-contact ul > li:nth-child(2) > span:nth-child(5) {
	position: absolute;
	top: .2rem; left: 50%;
	margin-left: .1rem;
}
.index-contact .index-contact-info ul > li:nth-child(3) > span {
	display: block;
	margin-left: 0;
}
.index-contact .index-contact-info .text li span {
	margin-left: .6rem;
}

}