.swiper{
	position: relative;
	background: #000;
}
.swiper .hd{
	font-size: 0.24rem;
	font-family: 'arial';
	color: #707070;
	font-weight: bold;
	text-align: center;
	position: absolute;
	bottom: 0.3rem;
	width: 100%;
}
.swiper .hd li{
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	line-height: 0.5rem;	
}
.opacity{
	opacity: 0;
}
.fxSoftScale .navInNext {
	-webkit-animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
	animation: scaleDownUp 1.5s forwards cubic-bezier(0.7, 0, 0.3, 1);
}
.swiper .hd .on{
	color: #fff;
	background: #393939;
}
.company{
	background: #f4f4f4;
	border-bottom: 0.2rem solid #dcdcdc;
}
.company .td{
	padding: 0 0.25rem;
	padding-top: 0.7rem;
}
.company .company_cntitle{
	display: none;
	width: 4.4rem;
	animation-duration: 2s;
}
.company .company_entitle{
	font-size: 0.32rem;
	color: #434343;
	padding-top: 0.18rem;
}
.company .intro{
	font-size: 0.24rem;
	color: #959595;
	padding-top: 0.35rem;
	text-indent: 2em;
	line-height: 0.36rem;
}
.company .gomore{
	padding-top: 0.35rem;
}
.company .gomore .more{
	font-size: 0.2rem;
	color: #e60012;
}
.company .gomore .more_icon{
	width: 0.36rem;
	margin-left: 0.15rem;
}
.company .com_iconlist{
	padding: 0 0.2rem;
	padding-top: 0.84rem;
	padding-bottom: 0.58rem;
}
.company .com_iconlist .com_icon1{
	width: 0.93rem;
	animation-delay: 1.2s;
}
.company .com_iconlist .com_icon2{
	width: 1.23rem;
	animation-delay: 1.4s;
}
.company .com_iconlist .com_icon3{
	width: 1.19rem;
	animation-delay: 1.6s;
}
.company .com_iconlist .com_icon4{
	width: 1.19rem;
	animation-delay: 1.8s;
}
.company .bd{
	position: relative;
	padding-bottom: 0.66rem;
}
.company .bd .com_img{
	margin-left: 0.25rem;
	opacity: 0;
}
.company .bd .people_count{
	position: absolute;
	top: 0.86rem;
	width: 100%;
	height: 1.75rem;
	background: rgba(0,0,0,0.4);
	padding-right: 0.25rem;
	box-sizing: border-box;
}
.company .bd .numbox{
	font-size: 0.54rem;
	color: #fff;
	float: right;
	width: 1.86rem;
	height: 1.75rem;
	text-align: center;
	background: #525252;
}
.company .bd .numbox .num_wz{
	font-size: 0.17rem;
	padding-top: 0.36rem;
	padding-bottom: 0.16rem;
}
.service .service_title{
	padding-top: 0.55rem;
	padding-bottom: 0.54rem;
}
.service .red{
	color: #e60012;
}
.service .service_title .en{
	width: 2.51rem;
	margin: 0 auto;
	padding-bottom: 0.16rem;
}
.service .service_title .cn{
	font-size: 0.32rem;
	color: 434343;
	text-align: center;
}
.service .serverlist{
	position: relative;

}
.service .serverlist .hd{
	padding: 0 0.25rem;
}
.service .serverlist .hd li{
	font-size: 0.24rem;
	color: #959595;
	height: 0.7rem;
	text-align: center;
	position: relative;
	padding-left: 0.32rem;
	box-sizing: border-box;
	margin-right: 0.32rem;
}
.service .serverlist .hd li:last-child{
	margin-right: 0;
}
.service .serverlist .hd .pageState{
	position: absolute;
	z-index: 10;
	top: 6.04rem;
	font-size: 0.24rem;
	color: #898989;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	left: 0;
}
/* .service .serverlist .on{
	background: url('../images/index_item9.png') no-repeat;
	background-size: 0.87rem;
} */
.service .serverlist .servericon1.on{
	background: url('../images/index_item9.png') no-repeat;
	background-size: 0.87rem;
}
.service .serverlist .servericon2.on{
	background: url('../images/index_item9-2.png') no-repeat;
	background-size: 0.87rem;
}
.service .serverlist .servericon3.on{
	background: url('../images/index_item9-3.png') no-repeat;
	background-size: 0.87rem;
}
.service .serverlist .servericon4.on{
	background: url('../images/index_item9-4.png') no-repeat;
	background-size: 0.87rem;
}
.service .serverlist .bd{
	background: #212122;
}
.service .serverlist .bd li{
	width: 100%;
}
.service .serverlist .bd .service_img{
	padding: 0 0.25rem;
	padding-top: 0.5rem;
}
.service .serverlist .bd .service_img .s_bd .servicebox{
	position: relative;
	float: left;
}
.service .serverlist .bd .service_img .s_bd .servicebox .icon{
	position: absolute;
	display: block;
	width:100%;
	top:1.5rem;
	text-align: center;
	line-height: 1.2rem;
	font-size: 0.28rem;
	font-family: "微软雅黑";
	color:#FFF;
}
.service .serverlist .bd .service_img .s_bd .servicebox .icon img{
	display: block;
	width:1rem;
	height: 1rem;
	margin: 0 auto;
}
.service .serverlist .bd .service_img .s_hd{
	display: inline-block;
	position: absolute;
	width:25%;
	text-align: center;
	top:5.2rem;
	margin: 0 auto;
}
.service .serverlist .bd .service_img .s_hd .hd_li{
	display: inline-block;
	width:0.15rem;
	height: 0.15rem;
	border-radius: 0.15rem;
	background: #707070;
}
.service .serverlist .bd .service_img .s_hd .hd_li.on{
	background: #FFF;
}
.service .serverlist .bd .title{
	font-size: 0.3rem;
	padding: 0 0.25rem;
	color: #bfbfbf;
	border-top: 1px solid #646465;
	padding-top: 0.5rem;
	margin-top: -0.36rem;
	position: relative;
	z-index: 6;
	margin-bottom: 0.24rem;
}
.service .serverlist .bd .msg{
	font-size: 0.2rem;
	color: #959595;
	padding: 0 0.25rem;
	padding-bottom: 1.58rem;
}
.work{
	background: #212122;
	position: relative;
	padding-bottom: 1rem;
}
.work .td{
	padding: 0 0.25rem;
}
.work .td .ent{
	width: 2.13rem;
}
.work .td .cnt{
	font-size: 0.32rem;
	color: #ffffff; 
	margin-top: 0.18rem;
}
.work .td .red{
	color: #e60012;
}
.work .td .right .arrow{
	width: 0.14rem;
	margin-right: 0.08rem;
}
.work .td .right .work_all{
	color: #fff;
	width: 0.84rem;
	height: 0.84rem;
	font-size: 0.24rem;
	background: #525252;
	border-radius: 50%;
	text-align: center;
	line-height: 0.84rem;
}
.work .td .right .work_all a{
	color: #fff;
}
.work .bd{
	padding: 0 0.25rem;
	padding-top: 0.48rem;
	position: relative;
	z-index: 5;
}
.work .bd li{
	width: 3.3rem;
	margin-bottom: 0.18rem;
	opacity: 0;
}
.work .mountain{
	position: absolute;
	left: 0;
	bottom: 0;
}
.anli{
	background: url('../images/index_item18.jpg') no-repeat center center;
	background-size: cover;
	padding: 0 0.25rem;
	padding-bottom: 0.76rem;
}
.anli .banner{
	width: 3rem;
	margin: 0 auto;
	padding-top: 1.16rem;
	padding-bottom: 0.6rem;
}
.anli .title{
	width: 4.46rem;
	margin: 0 auto;
	font-size: 0.36rem;
	font-weight: bold;
	text-align: center;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 0.55rem;
}
.anli .intro{
	font-size: 0.22rem;
	color: #707070;
	margin-top: 0.36rem;
	text-align: center;
}
.anli .lookmore{
	display: block;
	width: 2.1rem;
	margin: 0 auto;
	height: 0.7rem;
	background: #e60012;
	font-size: 0.22rem;
	color: #fff;
	text-align: center;
	line-height: 0.7rem;
	border-radius: 20px;
	margin-top: 0.6rem;
	margin-bottom: 0.86rem;
}
.anli .bannerlist li{
	width: 2.18rem;
	height: 1.18rem;
	background: #efefef;
	margin-bottom: 0.16rem;
	opacity: 0;
}
.anli .bannerlist .on{
	background: #e60012;
}
.anli .bannerlist li img{
	width: 1.61rem;
	display: block;
	position: absolute;
}
.anli .bannerlist li{
	position: relative;
}
.anli .bannerlist li .img_gray{	
	left: 50%;
	margin-left: -0.805rem;
	opacity:1;	
	transition: all .7s ease 0s;
}
.anli .bannerlist li .img_white{
	opacity:0;
	transition: all .7s ease 0s;
	width: 2.4rem;
	margin-left: -1.2rem;
	left: 50%;

}
.anli .bannerlist .on .img_gray{
	opacity: 0;
    transform: scale(1);
}
.anli .bannerlist .on .img_white{
	opacity: 1;
    transform: scale(1);

    width: 1.61rem;
    margin-left: -0.805rem;
}

