.icon-dot {
	margin:0 0.026316rem;
}


small {
	display: block!important;
	font-size:0.042105rem;
	color: #888;
	margin-top:0.026316rem;
}


/* ----------轮播-------------- */
.banner{
	width: 100%;
	position: relative;
	margin-top: 0.210526rem;
}
.banner .img {
	width: 100%;
	position: relative;
}
.banner .img img {
	width: 100%;
	display: block;
	position: absolute;
	left:0;top:0;
	transition: all 1s;
	opacity: 0;
}
.banner .img .next {
	opacity: 1;
}
.banner .img .curr {
	opacity: 0;
}
.banner .dot {
	font-size: 0.042105rem;
	position: absolute;
	width: 100%;
	bottom: 0.052632rem;
	text-align: center;
	display: block;
}
.banner .dot li {
	margin:0 0.078947rem;
	width: 0.210526rem;
	height: 0.210526rem;
	background: #1D4568;
	border-radius: 50%;
	display: inline-block;
    text-align: center;
    position: relative;
	transition: all.5s;
	border: 0.005263rem solid #fff;
}
.banner .dot li img{
	position: absolute;
	top:50%;left:50%;
	-webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
	width: 0.105263rem;
	-moz-transition:all .5s; /* Firefox 4 */
	-webkit-transition:all .5s; /* Safari and Chrome */
	-o-transition:all .5s; /* Opera */
	transition: all.5s;
	cursor: pointer;
}
.banner .dot li:hover {
	transform: rotate(360deg);
}
.banner ol {
	overflow: hidden;
	position: absolute;
	width: 100%;
	bottom:0;
}
.banner ol li {
	float: left;
	width: 33.33333%;
	// height: 0.007895rem;
	height: 0.013158rem;
	background: #000;
	cursor: pointer;
}
.banner ol .active {
	background: #F6AB00;
}


/* items */
.item{
	width: 100%;
	font-size: 0.042105rem;
	position: relative;
}
.item>img {
	width: 100%;
	display: block;
}

#zixun, #design, #development, #peration, #partner, #info{
	position: absolute;
	top:-0.263158rem;
}
/*--- 咨询---- */
.zixun {
	position: absolute;
	width: 100%;
	left:50%;
	-webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
	top: 0.131579rem;
	text-align: center;
}
.zixun button {
	position: absolute;
	top: 1.052632rem;
	left:1.297368rem;
	border: 1px solid #ccc;
	background: rgba(29,69,104,.8);
	width: 0.526316rem;
	height: 0.105263rem;
	line-height: 0.105263rem;
	border-radius: 0.026316rem;
	color: #eee;
	font-size: 0.036842rem;
	cursor: pointer;
	transition: all .5s;
	outline:none;
}
.zixun button:hover {
	background: rgba(29,69,104,1);
	color:#fff;
}
.zx-title {
	color: #000;
	font-size: 0.065789rem;
	font-weight: bold;
	margin-bottom:0.078947rem;
}
.zx-title p span {
	font-size: 0.047368rem;
}
.zx-title>* {
	display: inline-block;
	vertical-align: middle;
}
.zx-title img {
	width: 0.131579rem;
}

/* ----设计--------- */
.design {
	position: absolute;
	width: 100%;
	left:50%;
	-webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
	top: 0.131579rem;
	text-align: center;
}
.ds-title {
	color: #fff;
	font-size: 0.065789rem;
	font-weight: bold;
	margin-bottom:0.078947rem;
}
.ds-title p span {
	font-size: 0.047368rem;
}
.ds-title small {
	color: #999;
}

.design .ds-title>* {
	display: inline-block;
	vertical-align: middle;
}
.design .ds-title img {
	width: 0.131579rem;
}

.ds-content	{
	color: #fff;
	font-size: 0.042105rem;
	margin-top:0.184211rem;
}
.ds-content	.left,.ds-content .right {
	display: inline-block;
	margin:0 0.08rem;
}
.ds-content h5 {
	color: #EEA604;
	font-size: 0.078947rem;
	margin-bottom:0.092105rem;
}
.ds-content li {
	width: 0.921053rem;
	height: 0.118421rem;
	text-align: center;
	line-height: 0.118421rem;
	margin: 0.131579rem 0.144737rem;
	font-size: 0.057895rem;
	border-radius: 0.065789rem;
	border:1px solid #7F96FE;
	cursor: pointer;
	-moz-transition:all .5s; /* Firefox 4 */
	-webkit-transition:all .5s; /* Safari and Chrome */
	-o-transition:all .5s; /* Opera */
	transition: all .5s;
}
.ds-content li:hover {
	background: rgba(255,255,255,0.5)
}




