@charset "utf-8";

 /* 单屏滚动样式 */
.scrolls{
	position: fixed;
	width: .64rem;
	left: .6rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
	z-index: 999999;
}
.scrolls ul{
	width: 100%;
	height: 100%;
}
.scrolls ul li{
	width: 100%;
	padding-top: .1rem;
	box-sizing: border-box;
}
.scrolls ul li span{
	display: block;
	width: .03rem;
	height: .4rem;
	background-color: #fff;
	margin: 0 auto;
}
.scrolls ul li div{
	width: .26rem;
	height: .26rem;
	margin:0 auto .1rem;
	text-align: center;
	line-height: .24rem;
	border-radius: 50%;
	border: .02rem dashed transparent;
	color: #fff;
	font-size: .2rem;
}
.scrolls ul li div.active{
	color: #fff;
	border: .02rem dashed #fff;
}
.scrolls ul .firstlis .firstSpan{
	margin-bottom: .1rem;
}

.scrollToTop{
	width: .9rem;
	position: fixed;
	right: .55rem;
	bottom: .9rem;
	min-height: 2rem;
	z-index: 111;
}

.scrollToTop ul{
	width: 100%;
}
.scrollToTop ul li{
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	background-color: #535353;
	margin: 0 auto .24rem;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.scrollToTop ul .big{
	width: .9rem;
	height: .9rem;
}
.scrollToTop ul .big a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 1.18rem;
}
.scrollToTop ul .ewm,.scrollToTop ul .call{
	position: relative;
}

.scrollToTop ul .ewm .emrCont{
	position: absolute;
	left: -1.8rem;
	top: 50%;
	margin-top: -.73rem;
	width: 1.63rem;
	height: 1.46rem;
	background: url('../image/images/emrCont.png') no-repeat;
	background-size: 100% 100%;
	-webkit-transition: .45s;
	   -moz-transition: .45s;
	    -ms-transition: .45s;
	     -o-transition: .45s;
	        transition: .45s;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
}

.scrollToTop ul .ewm:hover .emrCont{
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}

.scrollToTop ul .call .callCont{
	position: absolute;
	left: -2.4rem;
	top: 50%;
	width: 2.23rem;
	height: .51rem;
	margin-top: -.255rem;
	line-height: .51rem;
	text-align: left;
	padding-left: .2rem;
	box-sizing: border-box;
	background: url('../image/images/callCont.png') no-repeat;
	background-size: 100% 100%;
	color: #1A428F;
	font-size: .28rem;
	-webkit-transition: .45s;
	   -moz-transition: .45s;
	    -ms-transition: .45s;
	     -o-transition: .45s;
	        transition: .45s;
	-webkit-transform: scale(0);
	   -moz-transform: scale(0);
	    -ms-transform: scale(0);
	     -o-transform: scale(0);
	        transform: scale(0);
}

.scrollToTop ul .call:hover .callCont{
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	     -o-transform: scale(1);
	        transform: scale(1);
}

.scrollToTop ul li img{
	width: 40%;
}
.warp{
	width: 100vw;
	height: 100vh;
	/* overflow: hidden; */
	position: relative;
}

/* 单屏外层元素样式 */
.wrapList{
	width: 100vw;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}
.wrapList>li{
	width: 100vw;
	height: 100vh;
}

/* 首页头部 轮播 */
.indexBanner{
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
}
/* .fixednav{
	position: fixed;
	width: 100vw;
	left: 0;
	top: 0; 
	z-index: 999999;
}
.fixednav .ttyu-nav{
	z-index: 999999;
} */

.indexBanner ul{
	width: 400vw;
	height: 100vh;
	position: relative;
	left: 0;
	top: 0;
}
.indexBanner ul li{
	width: 100vw;
	height: 100vh;
	position: relative;
	z-index: 1;
	float: left;
}
.indexBanner ul .bannerbg1 #particles-js{
	width: 100vw;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