.contact{
	background: url('../images/index_item21.jpg') no-repeat center center;
	background-size: cover;
	padding: 0 0.25rem;
	padding-top: 1.2rem;
	padding-bottom: 0.64rem;
}
.contact .info{
	background: #fff;
	padding-bottom: 0.8rem;
	transition: all 1s ease 0s;
    transform: rotateY(-80deg);
    transform-origin: right center;
    transform-style: preserve-3d;
    opacity: 0;
}
.contact .info .ewm{
	width: 1.44rem;
	margin: 0 auto;
	padding-top: 0.28rem;
}
.contact .info .t{
	text-align: center;
	font-size: 0.36rem;
	padding-top: 0.35rem;
	padding-bottom: 0.12rem;
}
.contact .info .tt{
	text-align: center;
	font-size: 0.16rem;
	color: #707070;
	padding-bottom: 0.32rem;
}
.contact .info .colicon{
	font-size: 0.24rem;
	color: #434343;
	margin-left: 0.84rem;
	padding-left:0.45rem; 
	margin-bottom: 0.08rem;
}
.contact .info .addressicon{
	background:url('../images/index_item23.png') no-repeat left center;
	background-size: 0.24rem;
}
.contact .info .telicon{
	background:url('../images/index_item24.png') no-repeat left center;
	background-size: 0.26rem;
}  
.contact .info .email{
	background:url('../images/index_item25.png') no-repeat left center;
	background-size: 0.28rem;
}  
.contact .go_message{
	display: block;
	border-radius: 5px;
	height: 0.8rem;
	font-size: 0.32rem;
	color: #fff;
	text-align: center;
	width: 100%;
	line-height: 0.8rem;
	background: #cd1919;
	margin-top: 0.55rem;
}
@-webkit-keyframes scaleDownUp {
	from {
		opacity: 0;
		-webkit-transform: scale(0.9);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@keyframes scaleDownUp {
	from {
		opacity: 0;
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes iaboutimg{
    0% {
        -webkit-transform: scale(1.13);
        -moz-transform: scale(1.13);
        -ms-transform: scale(1.13);
        -o-transform: scale(1.13);
        transform: scale(1.13);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    } 
}