/* ----研发--------- */
.development {
	width: 100%;
	background: #fff;
	text-align: center;
	overflow: hidden;
	padding-bottom:0.131579rem;
}
.development .icon-dot {
	color: #014099;
}
.dl-title {
	color: #000;
	font-size: 0.065789rem;
	font-weight: bold;
	margin-bottom: 0.184211rem;
	margin-top:0.131579rem;
}
.dl-title p span {
	font-size: 0.047368rem;
}
.dl-title>* {
	display: inline-block;
	vertical-align: middle;
}
.dl-title img {
	width: 0.131579rem;
}
.dl-content li {
	width: 20%;
	display: inline-block;
	vertical-align: middle;
	margin:0 0.052632rem;    
	margin-bottom: 0.131579rem;
	background: #eee;
	box-shadow:0px 0px 1px #969696; 
	-moz-box-shadow:0px 0px 1px #969696;          /*firefox*/
    -webkit-box-shadow:0px 0px 1px #969696;      /*webkit*/
}

.dl-content li .dl-header {
	width: 100%;
	height: 0.184211rem;
	line-height: 0.184211rem;
	background:#25ABA8;
	font-size: 0.065789rem;
	color: #fff;
	margin-right: 0.052632rem;
}
.dl-content li .dl-header img {
	width: 0.131579rem;
}
.dl-content li:nth-child(2) .dl-header img {
	// width: 0.092105rem;
}
.dl-content li .dl-box {
	padding:0.052632rem;
	padding-left: 0.052632rem;
	color: #000;
	line-height: 0.065789rem;
	text-align: left;
	background: #fff;
}
.dl-box p {
	min-height: 0.065789rem;
	font-size: 0.036842rem;
}
.dl-content li .dl-header>*{
	vertical-align: middle;
}
.dl-content li:nth-child(2) .dl-header {
	background:#6981A2;
}
.dl-content li:nth-child(3) .dl-header {

	background:#8175A1;
}
.dl-content li:nth-child(4) .dl-header {
	background:#7DB359;
}


/* 运维 */
.peration {
	width: 100%;
	background: #EFEFF1;
	text-align: center;
	overflow: hidden;
	padding-bottom:0.131579rem;
	padding-top:0.131579rem;
}
.pt-title {
	color: #000;
	font-size: 0.065789rem;
	font-weight: bold;
	margin-bottom:0.078947rem;
}
.pt-title p span {
	font-size: 0.047368rem;
}
.pt-title>* {
	display: inline-block;
	vertical-align: middle;
}
.pt-title img {
	width: 0.078947rem;
}
.pt-content {
	margin-top: 0.210526rem;
	margin-bottom: 0.184211rem;
	overflow: hidden;
}
.pt-content img{
	width: 1.315789rem;
	position: relative;
}
.pt-content .left {
	float: left;
	margin-left:0.263158rem;
	left: -50%;
}
.pt-content .right {
	float: right;
	right: -50%;
}




/* 特色方案 */
.feature {
	width: 100%;
	background: #fff;
	text-align: center;
	overflow: hidden;
	padding-bottom:0.131579rem;
	padding-top: 0.131579rem
}
.feature .icon-dot {
	color: #000;
}
.ft-title {
	color: #000;
	font-size: 0.065789rem;
	font-weight: bold;
	margin-bottom:0.078947rem;
}
.ft-title p span {
	font-size: 0.047368rem;
}
.ft-title>* {
	display: inline-block;
	vertical-align: middle;
}
.ft-title img {
	width: 0.131579rem;
}
.ft-content {
	width: 2.631579rem;
	margin: 0 auto;
}
.ft-content li {
	width: 0.657895rem;
	height: 0.394737rem;
	margin:0.105263rem 0.052632rem;
	display: inline-block;
	border: 1px solid #ccc;
	background: #F9FAFC;
	text-align: center;
	vertical-align: middle;
	font-size: 0.036842rem;
}
.ft-content li .cover {
	width: 0.157895rem;
	height: 0.157895rem;
	text-align: center;
	background: #1D4568;
	border-radius:0.026316rem;
    vertical-align: middle;
    display: inline-block;
    position: relative;
}
.ft-box {
	-webkit-transform:translateY(-0.078947rem);
    -moz-transform:translateY(-0.078947rem);
    -ms-transform:translateY(-0.078947rem);
    -o-transform:translateY(-0.078947rem);
    transform:translateY(-0.078947rem);
}
.ft-content li .cover  img {
	width: 0.078947rem;
	position: absolute;
	top: 50%;left:50%;
	-webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);

}
.ft-content li button {
	margin-top:0.039474rem;
	width: 0.263158rem;
	height: 0.078947rem;
	line-height: 0.078947rem;
	background: #1D4568;
	color: #ccc;
	border:1px solid #ccc;
}
.ft-content li button:hover {
	color: #fff;
}