.indexBanner ul .bannerbg1 .banCont{
	width:6.5rem;
	height: 3.5rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left:-3.25rem;
	margin-top: -1.75rem;
	z-index: 100;
	text-align: center;
	z-index: 10;
}
.indexBanner ul .bannerbg1 .banCont .banCont1{
	font-size: .72rem;
	color: #fff;
	margin-bottom: .4rem;
}
.indexBanner ul .bannerbg1 .banCont 
.indexBanner ul .bannerbg1 .banCont .{
	width: 5.13rem;
	height: .97rem;
	margin: 0 auto 0;
}
.indexBanner ul .bannerbg1 .banCont img{
	width: 100%;
}
.indexBanner ul .bannerbg1 .banCont .banCont2{
	color: #fff;
	font-size: .28rem;
	margin-top: .24rem;
}
.indexBanner ul .bannerbg2{
	background: url('../image/images/banner2.png') no-repeat;
	background-size: 100% 100%;
}
.indexBanner ul .bannerbg2 .banCont{
	width: 5.3rem;
	height: 5.2rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -2.65rem;
	margin-top: -2.6rem;
	background: url('../image/images/banner2bg.png') no-repeat;
	background-size: 100% 100%;
	text-align: center;
}
.indexBanner ul .bannerbg2 .banCont p{
	font-size: .28rem;
	color: #fff;
	margin-bottom: .49rem;
}
.indexBanner ul .bannerbg2 .banCont h2{
	font-size: .96rem;
	color: #fff;
	margin-bottom: .49rem;
}
.indexBanner ul .bannerbg2 .banCont .p1{
	margin-top: 1.2rem;
}
.indexBanner ul .bannerbg3{
	background: url('../image/images/banner3.png') no-repeat;
	background-size: 100% 100%;
}
.indexBanner ul .bannerbg3 .banCont{
	width: 10.7rem;
	height: 6rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5.35rem;
	margin-top: -3rem;
	background: url('../image/images/banner3bg.png') no-repeat;
	background-size: 102% 103.5%;
	text-align: center;
	border: .02rem dashed rgb(28,171,223);
	background-position: -.1rem -.1rem;
}
.indexBanner ul .bannerbg3 .banCont .bancontBorder{
	width: 100%;
	height: 100%;
	margin-left: .8rem;
	margin-top: .8rem;
	border: .04rem dashed rgb(28,171,223);
	padding: .3rem;
	box-sizing: border-box;
	text-align: left;
}
.indexBanner ul .bannerbg3 .banCont .bancontBorder h2{
	font-size: .96rem;
	color: #fff;
	margin-bottom: .2rem;
	letter-spacing: 2px;
}
.indexBanner ul .bannerbg3 .banCont .bancontBorder p{
	font-size: .48rem;
	color: #fff;
	margin-bottom: .5rem;
	letter-spacing: 2px;
	padding-left: .2rem;
	box-sizing: border-box;
}
.indexBanner ul .bannerbg3 .banCont .bancontBorder span{
	font-size: .28rem;
	color: #fff;
	letter-spacing: 2px;
	display: block;
	padding-left: .2rem;
	box-sizing: border-box;
	margin-bottom: .1rem;
}
.indexBanner ul .bannerbg4{
	background: url('../image/images/banner4.png') no-repeat;
	background-size: 100% 100%;
}
.indexBanner ul .bannerbg4 .banCont{
	width: 9.6rem;
	height: 5.5rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -4.3rem;
	margin-top: -2rem;
	text-align: center;
	border: .03rem dashed rgb(29,68,141);
	padding-right: .66rem;
	box-sizing: border-box;
}
.indexBanner ul .bannerbg4 .banCont p{
	font-size: .64rem;
	color: #fff;
	padding: 0;
	margin-bottom:.2rem;
	text-align: center;
}
.indexBanner ul .bannerbg4 .banCont h2{
	font-size: .96rem;
	color: rgb(26, 66, 143);
	margin-bottom: .2rem;
}


