.numinfor-w{
	width: 100%;
	height: 1.65rem;
	background-color: rgb(244,244,246);
	box-sizing: border-box;
	padding: 0.2rem 0 0.3rem;
}
.numinfo{
	width: 13rem;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.numinfo-item{
	flex: 1;
	border-right: 2px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.numinfo-item:nth-last-of-type(1){
	border-right: 0;
}
.numinfo-item h1{
	width: 100%;
	text-align: center;
	font-size: 0.48rem;
	color: #000;
	line-height: 0.6rem;
	position: relative;
}
.numinfo-item h1 b{
	font-weight: bold;
}
.numinfo-item h1 span{
	position: absolute;
	font-size: 0.14rem;
	line-height: 0.26rem;
	top: 0.26rem;
	right: 0.4rem;
}
.numinfo-item h1 .numinfo-more{
	font-size: 0.2rem;
	top: 0.02rem;
	right: 0.6rem;
}
.numinfo-item p{
	text-align: center;
	font-size: 0.18rem;
	line-height: 0.26rem;
	margin-top: 0.1rem;
}


.index-server{
	width: 13rem;
	margin: 0.5rem auto;
}
.index-server-des{
	font-size: 0.12rem;
	color: #515151;
	line-height: 0.24rem;
	box-sizing: border-box;
	padding: 0 0.2rem;
	margin-top: 0.1rem;
	text-align: center;
}
.index-server-container{
	width: 13rem;
	margin: 0.3rem auto 0;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.index-server-container li{
	width: 3.1rem;
}
.index-server-container li + li{
	margin-left: 0.04rem;
}
.index-server-container li dt{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.index-server-container li dt img{
	width: 100%;
	height: auto;
	transition: all 0.3s;
}
.index-server-container li dl {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.index-server-container li dl dd{
	position: absolute;
	bottom: 0;
	left: 0;
	top: 3.3rem;
	right: 0;
	padding: 0 0.34rem;
	background-color: rgba(7, 7, 7, .6);
	transition: top .5s linear;
}
.index-server-container li dl dd .text-content{
	text-align: left;
	width: 2.48rem;
	height: 100%;
	position: absolute;
	top: 0.15rem;
	z-index: 2;
	transition: top .5s linear;
}
.index-server-container li dl dd .text-content h3 {
    text-align: left;
    color: #fff;
    font-size: 0.18rem;
}
.index-server-container li dl i {
    color: #FFFFFF;
    font-style: normal;
    font-size: 0.12rem;
}
.index-server-container li dl dd .text-content .text {
    margin-top: 0.1rem;
}
.index-server-container li dl dd .text-content span {
    width: 0.18rem;
    background-color: #4D8CCB;
}
.index-server-container li dl dd .text-content p {
    font-size: 0.14rem;
    color: #4D4D4D;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.index-server-container li dl dd .text-content a.view-more {
    width: 1.18rem;
    height: 0.34rem;
    display: inline-block;
    line-height: 0.3rem;
    text-align: center;
    border: 2px solid #8F9191;
    color: #BEBFC0;
    margin-top: 0.6rem;
    text-transform: uppercase;
}
.index-server-container li dl dd .text-content a.view-more {
    border: 0;
    color: #CBDCED;
    text-align: left;
}
.trangle_03 {
    position: relative;
    z-index: 5;
    display: inline-block;
    margin-right: 10px;
    width: 0;
    height: 0;
    border: 16px solid #E62422;
    vertical-align: super;
    opacity: 0.7;
    border-right-color: transparent;
    border-bottom-color: transparent;
	top: -1px;
}
.trangle_03 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    border: 8px solid #E62422;
    border-right: 8px solid transparent;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    /* border-color: transparent transparent transparent #E62422; */
}
.index-server-container li:hover dt img {
    transform: scale(1.08);
}


.index-server-container li:hover dl dd {
    background-color: rgba(7, 90, 168, .8) !important;
}
.index-server-container li:hover dl dd .text-content {
    top: 1.6rem;
    position: relative;
}

.index-server-container li:hover dl dd {
    top: 0;
    background-color: rgba(53, 58, 62, 0.8);
}

.index-server-container li:hover dl dd .text-content h1,
.index-server-container li:hover dl dd .text-content p {
    color: #FFFFFF;
}


.index-about{
	width: 100%;
	height: 5.5rem;
	display: flex;
	background-color: rgb(39,139,67);
}
.index-about-l{
	width: 50%;
	height: 5.5rem;
	position: relative;
	overflow: hidden;
}
.index-about-l img{
	width: 100%;
	height: 5.5rem;
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.3s linear; 
}
.index-about-l:hover img{
	transform: scale(1.08);
}
.index-about-r{
	width: 5.7rem;
	height: auto;
	box-sizing: border-box;
	padding: 0.65rem 0 0 0;
	margin-left: 0.8rem;
}
.index-about-tit{
	font-size: 0.3rem;
	color: #fff;
	position: relative;
	height: 0.6rem;
	display: flex;
	align-items: center;
}
.index-about-tit img{
	height: 0.18rem;
	width: auto;
	margin: 0 0.3rem;
}
.index-about-des{
	width: 5.7rem;
	font-size: 0.16rem;
	color: #fff;
	line-height: 0.3rem;
	margin-top: 0.1rem;
}
.index-about-more{
	width: 1.7rem;
	height: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #fff;
	color: #fff;
	font-size: 0.16rem;
	margin: 0.2rem auto;
}
.index-about-more img{
	height: 0.14rem;
	width: auto;
	margin-left: 0.2rem;
}
.index-about-items{
	margin-top: 0.5rem;
	width: 5.7rem;
	display: flex;
	height: 1.33rem;
	justify-content: space-between;
	align-items: center;
	padding: 0 0.5rem;
}
.index-about-item{
	width: 1.55rem;
	height: 1.33rem;
	border-radius: 0.2rem;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.index-about-item img{
	height: 0.6rem;
	width: auto;
}
.index-about-item p{
	font-size: 0.24rem;
	color: #333;
	line-height: 0.4rem;
}


.index-system-w{
	width: 100%;
	background:#f4f5f9;
	padding: 30px 0 80px;
}
.index-sys-list{
	width: 13rem;
	display: flex;
	justify-content: space-between;
	margin: 0.2rem auto 0;
}
.index-sys-item{
	width: 3rem;
	
}
.index-sys-img{
	overflow: hidden;
	width: 3rem;
	height: 3.48rem;
}
.index-sys-img img{
	width: 3rem;
	height: auto;
	transition: all 0.3s linear;
}
.index-sys-img:hover img{
	transform: scale(1.1);
}
.index-sys-des{
	margin-top: 0.2rem;
}
.index-sys-des h3{
	margin-bottom: 0.06rem;
	font-size: 0.16rem;
	text-align: center;
}
.index-sys-des p{
	padding: 0 0.15rem;
	color: #7E7E7E;
	font-size: 0.13rem;
	line-height: 0.2rem;
	text-align: center;
}

.index-partner{
	width: 100%;
	height: 5.5rem;
	display: flex;
	background-color: rgb(32,70,143);
	justify-content: flex-end;
}
.index-partner-r{
	width: 50%;
	height: 5.5rem;
	overflow: hidden;
	position: relative;
}
.index-partner-r img{
	width: 100%;
	height: 5.5rem;
	transition: all 0.3s linear; 
}
.index-partner-r:hover img{
	transform: scale(1.05);
}

.index-partner-l{
	width: 6.5rem;
	padding: 0.2rem 0.5rem 0;
}
.index-partner-tit{
	font-size: 0.3rem;
	line-height: 0.6rem;
	color: #fff;
	text-align: center;
}
.index-partner-cont{
	width: 100%;
	padding-left: 0.4rem;
	position: relative;
	height: 4.1rem;
	overflow: hidden;
}
/*.index-partner-cont::before{
	content: "";
	width: 0.15rem;
	height: 0.15rem;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	left: 0.09rem;
	top: 0;
}
.index-partner-cont::after{
	content: "";
	width: 1px;
	height: 4.1rem;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0.15rem;
}*/
.index-partner-item{
	color: #fff;
	margin-bottom: 0.06rem;
}
.index-partner-item h4{
	font-size: 0.16rem;
	line-height: 0.26rem;
	font-weight: normal;
}
.index-partner-item p{
	font-size: 0.14rem;
	line-height: 0.24rem;
}




.index-news-w{
	padding: 0.4rem 0 0.4rem;
	width: 100%;
	overflow: hidden;
}
.index-news{
	width: 70%;
	margin: 0 auto;
	padding: 0 1rem;
	position: relative;
	color: #333;
}
.index-news-slick{
	position: relative;
	
}
.index-news-slick .slick-list{
	overflow: inherit;
}
.index-news-slick .slick-prev, .index-news-slick .slick-next {
  display: block !important;
  
  z-index: 99;
}
.index-news-slick .slick-prev::before, .index-news-slick .slick-next::before {
  content: "";
}
.index-news-slick .slick-prev {
  left: -1.2rem;
  background: url(../img/arrow_prev.png) center / contain no-repeat;
  width: 0.4rem;
  height: 0.4rem;
}
.index-news-slick .slick-next {
  right: -1.2rem;
  background: url(../img/arrow_next.png) center / contain no-repeat;
  width: 0.4rem;
  height: 0.4rem;
}
.index-news-li{
	float: left;
	width: 50%;
	margin: 0 0.07rem;
}
.index-news-lisbox{
	display: block;
	position: relative;
	z-index: 1;
	background: #e4e4e4;
	transition: all .8s ease-in-out;
}
.index-news-lisbox::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .3;
  transition: all .36s;
  pointer-events: none;
}
.index-news-li.slick-active .index-news-lisbox::before {
  opacity: 0;
}
.index-news-imgbox{
	position: relative;
	overflow: hidden;
}
.index-news-imgbox img {
  transition: all .36s;
  
}
.mc_list_under{
	width: 100%;
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
}
.mc_list_img {
  width: 100%;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.index-news-txtbox {
  position: relative;
  z-index: 2;
  padding: 0.25rem 0.15rem 0.6rem;
  background: #e4e4e4;
  transform: translateY(-1.05rem);
  transition: all .8s ease-in-out;
}
.index-news-title {
  font-size: 0.18rem;
  color: #333;
  line-height: 0.24rem;
  height: 0.24rem;
  overflow: hidden;
  margin-bottom: 0.18rem;
  transition: all .36s;
}
.index-news-date {
  position: relative;
  font-size: 0.14rem;
  color: #1e57a3;
  padding-bottom: 0.25rem;
  margin-bottom: 0.22rem;
  font-family: "MONTSERRAT-LIGHT" !important;
}
.index-news-date::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 5em;
  height: 1px;
  background: #1e57a3;
}
.index-news-txt {
  height: 0.48rem;
  overflow: hidden;
}
.index-news-txt p {
  font-size: 0.14rem;
  line-height: 0.24rem;
  color: #999999;
}

.index-news-li.slick-active .index-news-txtbox {
  background: #fff;
  transform: translateY(0);
}
.index-news-lisbox:hover .mc_list_img {
  transform: scale(1.05);
}