.ft-intro {
	margin-top:0.026316rem;
	line-height: 0.052632rem;
}
.ft-intro p:nth-child(1){
	font-size: 0.042105rem;
	color: #aaa;
}
.ft-intro p:nth-child(2){
	font-size: 0.031579rem;
	color: #1D4568;
	margin-top:0.039474rem;
}



/* 前沿技术 */
.technology {
	width: 100%;
	background: url(../image/bj_js.png) no-repeat center center;
	background-size: cover;
	text-align: center;
	overflow: hidden;
	padding-bottom:0.131579rem;
}
.tl-title {
	color: #000;
	font-size: 0.065789rem;
	font-weight: bold;
	margin-bottom:0.078947rem;
	margin-top: 0.131579rem;
}
.tl-title p span {
	font-size: 0.047368rem;
}
.tl-title>* {
	display: inline-block;
	vertical-align: middle;
}
.tl-title img {
	width: 0.131579rem;
}
.tl-content {
	width: 80%;
	margin: 0.078947rem auto;
}
.tl-content li {
	float: left;
	width: 0.263158rem;
	display: inline-block;
	margin:0.026316rem;
	position: relative;
	transition: all .5s;
}
.tl-content li i{
	position: absolute;
	right: 0.026316rem;top:0.026316rem;
	display: none;
}
.tl-content li img {
	width: 100%;
}

.tl-content li:hover{
	transform: translateY(-0.052632rem);
}


/* 经典案例 */
.case {
	width: 100%;
	background: #1D4568;
	text-align: center;
	overflow: hidden;
	padding-bottom:0.131579rem;
}
.cs-title {
	color: #fff;
	font-size: 0.065789rem;
	font-weight: bold;
	margin-bottom:0.078947rem;
	margin-top:0.131579rem;
}
.cs-title p span {
	font-size: 0.047368rem;
}
.cs-title>* {
	display: inline-block;
	vertical-align: middle;
}
.cs-title img {
	width: 0.131579rem;
}
.cs-content {
	margin-top: 0.157895rem;
	margin-bottom:0.157895rem;
}
.cs-content li {
	width: 0.315789rem;
	height: 0.105263rem;
	line-height: 0.105263rem;
	display: inline-block;
	margin:0 0.026316rem;
	border:1px solid #7F96FE;
	-moz-transition:all .5s; /* Firefox 4 */
	-webkit-transition:all .5s; /* Safari and Chrome */
	-o-transition:all .5s; /* Opera */
	transition: all .5s;
	cursor: pointer;
	color: #fff;
	font-size: 0.042105rem;
}
.cs-content .active {
	background: rgba(255,255,255,0.5);
	color: #000;
}
.cs-content li:hover {
	background: rgba(255,255,255,0.5);
	color: #000;
}

.cs-show {
	margin-top: 0.078947rem;
}
.cs-show img {
	// width: 20%;
	// margin: 0px 0.052632rem;
	// margin-top:0.078947rem;
	width: 100%;
	-moz-transition:all .5s; /* Firefox 4 */
	-webkit-transition:all .5s; /* Safari and Chrome */
	-o-transition:all .5s; /* Opera */
	transition: all 0.5s;
}
.cs-show .list {
	position: relative;
	display: inline-block;
	margin: 0 0.052632rem;
	width: 0.610526rem;
	transition: all 1s;
}
.cs-show .list .mask {
	position: absolute;
	width: 100%;
	height: 30%;
	bottom:0;left:0;
	background: rgba(0,0,0,0.8);
	border-bottom-left-radius: 0.105263rem;
	border-bottom-right-radius: 0.105263rem;
	display: none;
	// position: relative;
}