/* 焦点按钮 */
.fureList{
	position: absolute;
	left: 50%;
	bottom: 1.4rem;
	z-index: 200;
	height: .2rem;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.fureList li{
	width: .4rem;
	height: .2rem;
	border-radius: .05rem;
	background-color: rgba(156,163,184, .5);
	float: left;
	margin: 0 .05rem;
	-webkit-transition:.25s ease-in-out;
	   -moz-transition:.25s ease-in-out;
	    -ms-transition:.25s ease-in-out;
	     -o-transition:.25s ease-in-out;
	        transition:.25s ease-in-out;
	 cursor: pointer;
}
.fureList .active{
	width: .7rem;
}

/* 首屏样式结束 */


/* 单屏顶部标题 公共样式 */
.headTitle{
	width: 3.26rem;
	margin: 0 auto 0;
}
.headTitle h2{
	color: #1A428F;
	font-size: .48rem;
}
.headTitle span{
	display: block;
	width: 100%;
	margin: 0 auto .12rem;
	height: .02rem;	
	border-radius: 80%;
	background: -webkit-linear-gradient(left,rgba(29,68,141,0),rgba(29,68,141,1),rgba(29,68,141,0));
	background: -moz-linear-gradient(left,rgba(29,68,141,0),rgba(29,68,141,1),rgba(29,68,141,0));
	background: -ms-linear-gradient(left,rgba(29,68,141,0),rgba(29,68,141,1),rgba(29,68,141,0));
	background: -o-linear-gradient(left,rgba(29,68,141,0),rgba(29,68,141,1),rgba(29,68,141,0));
	background: linear-gradient(left,rgba(29,68,141,0),rgba(29,68,141,1),rgba(29,68,141,0));
}
.headTitle p{
	font-size: .36rem;
	color: #252525;
	text-align: center;
}
/* 单屏顶部标题结束 */



/* 第二屏 我们的优势部分 */

.advantage{
	width: 100%;
	height: 100%;
	background: url('../image/images/bg2.png') no-repeat;
	background-size: 100% 100%;
	padding-top: 1rem;
	box-sizing: border-box;
}

.advantagetext{
	margin: .18rem auto .6rem;
	width: 2.4rem;
	text-align: center;
}
.advantagetext p{
	font-size: .36rem;
	color: #1A428F;
}
.advantagetext span{
	width: .16rem;
	height: .49rem;
	display: block;
	background: url('../image/myys/dtz.png') no-repeat;
	background-size: 100% 100%;
	margin: .12rem auto .15rem;
}
.advantagetext a{
	font-size: .32rem;
	line-height: .42rem;
	color: #252525;
}
.advantageList{
	width: 12.4rem;
	height: 2.85rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}
.advantageList li,.advantageList li figure{
	width: 2.02rem;
	height: 2.85rem;
	display: block;
}
.advantageList li figure img{
	width: 1.8rem;
	height: 1.8rem;
	border-radius: 50%;
	display: block;
	margin: 0 auto .35rem;
	-webkit-transition: .45s;
	   -moz-transition: .45s;
	    -ms-transition: .45s;
	     -o-transition: .45s;
	        transition: .45s;
}
.advantageList li figure figcaption{
	font-size: .28rem;
	color: #252525;
	text-align: center;
	display: block;
	-webkit-transition: .45s;
    -moz-transition: .45s;
    -ms-transition: .45s;
    -o-transition: .45s;
}
.advantageList li figure:hover img{
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
	    -ms-transform: rotateY(180deg);
	     -o-transform: rotateY(180deg);
	        transform: rotateY(180deg);
}
.advantageList li figure:hover figcaption{
	color: #1A428F;
}

/* 第三屏 行业解决方案 */

.solution{
	width: 100vw;
	height: 100vh;
	background-color: #fff;
	padding-top: 1rem;
	box-sizing: border-box;
}
.solutionTit{
	width:2.57rem;
	margin-bottom: .4rem;
}
.solutionList{
	width: 100%;
	padding-left: .1rem;
	box-sizing: border-box;
	overflow: hidden;
}

.solutionList li{
	width: 3.6rem;
	height: 2.7rem;
	margin: .1rem;
	float: left;
	position: relative;
}
.solutionList .solus1{
	background: url('../image/solution/jiaoyu.png') no-repeat;
	background-size: 100% 100%;
}
.solutionList .solus1 span{
	background: url('../image/solution/jiaoyuioc.png') no-repeat;
	background-size: 100% 100%;
}
.solutionList .solus2{
	background: url('../image/solution/yiliao.png') no-repeat;
	background-size: 100% 100%;
}
.solutionList .solus2 span{
	background: url('../image/solution/yiliaoioc.png') no-repeat;
	background-size: 100% 100%;
}

.solutionList .solus3{
	background: url('../image/solution/shequ.png') no-repeat;
	background-size: 100% 100%;
}
.solutionList .solus3 span{
	background: url('../image/solution/shequioc.png') no-repeat;
	background-size: 100% 100%;
}

.solutionList .solus4{
	background: url('../image/solution/jiaotong.png') no-repeat;
	background-size: 100% 100%;
}
.solutionList .solus4 span{
	background: url('../image/solution/jiaotongioc.png') no-repeat;
	background-size: 100% 100%;
}

.solutionList .solus5{
	background: url('../image/solution/anfang.png') no-repeat;
	background-size: 100% 100%;
}
.solutionList .solus5 span{
	background: url('../image/solution/anfangioc.png') no-repeat;
	background-size: 100% 100%;
}

.solutionList .solus6{
	background: url('../image/solution/wuliu.png') no-repeat;
	background-size: 100% 100%;
}
.solutionList .solus6 span{
	background: url('../image/solution/wuliuioc.png') no-repeat;
	background-size: 100% 100%;
}

.solutionList .solus7{
	background: url('../image/solution/yinshua.png') no-repeat;
	background-size: 100% 100%;
}
.solutionList .solus7 span{
	background: url('../image/solution/yinshuaioc.png') no-repeat;
	background-size: 100% 100%;
}

.solutionList .solus8{
	background: url('../image/solution/cangchu.png') no-repeat;
	background-size: 100% 100%;
}
.solutionList .solus8 span{
	background: url('../image/solution/cangchuioc.png') no-repeat;
	background-size: 100% 100%;
}

.solutionList .solus9{
	background: url('../image/solution/shengxian.png') no-repeat;
	background-size: 100% 100%;
}
.solutionList .solus9 span{
	background: url('../image/solution/shengxianioc.png') no-repeat;
	background-size: 100% 100%;
}

.solutionList .solus10{
	background: url('../image/solution/jinrong.png') no-repeat;
	background-size: 100% 100%;
}
.solutionList .solus10 span{
	background: url('../image/solution/jinrongioc.png') no-repeat;
	background-size: 100% 100%;
}

.solutionList li div{
	background-color: rgba(35,76,135,.5);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: .45s;
	   -moz-transition: .45s;
	    -ms-transition: .45s;
	     -o-transition: .45s;
	        transition: .45s;
}

.solutionList li span{
	display: block;
	margin: .54rem auto .39rem;
	width: .64rem;
	height: .64rem;
}

.solutionList li p{
	color: #fff;
	font-size: .24rem;
	text-align: center;
	opacity: 1;
	position: relative;
}
.solutionList li p i{
	opacity: 1;
	font-style: normal;
	-webkit-transition: .45s;
	   -moz-transition: .45s;
	    -ms-transition: .45s;
	     -o-transition: .45s;
	        transition: .45s;
}
.solutionList li a{
	color: #fff;
	font-size: .24rem;
	text-align: center;
	opacity: 1;
	display: block;
	width: 1.62rem;
	height: .4rem;
	line-height: .38rem;
	text-align: center;
	border-radius: .05rem;
	border: .02rem solid #fff;
	margin: 0 auto;
	font-style: normal;
	position: absolute;
	left: 50%;
	margin-left: -.81rem;
	top: 0;
	box-sizing: border-box;
	opacity: 0;
	-webkit-transition: .45s;
	   -moz-transition: .45s;
	    -ms-transition: .45s;
	     -o-transition: .45s;
	        transition: .45s;
}
.solutionList li:hover div{
	background-color: rgba(35,76,135,.9);
}
.solutionList li:hover i{
	opacity: 0;
}

.solutionList li:hover a{
	opacity: 1;
}


/* 第四屏 成功案例 */

.case{
	width: 100%;
	height: 100%;
	background-color: #fff;
	padding-top: 1rem;
	box-sizing: border-box;
}
.case .headTitle.caseTit{
	width: 4.78rem;
} 
.case .caseTit h2{
	width: 100%;
}
.caseList{
	width: 13.52rem;
	margin: .2rem auto 0;
	overflow: hidden;
}
.caseList .caseFure{
	width:12.8rem;
	margin: 0 auto .2rem;
	height: .6rem;
	line-height: .6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.caseList .caseFure li{
	display: block;
	height: 100%;
	text-align: center;
	position: relative;
}

.caseList .caseFure li a{
	font-size: .28rem;
	color: #252525;
}

.caseList .caseFure li.active span{
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 1.11rem;
	height: .12rem;
	margin-left: -.555rem;
	background: url('../image/casetable/lineSub.png') no-repeat;
	background-size: 100% 100%;
}
.caseListConts{
	width: 13.52rem;
	height: 6rem;
	position: relative;
}

.caseListConts ul{
	width: 100%;
	display: block;
	width: 100%;
	height: 5.16rem;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-transition:.45s;
	   -moz-transition:.45s;
	    -ms-transition:.45s;
	     -o-transition:.45s;
	        transition:.45s;
}

.caseListConts .app{
	width: 100%;
}
.caseListConts ul li{
	width: 3.18rem;
	height: 2.38rem;
	margin: .1rem;
	float: left;
	position: relative;
}
.caseListConts .app .cases1{
	background: url('../image/casetable/snyj.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .app .cases2{
	background: url('../image/casetable/nytgj.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .app .cases3{
	background: url('../image/casetable/zhyq.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .app .cases4{
	background: url('../image/casetable/yqf.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .app .cases5{
	background: url('../image/casetable/qbl.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .app .cases6{
	background: url('../image/casetable/htfx.png') no-repeat;
	background-size: 100% 100%;
}
.caseListConts ul li div{
	background-color: rgba(35,76,135,.8);
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	opacity: 0;
	padding: .3rem;
	text-align: center;
	box-sizing: border-box;
	-webkit-transition:.45s;
	   -moz-transition:.45s;
	    -ms-transition:.45s;
	     -o-transition:.45s;
	        transition:.45s;
}
.caseListConts ul li div span{
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: inherit;
	-webkit-transition:.45s;
	   -moz-transition:.45s;
	    -ms-transition:.45s;
	     -o-transition:.45s;
	        transition:.45s;
}
.caseListConts ul li div:hover span{
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	     -o-transform: translate(0,0);
	        transform: translate(0,0);
}
.caseListConts ul li div:hover{
	opacity: 1;
}

.caseListConts ul li div .bor1{
	left: 0;
	top: .2rem;
	-webkit-transform: translateX(3.6rem);
	   -moz-transform: translateX(3.6rem);
	    -ms-transform: translateX(3.6rem);
	     -o-transform: translateX(3.6rem);
	        transform: translateX(3.6rem);
}
.caseListConts ul li div .bor2{
	left: 0;
	bottom: .2rem;
	-webkit-transform: translateX(-3.6rem);
	   -moz-transform: translateX(-3.6rem);
	    -ms-transform: translateX(-3.6rem);
	     -o-transform: translateX(-3.6rem);
	        transform: translateX(-3.6rem);
}
.caseListConts ul li div .bor3{
	height: 100%;
	width: 2px;
	left: .2rem;
	top: 0;
	-webkit-transform: translateY(-2.7rem);
	   -moz-transform: translateY(-2.7rem);
	    -ms-transform: translateY(-2.7rem);
	     -o-transform: translateY(-2.7rem);
	        transform: translateY(-2.7rem);
}
.caseListConts ul li div .bor4{
	height: 100%;
	width: 2px;
	right: .2rem;
	bottom: 0;
	-webkit-transform: translateY(2.7rem);
	   -moz-transform: translateY(2.7rem);
	    -ms-transform: translateY(2.7rem);
	     -o-transform: translateY(2.7rem);
	        transform: translateY(2.7rem);
}


.caseListConts ul li h2{
	font-size: .32rem;
	height: .32rem;
	margin-bottom: .24rem;
	color: #fff;
	/* margin-top: .3rem; */
}

.caseListConts ul li p{
	font-size: .2rem;
	line-height: .3rem;
	height: .6rem;
	overflow: hidden;
	color: #fff;
	margin-bottom: .15rem;
}

.caseListConts ul li a{
	font-size: .22rem;
	color: #fff;
	display: inline-block;
	border: .01rem solid #fff;
	border-radius: .05rem;
	padding: .1rem .2rem;
	box-sizing: border-box;
	height: .4rem;
	line-height: .21rem;
	margin: 0 auto;
}

.caseListConts .windows .cases1{
	background: url('../image/casetable/spzs.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .windows .cases2{
	background: url('../image/casetable/ttyu.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .windows .cases3{
	background: url('../image/casetable/erp.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .windows .cases4{
	background: url('../image/casetable/oa.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .windows .cases5{
	background: url('../image/casetable/yinshua.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .windows .cases6{
	background: url('../image/casetable/zhyqy.png') no-repeat;
	background-size: 100% 100%;
}


.caseListConts .xcx .cases1{
	background: url('../image/casetable/tsmy.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .xcx .cases2{
	background: url('../image/casetable/qyy.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .xcx .cases3{
	background: url('../image/casetable/lxgj.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .xcx .cases4{
	background: url('../image/casetable/kjy.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .gzh .cases1{
	background: url('../image/casetable/ysmd.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .gzh .cases2{
	background: url('../image/casetable/hx.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .gzh .cases3{
	background: url('../image/casetable/ywwy.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .gzh .cases4{
	background: url('../image/casetable/hsy.png') no-repeat;
	background-size: 100% 100%;
}


.caseListConts .web .cases1{
	background: url('../image/casetable/fqhy.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts .web .cases2{
	background: url('../image/casetable/gwb.png') no-repeat;
	background-size: 100% 100%;
}
.caseListConts .web .cases3{
	background: url('../image/casetable/maiou.png') no-repeat;
	background-size: 100% 100%;
}
.caseListConts .web .cases4{
	background: url('../image/casetable/zqing.png') no-repeat;
	background-size: 100% 100%;
}

.caseListConts ul.active{
	opacity: 1;
	z-index: 10;
}


/* 第五屏  我们的服务 */

.service{
	padding-top: 1rem;
	box-sizing: border-box;
	background-color: #fff;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.service .serviceTit{
	width: 2rem;
}

.services{
	width: 13rem;
	height: 4.16rem;
	margin: 0rem auto 0;
	background: url('../image/service/liantiaobg.png') no-repeat;
	background-size: 100% 100%;
	border-top: 1px solid transparent;
	-webkit-transition: .45s;
	   -moz-transition: .45s;
	    -ms-transition: .45s;
	     -o-transition: .45s;
	        transition: .45s;
	-webkit-transform: translateY(-10rem);
	   -moz-transform: translateY(-10rem);
	    -ms-transform: translateY(-10rem);
	     -o-transform: translateY(-10rem);
	        transform: translateY(-10rem);
}
.services ul{
	width: 10.34rem;
	height: 2.8rem;
	margin-left: 1.36rem;
	margin-top: .44rem;
	background: url('../image/service/serviceIocn.png') no-repeat;
	background-size: 100% 100%;
	position: relative;
	-webkit-transition: .45s;
	   -moz-transition: .45s;
	    -ms-transition: .45s;
	     -o-transition: .45s;
	        transition: .45s;
	-webkit-transform: translateY(10rem);
	   -moz-transform: translateY(10rem);
	    -ms-transform: translateY(10rem);
	     -o-transform: translateY(10rem);
	        transform: translateY(10rem);
}

.services ul li{
	position: absolute;
	right: 10000rem;
	-webkit-transition: .45s;
	   -moz-transition: .45s;
	    -ms-transition: .45s;
	     -o-transition: .45s;
	        transition: .45s;
}
.services ul li h2{
	font-size: .28rem;
    color: #1A428F;
}

.services ul li p{
	font-size: .18rem;
    color: #252525;
}


.services ul .services1{
	border-right: .02rem dashed rgb(51,99,163);
    border-top: .02rem dashed rgb(51,99,163);
    text-align: right;
    padding-top: .16rem;
    padding-right:.16rem;
    box-sizing: border-box;
    height: 1.34rem;
    width: 2.35rem;
	left: -1.7rem;
	top: -.4rem;
	-webkit-transform: translateX(-10rem);
	   -moz-transform: translateX(-10rem);
	    -ms-transform: translateX(-10rem);
	     -o-transform: translateX(-10rem);
	        transform: translateX(-10rem);
}

.services ul .services2{
	border-left: .02rem dashed rgb(51,99,163);
    border-bottom: .02rem dashed rgb(51,99,163);
    text-align: left;
    padding-bottom: .16rem;
    padding-left:.16rem;
    box-sizing: border-box;
    width: 1.5rem;
    height: 1.3rem;
	left: 0rem;
	bottom: -2.4rem;
	-webkit-transform: translateX(-10rem);
	   -moz-transform: translateX(-10rem);
	    -ms-transform: translateX(-10rem);
	     -o-transform: translateX(-10rem);
	        transform: translateX(-10rem);
}

.services ul .services3{
	border-left: .02rem dashed rgb(51,99,163);
    border-bottom: .02rem dashed rgb(51,99,163);
    text-align: left;
    padding-bottom: .16rem;
    padding-left:.16rem;
    box-sizing: border-box;
    width: 2.88rem;
    height:1.3rem;
	left: 2.1rem;
	bottom: -1.8rem;
	-webkit-transform: translateX(-10rem);
	   -moz-transform: translateX(-10rem);
	    -ms-transform: translateX(-10rem);
	     -o-transform: translateX(-10rem);
	        transform: translateX(-10rem);
}

.services ul .services4{
	border-left: .02rem dashed rgb(51,99,163);
    border-bottom: .02rem dashed rgb(51,99,163);
    text-align: left;
    padding-bottom: .16rem;
    padding-left:.16rem;
    box-sizing: border-box;
    width: 1.8rem;
    height: 1.3rem;
	left: 5.6rem;
	bottom: -1rem;
	-webkit-transform: translateX(10rem);
	   -moz-transform: translateX(10rem);
	    -ms-transform: translateX(10rem);
	     -o-transform: translateX(10rem);
	        transform: translateX(10rem);
}

.services ul .services5{
	border-left: .02rem dashed rgb(51,99,163);
    border-bottom: .02rem dashed rgb(51,99,163);
    text-align: left;
    padding-bottom: .16rem;
    padding-left:.16rem;
    box-sizing: border-box;
    width: 1.84rem;
    height: 1.3rem;
	left: 8rem;
	bottom: -.4rem;
	-webkit-transform: translateX(10rem);
	   -moz-transform: translateX(10rem);
	    -ms-transform: translateX(10rem);
	     -o-transform: translateX(10rem);
	        transform: translateX(10rem);
}

.services ul .services6{
	border-left: .02rem dashed rgb(51,99,163);
    border-bottom: .02rem dashed rgb(51,99,163);
    text-align: left;
    padding-bottom: .16rem;
    padding-left:.16rem;
    box-sizing: border-box;
    width: 2.2rem;
    height: 1.31rem;
	left: 10.26rem;
	bottom: .2rem;
	-webkit-transform: translateX(10rem);
	   -moz-transform: translateX(10rem);
	    -ms-transform: translateX(10rem);
	     -o-transform: translateX(10rem);
	        transform: translateX(10rem);
}

/* .service .footerbg{
	position: absolute;
	width: 100%;
	height: 1.43rem;
	left: 0;
	bottom: 0;
	background: url('../image/service/footerbg.png') no-repeat;
	background-size: 100% 100%;
}
 */


/* 第六屏  关于我们 */

.about{
	width: 100vw;
	height: 100vh;
	background: url('../image/about/gygsbg.png') no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.about h2{
	margin-top: 1.5rem;
	margin-left: 10.11rem;
	display: inline-block;
	font-size: .48rem;
	color: #fff;
	margin-bottom: .86rem;
}
.about p{
	display: inline-block;
	margin-left: 7.2rem;
	margin-right: 4.1rem;
}
.about p span{
	font-size: .24rem;
	line-height: .42rem;
	color: #fff;
	text-indent: .48rem;
	display: block;
}

.about i{
	width: .57rem;
	height: 4.43rem;
	display: block;
	position: absolute;
	right: 2.5rem;
	top: 0;
	background: url('../image/about/aboutUs.png') no-repeat;
	background-size: 100% 100%;
}


/* 第七屏 合作伙伴 */


.partner{
	width: 100vw;
	height: 100vh;
	background: #fff;
	padding-top: 1rem;
	box-sizing: border-box;
}
.partner .partnerTit{
	width: 6.05rem;
}
.partner .partnerTit p{
	color: #252525;
	opacity: .8;
}

.partner ul{
	width: 13.4rem;
	height: 5.36rem;
	margin: .6rem auto 0;
}

.partner ul li{
	width: 2.6rem;
	height: 2.6rem;
	margin: .04rem;
	float: left;
	position: relative;
    perspective: 500px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px dashed rgba(37, 37, 37, .4);
	box-sizing: border-box;
}
.partner ul li div{
	width: 100%;
	height: 100%;
	position: relative;
	/* left: 0;
	top: 0; */
	z-index: 2;
	background-color: transparent;
	-webkit-transition: .45s;
	   -moz-transition: .45s;
	    -ms-transition: .45s;
	     -o-transition: .45s;
	        transition: .45s;

}
.partner ul li .part1{
	width: 100%;
}
.partner ul li .part2{
	width: 0;
	-webkit-transform: rotateY(90deg);
	   -moz-transform: rotateY(90deg);
	    -ms-transform: rotateY(90deg);
	     -o-transform: rotateY(90deg);
	        transform: rotateY(90deg);
}
.partner ul li:hover .part1{
	width: 0;
	-webkit-transform: rotateY(-90deg);
	   -moz-transform: rotateY(-90deg);
	    -ms-transform: rotateY(-90deg);
	     -o-transform: rotateY(-90deg);
	        transform: rotateY(-90deg);
	
}

.partner ul li:hover .part2{
	width: 100%;
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
	    -ms-transform: rotateY(0deg);
	     -o-transform: rotateY(0deg);
	        transform: rotateY(0deg);
}


.partner ul .partlis1 .part1{
	background: url('../image/partner/1.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis1 .part2{
	background: url('../image/partner/1_1.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis2 .part1{
	background: url('../image/partner/2.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis2 .part2{
	background: url('../image/partner/2_1.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis3 .part1{
	background: url('../image/partner/3.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis3 .part2{
	background: url('../image/partner/3_1.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis4 .part1{
	background: url('../image/partner/4.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis4 .part2{
	background: url('../image/partner/4_1.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis5 .part1{
	background: url('../image/partner/5.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis5 .part2{
	background: url('../image/partner/5_1.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis6 .part1{
	background: url('../image/partner/6.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis6 .part2{
	background: url('../image/partner/6_1.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis7 .part1{
	background: url('../image/partner/7.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis7 .part2{
	background: url('../image/partner/7_1.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis8 .part1{
	background: url('../image/partner/8.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis8 .part2{
	background: url('../image/partner/8_1.png') no-repeat;
	background-size: 100% 100%;
}


.partner ul .partlis9 .part1{
	background: url('../image/partner/9.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis9 .part2{
	background: url('../image/partner/9_1.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis10 .part1{
	background: url('../image/partner/10.png') no-repeat;
	background-size: 100% 100%;
}

.partner ul .partlis10 .part2{
	background: url('../image/partner/10_1.png') no-repeat;
	background-size: 100% 100%;
}


/* 首页最后一屏 底部内容footer */

.Contact{
	width: 100vw;
	height: 100vh;
	background: url('../image/Contact/contactbg.png') no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.ContactMain{
	width: 13rem;
	height: 4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.emr{
	width: 1.53rem;
	height: 3.24rem;
	text-align: center;
}

.emr a{
	display: block;
	width: 1.53rem;
	height: 2.76rem;
	background: url('../image/Contact/ttyuemr.png') no-repeat;
	background-size: 100% 100%;
	margin-bottom: .24rem;
}
.emr span{
	color: #fff;
	font-size: .24rem;
}

.contacts{
	width: 5.53rem;
	height: 3.24rem;
	padding:.43rem 0 0 0;
	box-sizing: border-box; 
	margin-left: .4rem;	
}
.clumnline{
	width: 2px;
	height: 2rem;
	border-radius: 80%;
	margin-left: .4rem;	
	background: -webkit-linear-gradient(left,rgba(29,68,141,0),rgba(29,68,141,1),rgba(29,68,141,0));
	background: -moz-linear-gradient(left,rgba(29,68,141,0),rgba(29,68,141,1),rgba(29,68,141,0));
	background: -ms-linear-gradient(left,rgba(29,68,141,0),rgba(29,68,141,1),rgba(29,68,141,0));
	background: -o-linear-gradient(left,rgba(29,68,141,0),rgba(29,68,141,1),rgba(29,68,141,0));
	background: linear-gradient(left,rgba(29,68,141,0),rgba(29,68,141,1),rgba(29,68,141,0));
}
.contacts li{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: .48rem;
	margin-bottom: .5rem;
}
.contacts li span{
	display: block;
	width: .48rem;
	height: .48rem;
	margin-right: .25rem;
}

.map{
	width: 4.78rem;
	height: 3.24rem;
	background:url('../image/Contact/positionMap.png') no-repeat;
	background-size: 100% 100%;	
}
.contacts li .call{
	background: url('../image/Contact/phone.png') no-repeat;
	background-size: 100% 100%;
}

.contacts li .email{
	background: url('../image/Contact/email.png') no-repeat;
	background-size: 100% 100%;
}
.contacts li .add{
	background: url('../image/Contact/position.png') no-repeat;
	background-size: 100% 100%;
}

.contacts li a{
	font-size: .28rem;
	display: block;
	height: .48rem;
	line-height: .48rem;
	color: #fff;
}




.contactFooter{
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: center;
	width: 100%;
	padding-bottom: .85rem;
	box-sizing: border-box;
}


.contactFooter a{
	color: #fff;
	font-size: .18rem;
	text-align: center;
}