@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(../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:#943c90 !important
}
.index-main {
	width:100%
}
.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:#943c90
}
.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:#1e1e1e;
	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:#1e1e1e;
	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(148, 60, 144, 0.61);
	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 #943c90;
	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:13px
}
.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:#943c90
}
.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:#943c90
}
.index-main .index-server .index-server-items ul li.active .number span {
	animation:Circle 1.2s infinite linear;
	border-color:#943c90;
	color:#fff;
	background:#943c90
}
.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%;
	height:915px;
	background:url(../images/index-hot-bg.jpg) no-repeat center center / cover;
	margin-top:105px
}
.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:95px
}
.index-main .index-hot .index-hot-items .index-hot-swiper {
	padding-bottom:165px
}
.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:5%;
	top:5%;
	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(212, 138, 222, 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:161.5px
}
.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:1px solid #fff;
	border-bottom:1px solid #fff
}
.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(../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:#943c90
}
.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(../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:#943c90;
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(../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:#943c90
}
.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(../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:#943c90
}
.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:#943c90;
	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:#943c90;
	border-radius:32px;
	border:1px solid #943c90;
	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:#943c90;
	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("../images/icon-brand-items1.png")
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:nth-child(2) {
background-image:url("../images/icon-brand-items2.png")
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:nth-child(3) {
background-image:url("../images/icon-brand-items3.png")
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:nth-child(4) {
background-image:url("../images/icon-brand-items4.png")
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:nth-child(5) {
background-image:url("../images/icon-brand-items5.png")
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:hover {
	background-color:#943c90
}
.index-main .index-brand .index-brand-con .index-brand-items ul li:hover:nth-child(1) {
background-image:url("../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("../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("../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("../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("../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
}
@keyframes Circle {
0% {
transform:scale(.9)
}
50% {
transform:scale(1.05)
}
100% {
transform:scale(.9)
}
}