.cs-show .scale .mask {
	position: absolute;
	width: 100%;
	height: 20%;
	top:50%;left:0;
	-webkit-transform:translate(0, -50%);
    -moz-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    -o-transform:translate(0, -50%);
    transform:translate(0, -50%);
	background: rgba(0,0,0,0.8);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	display: none;
}

.cs-show .list .mask span {
	position: absolute;
	width: 100%;
	top:50%;left: 50%;
	padding: 0 0.052632rem;
	-webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

// .cs-show .phone:hover {
// 	transform: scale(1.5);
// 	z-index: 10;
// }

.cs-show .scale:hover {
	transform: scale(2.5);
	z-index: 10;
}
.cs-show .list:hover .mask {
	display: block;
	text-align: center;
	font-size: 0.052632rem;
	color: #fff;
}
// .cs-show img:hover {
// 	transform: scale(2)
// }


/* 服务流程 */
.server {
	position: absolute;
	width: 100%;
	left:50%;
	-webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
	top: 0.131579rem;
	text-align: center;
}

.sv-title {
	color: #000;
	font-size: 0.065789rem;
	font-weight: bold;
	margin-bottom:0.078947rem;
	margin-top: 0.105263rem;
}

.sv-title p span {
	font-size: 0.047368rem;
}
.sv-title>* {
	display: inline-block;
	vertical-align: middle;
}
.sv-title img {
	width: 0.157895rem;
}
.sv-line {
	width: 90%!important;
	position: absolute;
	bottom:0.315789rem;
	left:5%;
	left: -100%;
	// transform: translateX(-150%);
	z-index: 2;
}
.sv-img div{
	position: absolute;
	bottom: 0.394737rem;
	left:-100%;
}
// .sv-img div p {
// 	width: 100%;
// 	position: absolute;
// 	left:0;top:0;
// }
.sv-img div img {
	width: 0.315789rem;
	display: block;
}
.sv-img div:nth-child(1) {
	// left: 83px;
	// left: 0.218421rem;
}
.sv-img div:nth-child(2) {
	// left: 228px;
	// left: 0.6rem;
}
.sv-img div:nth-child(3) {
	// left: 366px;
	// left: 0.963158rem;
}
.sv-img div:nth-child(4) {
	// left: 510px;
	// left: 1.342105rem;
}
.sv-img div:nth-child(5) {
	// left: 654px;
	// left: 1.721053rem;
}
.sv-img div:nth-child(6) {
	// left: 801px;
	// left: 2.107895rem;
}
.sv-img div:nth-child(7) {
	// left: 940px;
	// left: 2.473684rem;
}
.sv-img div:nth-child(8) {
	// left:1084px;
	// left: 2.852633rem;
}
.sv-img div:nth-child(9) {
	// left:1228px;
	// left: 3.231579rem;
}






/* 合作伙伴 */
.partner {
	width: 100%;
	background: #eee;
	text-align: center;
	overflow: hidden;
	padding-bottom:0.131579rem;
}
.pn-title {
	color: #000;
	font-size: 0.065789rem;
	font-weight: bold;
	margin-bottom:0.078947rem;
	margin-top: 0.131579rem;
}

.pn-title p span {
	font-size: 0.047368rem;
}
.pn-title>* {
	display: inline-block;
	vertical-align: middle;
}
.pn-title img {
	width: 0.131579rem;
}

.pn-content {
	width: 80%;
	margin: 0.078947rem auto;
}
.pn-content li {
	float: left;
	width: 20%;
	display: inline-block;
	margin:0.013158rem 0;
}
.pn-content li img {
	width: 100%;
}

/* 二维码 */
.code {
	width: 100%;
	padding:0.157895rem;
	padding-bottom:0.210526rem;
	font-size:0.036842rem;
}
.code-box {
	text-align: center;
	position: relative;
}
.code-bg {
	width: 0.789474rem;
}
.code-ewm {
	width: 0.184211rem;
	position: absolute;
	top:0;left:50%;
	-webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.code p {
	position: absolute;
	bottom: 0.026316rem;left:50%;
	-webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    transform:translateX(-50%);
}