@charset "utf-8";
	.header {
	background:-webkit-gradient(linear,left top,right top,from(rgba(255,0,0,0)),to(#000000));
	background:#00000047
}
.banner,.index-720banner {
	width:100%;
	position:relative
}
.banner.swiper-container .banner-bot,.index-720banner.swiper-container .banner-bot {
	position:absolute;
	width:95%;
	height:100px;
	background:#fff;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:2
}
.banner.swiper-container .banner-bot .banner-phone,.index-720banner.swiper-container .banner-bot .banner-phone {
	font-size:16px;
	line-height:30px;
	margin-top:35px
}
.banner.swiper-container .banner-bot .banner-phone i,.index-720banner.swiper-container .banner-bot .banner-phone i {
	font-size:25px;
	margin-right:5px
}
.banner.swiper-container .banner-bot .page-scroll,.index-720banner.swiper-container .banner-bot .page-scroll {
	display:block;
	width:20px;
	height:30px;
	margin:35px auto;
	background:url(/index/images/icon-downarrow.png) no-repeat top center
}
.banner.swiper-container .swiper-pagination,.index-720banner.swiper-container .swiper-pagination,.index-hot-swiper.swiper-container .swiper-pagination {
	bottom:40px;
	left:5%;
	text-align:left
}
.banner.swiper-container .swiper-pagination .swiper-pagination-bullet,.index-720banner.swiper-container .swiper-pagination .swiper-pagination-bullet,.index-hot-swiper.swiper-container .swiper-pagination .swiper-pagination-bullet {
	width:6px;
	height:16px;
	background:#000;
	border-radius:5px;
	margin:0 4px;
	opacity:1
}
.banner.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.index-720banner.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.index-hot-swiper.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	height:20px;
	background:#3e2553 !important
}
.index-main {
	width:100%
}
.index-main .index-form {
	width:100%;
	background:#4d4d4d;
	padding:20px 0
}
.index-main .index-form h2 {
	height:30px;
	background:url(/index/images/index-form-title.png) no-repeat center center
}
.index-main .index-form .index-form__container {
	width:100%;
	padding:15px 0 0
}
.index-main .index-form .index-form__container .container {
	width:1200px;
	padding:0
}
.index-main .index-form .index-form__container .index-form__container-lf {
	background:#fff;
	width:950px
}
.index-main .index-form .index-form__container .index-form__container-lf ul li {
	width:28.33333333%;
	float:left;
	position:relative;
	padding-left:20px;
	display:flex;
	height:35px
}
.index-main .index-form .index-form__container .index-form__container-lf ul li:before {
	content:'';
	display:block;
	width:1px;
	height:27px;
	background:#c7c7c7;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%)
}
.index-main .index-form .index-form__container .index-form__container-lf ul li:first-child:before,.index-main .index-form .index-form__container .index-form__container-lf ul li:last-child:before {
	display:none
}
.index-main .index-form .index-form__container .index-form__container-lf ul li .item-icon {
	width:15%;
	height:35px;
	display:flex;
	align-items:center
}
.index-main .index-form .index-form__container .index-form__container-lf ul li .item-input {
	width:85%
}
.index-main .index-form .index-form__container .index-form__container-lf ul li .item-input input {
	width:100%;
	line-height:35px;
	background:none
}
.index-main .index-form .index-form__container .index-form__container-lf ul li.last {
	width:15%;
	display:flex;
	align-items:flex-end;
	overflow:hidden
}
.index-main .index-form .index-form__container .index-form__container-lf ul li.last img {
	max-height:100%
}
.index-main .index-form .index-form__container .index-form__container-rt {
	width:230px
}
.index-main .index-form .index-form__container .index-form__container-rt input {
	width:100%
}
.index-main .index-form .index-form__container .index-form__container-rt input[type='submit'] {
	height:35px;
	background:url(/index/images/index-form-submit.png) no-repeat center center;
	font-size:20px;
	color:#222020;
	border-radius:8px
}
.index-main .index-pinzhi .container,.index-main .index-shijing .container {
	width:1424px;
	padding:0
}
.index-main .index-pinzhi {
	width:100%
}
.index-main .index-pinzhi .title {
	width:100%;
	padding:60px 0 0
}
.index-main .index-pinzhi .title h2 {
	font-size:43px;
	text-align:center;
	line-height:40px
}
.index-main .index-pinzhi .index-pinzhi__items {
	width:100%;
	padding:50px 0 0
}
.index-main .index-pinzhi .index-pinzhi__items .swiper-container {
	border-left:1px solid #d6d6d6
}
.index-main .index-pinzhi .index-pinzhi__items .swiper-container .swiper-wrapper .swiper-slide {
	height:288px;
	border:1px solid #d6d6d6;
	border-left:none;
	padding:37.5px 0 0
}
.index-main .index-pinzhi .index-pinzhi__items .swiper-container .swiper-wrapper .swiper-slide .item-icon {
	height:70px
}
.index-main .index-pinzhi .index-pinzhi__items .swiper-container .swiper-wrapper .swiper-slide h3,.index-main .index-pinzhi .index-pinzhi__items .swiper-container .swiper-wrapper .swiper-slide p {
	text-align:center
}
.index-main .index-pinzhi .index-pinzhi__items .swiper-container .swiper-wrapper .swiper-slide h3 {
	font-size:30px;
	line-height:40px;
	padding:0 0 35px
}
.index-main .index-pinzhi .index-pinzhi__items .swiper-container .swiper-wrapper .swiper-slide p {
	font-size:18px;
	color:#727171;
	line-height:24px
}
.index-main .index-pinzhi .index-pinzhi__items .swiper-container .swiper-button-prev,.index-main .index-pinzhi .index-pinzhi__items .swiper-container .swiper-button-next {
	width:21px;
	height:38px;
	margin:0;
	transform:translateY(-50%)
}
.index-main .index-pinzhi .index-pinzhi__items .swiper-container .swiper-button-prev {
	background:url(/index/images/icon-index-pinzhi__prev.png) no-repeat center
}
.index-main .index-pinzhi .index-pinzhi__items .swiper-container .swiper-button-next {
	background:url(/index/images/icon-index-pinzhi__next.png) no-repeat center
}
.index-main .index-shijing {
	width:100%;
	padding:23px 0 0
}
.index-main .index-shijing .container {
	background:#efefef
}
.index-main .index-shijing .container .index-shijing__lf {
	padding:75px 0 0 45px
}
.index-main .index-shijing .container .index-shijing__lf h5 {
	font-size:33px;
	color:#333333;
	width:51px;
	height:51px;
	line-height:51px;
	text-align:center;
	border:1px solid #3e2553;
	border-radius:50%
}
.index-main .index-shijing .container .index-shijing__lf h4 {
	font-size:31px;
	color:#333;
	position:relative;
	line-height:40px;
	padding:85px 0 100px
}
.index-main .index-shijing .container .index-shijing__lf h4:before {
	content:'';
	width:1px;
	height:72px;
	display:block;
	background:#333333;
	position:absolute;
	top:9px;
	left:25px
}
.index-main .index-shijing .container .index-shijing__lf p {
	font-size:22px;
	line-height:34px;
	font-family:'思源黑体'
}
.index-main .index-shijing .container .index-shijing__lf .btn-more {
	width:102px;
	line-height:27px;
	text-align:center;
	background:#3e2553;
	display:block;
	font-size:16px;
	color:#fff;
	font-family:'思源黑体';
	border:1px solid #3e2553;
	margin:35px 0 0
}
.index-main .index-shijing .container .index-shijing__lf .btn-more:hover {
	background:#fff;
	color:#3e2553
}
.index-main .index-shijing .container .index-shijing__rt {
	width:1068px;
	height:600px
}
.index-main .index-design {
	width:100%;
	padding:50px 0
}
.index-main .index-design .title {
	width:100%
}
.index-main .index-design .title h2 {
	font-size:42px;
	color:#000;
	line-height:40px;
	padding-bottom:20px;
	position:relative
}
.index-main .index-design .title h2:after {
	content:'';
	display:block;
	width:50px;
	height:2px;
	background:#000;
	position:absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%)
}
.index-main .index-design .title h2,.index-main .index-design .title h3 {
	text-align:center
}
.index-main .index-design .title h3 {
	text-transform:uppercase;
	font-size:24px;
	color:#000;
	font-family:"宋体";
	line-height:30px;
	padding-top:15px
}
.index-main .index-design .index-design-items {
	width:100%;
	margin-top:90px
}
.index-main .index-design .index-design-items ul li {
	width:14.28%;
	float:left
}
.index-main .index-design .index-design-items ul li .box {
	width:146px;
	height:146px;
	border:1px solid #F4F4F4;
	border-radius:50%;
	margin:auto;
	padding-top:20px;
	text-align:center;
	display:block
}
.index-main .index-design .index-design-items ul li .box i {
	color:#707070;
	font-size:50px
}
.index-main .index-design .index-design-items ul li .box h5,.index-main .index-design .index-design-items ul li .box p {
	color:#666
}
.index-main .index-design .index-design-items ul li .box p {
	font-size:12px
}
.index-main .index-design .index-design-items ul li .box:hover i,.index-main .index-design .index-design-items ul li .box:hover h5,.index-main .index-design .index-design-items ul li .box:hover p {
	color:#3e2553
}
.index-main .index-720banner {
	width:100%
}
.index-main .index-720banner.swiper-container .swiper-pagination .swiper-pagination-bullet {
	background:#fff
}
.index-main .index-case {
	width:100%
}
.index-main .index-case .title {
	background:#4d4d4d;
	line-height:50px;
	padding:80px 0
}
.index-main .index-case .index-case-items {
	position:relative
}
.index-main .index-case .index-case-items:before {
	position:absolute;
	content:'';
	display:block;
	left:0;
	top:0;
	width:100%;
	height:323px;
	background:#4d4d4d;
	z-index:-1
}
.index-main .index-case .index-case-items .box {
	position:relative
}
.index-main .index-case .index-case-items .box .text-container {
	width:330px;
	position:absolute;
	top:50px;
	right:50px;
	background:rgba(0,0,0,0.6);
	z-index:99
}
.index-main .index-case .index-case-items .box .text-container,.index-main .index-case .index-case-items .box .text-container .txt-swiper {
	height:455px
}
.index-main .index-case .index-case-items .box .text-container .swiper-slide {
	padding:40px 30px
}
.index-main .index-case .index-case-items .box .text-container .swiper-slide h5,.index-main .index-case .index-case-items .box .text-container .swiper-slide p {
	color:#fff
}
.index-main .index-case .index-case-items .box .text-container .swiper-slide h5 {
	font-size:18px;
	text-align:center;
	line-height:30px
}
.index-main .index-case .index-case-items .box .text-container .swiper-slide p {
	text-transform:uppercase;
	margin-top:15px;
	line-height:20px
}
.index-main .index-case .index-case-items .box .text-container .swiper-slide a.more {
	position:absolute;
	color:#fff;
	bottom:50px;
	right:75px
}
.index-main .index-case .index-case-items .box .text-container .swiper-button-prev,.index-main .index-case .index-case-items .box .text-container .swiper-button-next {
	width:30px;
	height:30px;
	bottom:95px;
	top:auto;
	margin-top:-15px;
	background-size:auto
}
.index-main .index-case .index-case-items .box .text-container .swiper-button-prev {
	left:85px;
	background-position:left center
}
.index-main .index-case .index-case-items .box .text-container .swiper-button-next {
	right:85px;
	background-position:right center
}
.index-main .index-case .index-case-items .box .text-container .swiper-pagination {
	bottom:102px
}
.index-main .index-case .index-case-items .box .text-container .swiper-pagination .swiper-pagination-bullet {
	width:20px;
	height:5px;
	border-radius:0;
	margin:0;
	opacity:1;
	background:none;
	position:relative
}
.index-main .index-case .index-case-items .box .text-container .swiper-pagination .swiper-pagination-bullet:before {
	content:'';
	display:block;
	width:100%;
	height:1px;
	position:absolute;
	top:2px;
	background:#fff
}
.index-main .index-case .index-case-items .box .text-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width:30px
}
.index-main .index-case .index-case-items .box .text-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	height:100%;
	background:#000;
	top:0
}
.index-main .index-case .title .title-right h2,.index-main .index-server .title .title-right h2,.index-main .index-teams .title .title-right h2,.index-main .index-hot .title .title-right h2,.index-main .index-news .title .title-right h2,.index-main .index-customer .title .title-right h2,.index-main .index-brand .title .title-right h2,.index-main .index-case .title .title-right h5,.index-main .index-server .title .title-right h5,.index-main .index-teams .title .title-right h5,.index-main .index-hot .title .title-right h5,.index-main .index-news .title .title-right h5,.index-main .index-customer .title .title-right h5,.index-main .index-brand .title .title-right h5,.index-main .index-case .title .title-right p,.index-main .index-server .title .title-right p,.index-main .index-teams .title .title-right p,.index-main .index-hot .title .title-right p,.index-main .index-news .title .title-right p,.index-main .index-customer .title .title-right p,.index-main .index-brand .title .title-right p {
	float:left;
	color:#fff;
	line-height:50px
}
.index-main .index-case .title .title-right h2,.index-main .index-server .title .title-right h2,.index-main .index-teams .title .title-right h2,.index-main .index-hot .title .title-right h2,.index-main .index-news .title .title-right h2,.index-main .index-customer .title .title-right h2,.index-main .index-brand .title .title-right h2 {
	font-size:30px;
	padding-right:50px
}
.index-main .index-case .title .title-right p,.index-main .index-server .title .title-right p,.index-main .index-teams .title .title-right p,.index-main .index-hot .title .title-right p,.index-main .index-news .title .title-right p,.index-main .index-customer .title .title-right p,.index-main .index-brand .title .title-right p {
	font-size:16px;
	padding-right:30px;
	font-weight:bold
}
.index-main .index-case .title .title-right h5,.index-main .index-server .title .title-right h5,.index-main .index-teams .title .title-right h5,.index-main .index-hot .title .title-right h5,.index-main .index-news .title .title-right h5,.index-main .index-customer .title .title-right h5,.index-main .index-brand .title .title-right h5 {
	width:50px;
	height:50px;
	font-weight:bold;
	border:1px solid #3e2553;
	text-align:center;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	font-size:30px
}
.index-main .index-case .title .title-right:before,.index-main .index-server .title .title-right:before,.index-main .index-teams .title .title-right:before,.index-main .index-hot .title .title-right:before,.index-main .index-news .title .title-right:before,.index-main .index-customer .title .title-right:before,.index-main .index-brand .title .title-right:before,.index-main .index-case .title .title-right:after,.index-main .index-server .title .title-right:after,.index-main .index-teams .title .title-right:after,.index-main .index-hot .title .title-right:after,.index-main .index-news .title .title-right:after,.index-main .index-customer .title .title-right:after,.index-main .index-brand .title .title-right:after {
	content:'';
	display:block;
	clear:both
}
.index-main .index-case .title .title-nav,.index-main .index-hot .title .title-nav {
	max-width:700px;
	padding-top:26px / 2
}
.index-main .index-case .title .title-nav ul li,.index-main .index-hot .title .title-nav ul li {
	float:left;
	border-left:1px solid #fff;
	line-height:24px
}
.index-main .index-case .title .title-nav ul li:first-child,.index-main .index-hot .title .title-nav ul li:first-child {
	border:none
}
.index-main .index-case .title .title-nav ul li a,.index-main .index-hot .title .title-nav ul li a {
	color:#fff;
	padding:0 12px;
	display:block
}
.index-main .index-case .title .title-nav ul li a:hover,.index-main .index-hot .title .title-nav ul li a:hover {
	color:#3e2553
}
.index-main .index-server .title .title-right h2,.index-main .index-teams .title .title-right h2,.index-main .index-news .title .title-right h2,.index-main .index-customer .title .title-right h2,.index-main .index-brand .title .title-right h2,.index-main .index-server .title .title-right h5,.index-main .index-teams .title .title-right h5,.index-main .index-news .title .title-right h5,.index-main .index-customer .title .title-right h5,.index-main .index-brand .title .title-right h5,.index-main .index-server .title .title-right p,.index-main .index-teams .title .title-right p,.index-main .index-news .title .title-right p,.index-main .index-customer .title .title-right p,.index-main .index-brand .title .title-right p {
	color:#333
}
.index-main .index-server .title {
	padding:80px 0
}
.index-main .index-server .index-server-items ul li {
	text-align:center;
	float:left;
	width:11.1%
}
.index-main .index-server .index-server-items ul li .icon {
	width:53px;
	height:49px;
	object-fit:scale-down;
	margin:0 auto;
	display:block
}
.index-main .index-server .index-server-items ul li p {
	line-height:30px;
	padding:25px 0 15px;
	color:#6e6e6e;
	text-align:center
}
.index-main .index-server .index-server-items ul li .number {
	position:relative
}
.index-main .index-server .index-server-items ul li .number span {
	width:35px;
	height:35px;
	line-height:35px;
	border-radius:50%;
	display:inline-block;
	border:1px solid #818181;
	color:#818181;
	background:#fff
}
.index-main .index-server .index-server-items ul li .number::before,.index-main .index-server .index-server-items ul li .number::after {
	position:absolute;
	top:50%;
	display:block;
	content:'';
	width:35%;
	border-top:1px dashed #808080
}
.index-main .index-server .index-server-items ul li .number::before {
	left:0
}
.index-main .index-server .index-server-items ul li .number::after {
	right:0
}
.index-main .index-server .index-server-items ul li:first-child .number:before {
	display:none
}
.index-main .index-server .index-server-items ul li:last-child .number:after {
	display:none
}
.index-main .index-server .index-server-items ul li.active p {
	color:#3e2553
}
.index-main .index-server .index-server-items ul li.active .number span {
	animation:Circle 1.2s infinite linear;
	border-color:#3e2553;
	color:#fff;
	background:#3e2553
}
.index-main .index-teams .title {
	padding:50px 0
}
.index-main .index-teams .index-teams-items ul li {
	width:20%;
	float:left
}
.index-main .index-teams .index-teams-items ul li .thumb-img {
	height:270px
}
.index-main .index-teams .index-teams-items ul li.index-teams-swiper {
	width:40%
}
.index-main .index-hot {
	width:100%;
	background:#f1f1f1; 
	margin-top:0px
}
.index-main .index-hot .title {
	padding:100px 0
}
.index-main .index-hot .title ul li {
	color:#fff
}
.index-main .index-hot .title ul li:nth-child(2) {
	border:none
}
.index-main .index-hot .index-hot-items {
	padding-top:0px
}
.index-main .index-hot .index-hot-items .index-hot-swiper {
	padding-bottom:25px;
}
.index-main .index-hot .index-hot-items .index-hot-swiper .swiper-slide .thumb-img {
	height:395px
}
.index-main .index-hot .index-hot-items .index-hot-swiper .swiper-slide h4 {
	width:20px;
	position:absolute;
	left: 11%;
top: 8%;
	color:#fff;
	font-size:16px;
	line-height:24px;
	text-align:center
}
.index-main .index-hot .index-hot-items .index-hot-swiper .swiper-slide .swiper-cover {
	width:100%;
	height:100%;
	background:rgba(62,37,83,0.68);
	padding:20px;
	transition:.35s;
	position:absolute;
	top:-100%;
	left:0
}
.index-main .index-hot .index-hot-items .index-hot-swiper .swiper-slide .swiper-cover p {
	width:100%;
	height:100%;
	border:1px solid #fff;
	padding-top:323px / 2
}
.index-main .index-hot .index-hot-items .index-hot-swiper .swiper-slide .swiper-cover p a {
	font-size:14px;
	color:#fff;
	display:block;
	width:85%;
	margin:0 auto;
	line-height:50px;
	text-align:center;
	border-top:0px solid #fff;
	border-bottom:0px solid #fff
}
.index-main .index-hot .index-hot-items .index-hot-swiper .swiper-slide a.more {
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0
}
.index-main .index-hot .index-hot-items .index-hot-swiper .swiper-slide:hover .swiper-cover {
	top:0
}
.index-main .index-hot .index-hot-items .index-hot-swiper .swiper-pagination {
	left:0
}
.index-main .index-hot .index-hot-items .index-hot-swiper .swiper-pagination .swiper-pagination-bullet {
	background:#fff
}
.index-main .index-news {
	width:100%
}
.index-main .index-news .title {
	padding:100px 0 95px
}
.index-main .index-news .index-news-container {
	width:100%
}
.index-main .index-news .index-news-container .index-news-left {
	width:360px
}
.index-main .index-news .index-news-container .index-news-right {
	width:65%
}
.index-main .index-news .index-news-container .index-news-right .index-news-items ul li {
	padding:30px 0;
	width:100%
}
.index-main .index-news .index-news-container .index-news-right .index-news-items ul li h5 {
	font-size:14px;
	font-family:'HelveticaNeue';
	color:#000;
	line-height:20px;
	background:url(/index/images/icon-index-news-time.png) no-repeat left center;
	padding-left:25px
}
.index-main .index-news .index-news-container .index-news-right .index-news-items ul li h2 {
	margin:30px 0 25px;
	line-height:25px
}
.index-main .index-news .index-news-container .index-news-right .index-news-items ul li h2 a {
	font-size:18px;
	color:#000;
	display:block
}
.index-main .index-news .index-news-container .index-news-right .index-news-items ul li h2 a:hover {
	color:#3e2553
}
.index-main .index-news .index-news-container .index-news-right .index-news-items ul li p {
	font-size:12px;
	color:#737373;
	line-height:24px
}
.index-main .index-news .index-news-container .index-news-right .index-news-more {
	background:url(/index/images/index-news-more.png) no-repeat left center
}
.index-main .index-news .index-news-container .index-news-right .index-news-more a {
	display:block;
	width:235px;
	padding-left:235px;
	color:#3e2553;
	transition:all .3s ease 0s;
	overflow:hidden;
	text-transform:uppercase
}
.index-main .index-news .index-news-container .index-news-right .index-news-more a:hover {
	width:285px
}
.index-main .index-news .index-news-container .index-news-right .index-news-nav {
	background:url(/index/images/icon-index-news-time.png) no-repeat left center;
	padding-left:30px;
	margin-top:30px
}
.index-main .index-news .index-news-container .index-news-right .index-news-nav ul li {
	float:left;
	margin-right:10px;
	line-height:30px
}
.index-main .index-news .index-news-container .index-news-right .index-news-nav ul li a {
	display:block;
	color:#000
}
.index-main .index-news .index-news-container .index-news-right .index-news-nav ul li a:hover {
	color:#3e2553
}
.index-main .index-customer {
	width:100%
}
.index-main .index-customer .title {
	padding:55px 0 80px
}
.index-main .index-customer .index-customer-con {
	width:100%
}
.index-main .index-customer .index-customer-con .container {
	width:1260px
}
.index-main .index-customer .index-customer-con .index-customer-con-bg {
	padding:35px 130px 0;
	width:100%;
	height:450px;
	background:url(/index/images/index-customer-con-bg.jpg) no-repeat center top
}
.index-main .index-customer .index-customer-con .index-customer-con-bg .index-customer-swiper {
	padding-bottom:80px
}
.index-main .index-customer .index-customer-con .index-customer-con-bg .index-customer-swiper .swiper-slide {
	height:140px;
	border:1px solid #fff
}
.index-main .index-customer .index-customer-con .index-customer-con-bg .index-customer-swiper .swiper-slide:hover {
	border-color:#3e2553
}
.index-main .index-customer .index-customer-con .index-customer-con-bg .index-customer-swiper .swiper-button-prev,.index-main .index-customer .index-customer-con .index-customer-con-bg .index-customer-swiper .swiper-button-next {
	width:32px;
	height:32px;
	border-radius:50%;
	background:#3e2553;
	opacity:1;
	bottom:0;
	top:auto;
	text-align:center;
	line-height:32px;
	color:#fff
}
.index-main .index-customer .index-customer-con .index-customer-con-bg .index-customer-swiper .swiper-button-prev {
	left:300px
}
.index-main .index-customer .index-customer-con .index-customer-con-bg .index-customer-swiper .swiper-button-next {
	right:300px
}
.index-main .index-customer .index-customer-con .index-customer-con-bg .index-customer-swiper a.btn-more {
	width:255px;
	height:32px;
	line-height:30px;
	background:#3e2553;
	border-radius:32px;
	border:1px solid #3e2553;
	color:#fff;
	text-transform:uppercase;
	display:block;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	text-align:center
}
.index-main .index-brand {
	width:100%
}
.index-main .index-brand .title {
	padding:110px 0 95px
}
.index-main .index-brand .index-brand-con {
	width:100%
}
.index-main .index-brand .index-brand-con .container {
	min-width:1305px
}
.index-main .index-brand .index-brand-con .index-brand-form {
	width:320px;
	padding:25px 35px 0;
	background:#595757
}
.index-main .index-brand .index-brand-con .index-brand-form ul li {
	margin-bottom:15px
}
.index-main .index-brand .index-brand-con .index-brand-form ul li p {
	font-size:12px;
	color:#dcdddd;
	line-height:22px
}
.index-main .index-brand .index-brand-con .index-brand-form ul li input[type='submit'] {
	width:100%;
	height:35px;
	background:#3e2553;
	color:#fff
}
.index-main .index-brand .index-brand-con .index-brand-form ul li h4 {
	font-size:16px;
	color:#fff
}
.index-main .index-brand .index-brand-con .index-brand-form,.index-main .index-brand .index-brand-con .index-brand-items ul li {
	height:240px
}
.index-main .index-brand .index-brand-con .index-brand-items {
	width:955px
}
@media (min-width:1440px) {
	.index-main .index-brand .index-brand-con .index-brand-items {
	width:1015px
}
}@media (min-width:1600px) {
	.index-main .index-brand .index-brand-con .index-brand-items {
	width:1090px
}
}.index-main .index-brand .index-brand-con .index-brand-items ul {
	display:flex;
	justify-content:space-between
}
.index-main .index-brand .index-brand-con .index-brand-items ul li {
	width:190px;
	background-color:#dcdddd;
	float:left;
	background-position:center 60px;
	background-repeat:no-repeat;
	padding:135px 15px 0
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:nth-child(1) {
	background-image:url(/index/images/icon-brand-items1.png)
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:nth-child(2) {
	background-image:url(/index/images/icon-brand-items2.png)
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:nth-child(3) {
	background-image:url(/index/images/icon-brand-items3.png)
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:nth-child(4) {
	background-image:url(/index/images/icon-brand-items4.png)
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:nth-child(5) {
	background-image:url(/index/images/icon-brand-items5.png)
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:hover {
	background-color:#3e2553
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:hover:nth-child(1) {
	background-image:url(/index/images/icon-brand-items1-on.png)
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:hover:nth-child(2) {
	background-image:url(/index/images/icon-brand-items2-on.png)
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:hover:nth-child(3) {
	background-image:url(/index/images/icon-brand-items3-on.png)
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:hover:nth-child(4) {
	background-image:url(/index/images/icon-brand-items4-on.png)
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:hover:nth-child(5) {
	background-image:url(/index/images/icon-brand-items5-on.png)
}
.index-main .index-brand .index-brand-con .index-brand-items ul li p,.index-main .index-brand .index-brand-con .index-brand-items ul li h6 {
	color:#595959;
	text-align:center;
	line-height:22px
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:hover p,.index-main .index-brand .index-brand-con .index-brand-items ul li:hover h6 {
	color:#fff
}
.mfooter3 { width: 1200px;margin: 0 auto; }
.mfooter3aa a { color: #494949; }
 
.mfooter3a { white-space: nowrap;height: 30px;line-height: 30px; }


@keyframes Circle {
	0% {
	transform:scale(.9)
}
50% {
	transform:scale(1.05)
}
100% {
	transform:scale(.9)
}
}


.header {
 background:-webkit-gradient(linear,
 left top,
 right top,
 from(rgba(255,
 0,
 0,
 0)),
 to(#000000));
 background:#00000047;
}


.swiper-button-next,.swiper-button-prev { margin-top:-100px !important ;}


.swiper-container-horizontal .swiper-button-prev	{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")   !important ;  } 

.swiper-container-horizontal .swiper-button-next { background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")   !important ;  }

.img_box img { transition: all 0.5s; }

.yzrj_item_box:hover .img_box > img {
  transform: scale(1.1);
}




