body {
	font-size: 14px;
}


.main-top {
	width: 1240px;
	height: 260px;
	margin: 0 auto;
	/*margin-top: -110px;*/
	position: relative;
	z-index: 9;
}

.main-top ul li {
	float: left;
	width: 300px;
	height: 200px;
	padding-top: 30px;
	/*background: url(../Images/maintop-bg.png ) 0 0 no-repeat;*/
	margin: 0 5px;
	text-align: center;
	/*transition: all .3s ease 0s*/
}

.main-top ul li p span:nth-child(1) {
	font-size: 60px;
	color: #4751bc;
	position: relative;
}

.main-top ul li p span:nth-child(2) {
	position: relative;
    top: 11px;
    left: 5px;
    color: #4751BC;
    vertical-align: 40px;
    font-size: 20px;
    font-weight: bold;
}

.main-top ul li p {
	font-size: 20px;
	color: #6F6F6F;
	padding-top: 10px;
}

/*.main-top ul li:hover {
	transform: translateY(-20px);
	cursor: pointer;
	background: url(../Images/maintop-bg-hover.png ) 0 0 no-repeat;
	position: relative;
}*/

/*.main-top ul li:hover h2,
.main-top ul li:hover p {
	color: #fff
}*/

.about-bg {
	height: auto;
	background: url(../Images/num-bg.png) center 0 no-repeat;
	background-size: 100% 100%;
}

.about {
	width: 1200px;
	height: 629px;
	padding-top: 90px;
	margin: 0 auto;
	position: relative;
	/*background: url(../Images/index-about-img.png ) right center no-repeat*/
}

.index-tit {
	margin-bottom: 50px;
}

.index-tit h2 {
	font-size: 30px;
	padding-right: 120px;
	background: url(../Images/tit-bg1.png ) 135px 9px no-repeat
}

.index-tit P {
	font-size: 18px;
	color: #7a7a7a;
	padding-top: 10px;
}

.about-list ul {
	height: 60px;
}

.about-list ul li {
	float: left;
	font-size: 18px;
	padding: 6px 10px;
	margin-right: 23px;
	border: 1px solid #654bbc
}

.solution-bg {
	height: 810px;
}

.solution {
	height: 828px;
	width: 1200px;
	margin: 0 auto;
	padding-top: 100px;
}

.solution-list {
	margin-top: 40px;
	display: flex;
	justify-content: space-between;
}
.listCase-scene{
	width: 300px !important;
	border-radius: initial !important;
	position: relative;
}
.listCase-scene img{
	width: 100% !important;
	margin: 0 !important;
}
.scene-img{	
	transform: rotateY(0);
	transition: all .5s ease-in-out 0s
}
.scene-text{
	visibility: hidden;
	background: rgba(63,104,214,0.8) !important;
	transition: all .5s ease-in-out 0s;
	transform: rotateY(90deg);
}
.listCase-scene:hover{
	transform: scale(1) !important;
}
.listCase-scene:hover .scene-img{
	transform: rotateY(-90deg)
}
.listCase-scene:hover .scene-text{
	visibility: visible;
	transform: rotateY(0deg) !important;
}
.scene-text p{
	font-size: 12px;
	padding: 0 20px 0 20px;
	line-height: 24px;
}
.scene-text-title{
	font-size: 14px !important;
	padding-bottom: 12px !important;
}


.scene-mask{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	color: #fff;
	font-size: 14px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.scene-mask img{
	width: 62px !important;
	margin-bottom: 12px !important;
}
.listCase {
	width: 277px;
	margin-top: 60px;
	border-radius: 6px;
	cursor: pointer;
	box-shadow:0px 2px 10px 0px rgba(46,77,206,0.25);
}

/*.listCase:hover{
	transform:scale(1.05);
	z-index:2;
}*/

.listCase img {
	width: 100%;
	display: block;
}

.case-tit {
	text-align: center;
	padding-top: 10px;
	font-size: 18px;
	font-weight: bold;
}

.listCase-bottom {
	/*background: #f7f7f7;
	padding: 16px 16px 16px 12px;
	color: #7a7a7a;*/
	/*box-shadow: 0 30px 24px #dbdbdb;*/
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	/*transition:1s all ease;*/
}

/*.listCase-bottom:hover{
	background:#4751BC;
	color: #fff;
}*/
.

.listCase-bottom>P {
	font-size: 18px;
	padding-bottom: 20px;
}

.label{
	height: 225px;
	overflow: hidden;
	margin-top: 10px;
	border-bottom: 1px solid #E6E6E6;
}
.label li{
	height: 56px;
	color: #70747D;
	padding-top: 10px;
	padding-left: 36px;
	overflow: hidden;
}
.label li a h4{
	color: #70747D;
	font-size: 16px;
}
.label-one li:nth-child(1) h4:before{
	content: url(../Images/befort.png);
	margin-left: -20px;
	padding-right: 8px;
}
.label-one li:nth-child(2) h4:before{
	content: url(../Images/befort2.png);
	margin-left: -20px;
	padding-right: 8px;
}
.label-one li:nth-child(3) h4:before{
	content: url(../Images/befort3.png);
	margin-left: -20px;
	padding-right: 8px;
}
.label-one li:nth-child(4) h4:before{
	content: url(../Images/befort4.png);
	margin-left: -20px;
	padding-right: 8px;
}


.label-two li:nth-child(1) h4:before{
	content: url(../Images/befort4.png);
	margin-left: -20px;
	padding-right: 8px;
}
.label-two li:nth-child(2) h4:before{
	content: url(../Images/befort3.png);
	margin-left: -20px;
	padding-right: 8px;
}
.label-two li:nth-child(3) h4:before{
	content: url(../Images/befort2.png);
	margin-left: -20px;
	padding-right: 8px;
}
.label-two li:nth-child(4) h4:before{
	content: url(../Images/befort.png);
	margin-left: -20px;
	padding-right: 8px;
}

.label-three li:nth-child(1) h4:before{
	content: url(../Images/befort2.png);
	margin-left: -20px;
	padding-right: 8px;
}
.label-three li:nth-child(2) h4:before{
	content: url(../Images/befort.png);
	margin-left: -20px;
	padding-right: 8px;
}
.label-three li:nth-child(3) h4:before{
	content: url(../Images/befort4.png);
	margin-left: -20px;
	padding-right: 8px;
}
.label-three li:nth-child(4) h4:before{
	content: url(../Images/befort3.png);
	margin-left: -20px;
	padding-right: 8px;
}

.label-four li:nth-child(1) h4:before{
	content: url(../Images/befort3.png);
	margin-left: -20px;
	padding-right: 8px;
}
.label-four li:nth-child(2) h4:before{
	content: url(../Images/befort4.png);
	margin-left: -20px;
	padding-right: 8px;
}
.label-four li:nth-child(3) h4:before{
	content: url(../Images/befort2.png);
	margin-left: -20px;
	padding-right: 8px;
}
.label-four li:nth-child(4) h4:before{
	content: url(../Images/befort.png);
	margin-left: -20px;
	padding-right: 8px;
}


.label li p{
	padding-top: 10px;
}
.label li p:last-child{
	padding-bottom: 10px;
}
.select-case{
	overflow: hidden !important;
	height: auto !important;
	background:linear-gradient(90deg,rgba(233,234,239,1),rgba(244,245,249,1));
}
.more{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 26px;
	color: #70747D;
}
.more img{
	width: 12px;
	height: 6px;
}

.aHref {
	background: #b2b2b2;
	padding: 6px 12px;
	border-radius: 4px;
	font-size: 14px;
	display: inline-block;
	color: #fff;
}

.index-tit2 {
	font-size: 30px;
	line-height: 60px;
	text-align: center;
	margin-bottom: 10px;
	background: url(../Images/tit-bg2.png ) center center no-repeat
}

.tit-info {
	font-size: 18px;
	color: #7a7a7a;
	text-align: center
}

.news-bg {
	height: 1331px;
	background: url(../Images/news-bg.jpg) center 0 no-repeat;
	background-size: cover;
}

.news {
	height: 1151px;
	padding-top: 180px;
	margin: 0 auto
}

.listnews {
	margin-top: 30px;
}

.listnews ul {
	width: 1248px;
	margin: 0 auto
}

.listnews ul li {
	box-shadow: 0px 10px 18px 0px rgba(40, 65, 190, 0.2);
	border-radius: 6px;
	width: 370px;
	height: 430px;
	background: #fff;
	float: left;
	margin: 23px;
	overflow: hidden;
	transition: all .3s ease 0s;
	box-shadow: 0px 10px 18px 0px rgba(40, 65, 190, 0.2); 
	transition:1s all ease;
}

.listnews ul li a {
	display: block;
	width: 370px;
	height: 430px;
}

.listnews ul li a h3 {
	font-size: 18px;
	font-weight: initial; 
	padding: 0px 18px;
	margin: 30px 0px 15px;
	color: #010101
}

.listnews ul li a p {
	font-size: 14px;
	color: #7a7a7a;
	padding: 0px 18px;
	line-height: 1.6
}

.listnews ul li:hover {
	box-shadow: 0 14px 40px #dbdbdb;
	transform:scale(1.05);
	z-index:2;
}

.listnews ul li img {
    width: 370px;
    height: 246px;
    display: block;
    margin: 0 auto;
}

.news-more {
	margin: 20px 0px;
}

.news-more a {
	display: block;
	width: 150px;
	height: 38px;
	background: url(../Images/more.jpg) 0 0 no-repeat;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
	color: #fff;
	margin: 0 auto
}

.customer-bg {
	height: 726px;
	padding-top: 180px;
	background: url(../Images/customer-bg.jpg) center 0 no-repeat;
	background-size: cover;
}

.customer {
	width: 1200px;
	height: 716px;
	padding-top: 120px;
	margin: 0 auto;
	background: url(../Images/customer-img.png) 0 235px no-repeat;
}

.customer .index-tit {
	text-align: right;
	margin-bottom: 15px;
}

.customer .index-tit h2 {
	padding: 0px;
	background: url(../Images/tit-bg3.png) 970px 5px no-repeat;
}

.list-customer {
	width: 744px;
	float: right
}

.list-customer ul li {
	width: 206px;
	height: 98px;
	float: left;
	margin: 21px 0px 21px 42px;
	box-shadow: 0 14px 40px #dbdbdb
}
/*.list-customer ul li img{
	width: 160px;
	height: 80px;
}*/
.list-customer ul li a img{
 	width: 100%;
}

.guanzhu {
	padding-left: 26px;
}


/*智慧考务*/


.zhkw {
	height: auto !important;
	padding-top: 40px;
	margin-bottom: 68px;
}

.LR-bg {
	background: none;
}

.LR-bg:before {
	content: url(../Images/left-bg-title.png);
	margin-right: 20px;
}

.LR-bg:after {
	content: url(../Images/right-bg-title.png);
	margin-left: 20px;
}

.logoPng {
	margin-top: 23px;
}

.flex-list {
	height: auto !important;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.flex-list:after {
	content: "";
	display: block;
	width: 254px;
}

.zhkw-list {
	flex-wrap: wrap;
	background: #4751BC;
}

.zhkw-list ul li {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.zhkw-list ul li a {
	color: #fff;
}

.zh-bg {
	height: inherit;
	background: none;
}

.zhkw-scene {
	width: 1200px;
	margin: 40px auto 0;
	display: flex;
	justify-content: space-between;
}
.zhkw-case{	
	box-shadow: 0px 2px 10px 0px rgba(10,4,8,0.11);
}
.scene-left{
	font-size: 0;
	width: 600px;
}
.scene-left img{
	width: 100%;
}
.scene-right{
	display: flex;
	justify-content:center;
	align-items: center;
	width: 528px;
	padding:0 36px 0 36px;
	position: relative;
}
.pst-name-left{
	right: -40px;
	left: initial !important;
}
.case-name{
	position: absolute;
    top: 50px;
    left: -40px;
    font-size: 16px;
    background: #6A76F2;
    padding: 10px 16px;
    color: #fff;
}

.imgShow {
	width: 326px;
	height: 374px;
}

.imgShow img {
	width: 100%;
}

.imgText {
	width: 800px;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.text-title {
	font-size: 22px;
	color: #000;
	padding-top: 10px;
}

.text-content {
	padding-top: 16px;
	font-size: 18px;
	line-height: 28px;
	text-indent: 2em;
	height: 226px;
	overflow: hidden;
}

.btn {
	padding: 10px 30px;
	border: none;
	color: #fff;
	background: linear-gradient(90deg, rgba(79, 165, 231, 1), rgba(89, 102, 239, 1));
}



.news-btn {
	background: 100%;
	height: 100px;
	background: #fff;
	border-bottom: 1px solid #ccc;
	display: flex;
	align-items: center;
}
.btn-list-case{
	width: 1100px !important;
}
.btn-list {
	width: 600px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.btn-list li {
	font-size: 18px;
	color: #7A7A7A;
	width: 102px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	border: 1px solid #4751BC;
}

.btn-list span:last-child{
	display: none;
}
.btn-list li a {
	display: block;
	background: #fff;
	color: #4751BC;

}
.btn-list span{
	color: #4751BC;
}

.current {
	background: #4751BC !important;
	color: #fff !important;
}

.new-list {
	width: 370px;
	height: 380px;
	padding-bottom: 15px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 10px 20px 0px rgba(152, 152, 152, 0.5);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 30px;
	transition: all .6s ease-out 0s;
}

.new-list:hover{
 transform:scale(1.05);
 z-index:2;
}

.new-flex-list:after {
	content: "";
	display: block;
	width: 378px;
}

.newslist-bg {
	/*background: #F7F8FB;*/
	height: auto;
	padding-bottom: 10px;
}

.picshow {
	width: 100%;
}

.picshow img {
	width: 370px;
	height: 206px;
	margin: auto;
	display: block;
}

.new-content {
	/*width: 100%;*/
	height: 175px;
    padding: 0 15px;
}

.new-tit {
	font-weight: bold;
	font-size: 18px;
	padding-top: 4px;
	/*height: 50px;*/
	overflow: hidden;
	margin-bottom: 10px;
	font-weight: initial;
	/*text-align: center;*/
}

.new-text {
	height: 60px;
	color: rgba(122, 122, 122, 1);
	line-height: 20px;
	overflow: hidden;
	text-indent: 2em;
}

.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.date-btn {
	margin-top: 16px;
	color: #7A7A7A;
}

.date-btn button {
	padding: 6px 20px;
	border: 1px solid #7A7A7A;
	border-radius: 20px;
	color: #7A7A7A;
	background: none;
}
.detail-content{
	padding: 10px 10px;
	background:rgba(255,255,255,1);
box-shadow:0px 5px 15px 0px rgba(10,4,8,0.13);
}
.pages {
	padding: 0px 30px 10px;
	font-size: 14px;
	display: flex;
	width: 480px;
	margin: 0 auto 50px;
}

.pages a {
	margin: 0 7px;
	padding: 6px 10px;
	border: 1px solid #d9d9d9;
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.pages a.current {
	padding: 6px 10px;
	color: #fff;
	background: #40a9ff;
	border: 1px solid #40a9ff;
}

.pages a:hover {
	color: #fff !important;
	background: #40a9ff;
	border: 1px solid #40a9ff;
	cursor: pointer;
}



.success-nav {
	width: 1200px;
	margin: auto;
	left: 0;
}

.success-nav ul li {
	height: 100px;
	line-height: 100px;
}

.success-nav ul li a {
	height: 100px;
	line-height: 100px;
	color: #4751BC;
}

.success-nav ul li.focus a,
.success-nav ul li a:hover {
	border-bottom: 2px solid #4751BC;
}

.success-case {
	height: 246px;
	border-radius: 6px;
	background: none; 
	box-shadow: none;
	transition:1s all ease;
}
.success-case:hover{
 	transform: scale(1.1);
}

.success-content {
	height: 140px;
}



.contact {
	width: 380px;
	height: 210px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(71, 81, 188, 1);
	box-shadow: 0px 10px 18px 0px rgba(40, 65, 190, 0.2);
	border-radius: 8px;
}

.contact {
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact ul {
	margin-left: 60px;
}

.contact ul li {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
}

.map {
	width: 1200px;
	height: 400px;
}


/*关于我们*/

.about-icon1 img {
	width: 100%;
}

.honor li {
	width: 257px;
	height: 161px;
	padding: 4px;
	background: rgba(255, 255, 255, 1);
	border: 1px solid rgba(218, 221, 232, 1);
	box-shadow: 0px 7px 14px 0px rgba(92, 92, 92, 0.36);
	margin-top: 50px;
}

.honor-list li p{
	text-align: center;
	font-size: 16px;
	padding: 12px 0;
}

.honor li:nth-child(1),
.honor li:nth-child(2),
.honor li:nth-child(3),
.honor li:nth-child(4) {
	margin-top: 0;
}

.listCase:nth-child(1),
.listCase:nth-child(2),
.listCase:nth-child(3),
.listCase:nth-child(4) {
	margin-top: 0;
}

.honor li img {
	width: 257px;
	height: 161px;
}

.honor:after {
	content: "";
	display: block;
	width: 257px;
}

.ryzz {
	background: #fff;
}

.bghj {
	background: #F7F8FB;
	padding-bottom: 56px;
	margin-bottom: 0;
}

.tit-bg {
	background: url(../Images/tit-bg.png) center center no-repeat
}

.fzlc {
	background: url(../Images/fzlc.png) no-repeat center center;
	margin-bottom: 0px;
	margin-top: 50px;
	color: #fff;
}

.icon {
	width: 108px;
	height: 108px;
	margin: 32px auto 8px;
}

.icon img {
	width: 100%;
}

.fwys-list{
	background: none;
}
.fwys-list p{
	color: #303030;
	font-size: 18px;
	padding-bottom: 10px;
	text-align: center;
}
.step{
	display: inherit;
}
.step-text{
	text-align: center;
	padding-top: 17px;
	font-size: 14px;
}
.step-text ul li h3{
	padding-bottom: 13px;
}
/*banner*/

.flexslider {
	position: relative;
	overflow: hidden;
	/*background: url(../Images/loading.gif) 50% no-repeat;*/
	background-size: cover;
}

.slides {
	position: relative;
	/*z-index: 1;*/
}

.slides li a {
	display: block;
}

.banner-slider {
	width: 100%;
	height: 570px;
	overflow: hidden;
}
.slides li{
	/*background-size: cover !important;*/
}
.banner-slider .slides li,
.banner-slider .slides li a {
	height: 350px;
}
.banner-zh{
	width: 100%;
	height: 350px;
}
.navigation-bar {
    width: 1200px;
    height: 65px;
    line-height: 65px;
    font-size: 14px;
    margin: 0 auto;
}
.navigation-bar span {
    color: #b71b2c;
}

.content-tit{
	padding-top: 16px;
	text-align: center;
	font-size: 22px;
}
.subheading{
 text-align: center;
 padding-top: 14px;
 color: #8c8c8c;
 font-size: 18px;
}
.content-text{
 font-size: 16px;
 padding-top: 20px;
 text-indent: 2em;
 line-height: 26px;
 padding: 14px;
}
.content-text p{
 padding-bottom: 10px;
}
.content-text p img{
 display: block;
 margin: auto;
 max-width: 90%;
}

.about-rotate{
	width: 480px;
	height: 480px;
	position: absolute;
	right: 0;
	top: 122px;
	background: url(../Images/index-about-img.png)no-repeat center;
}
.pst-about {
	position: absolute;
}

.icon01 {
	top: 7px;
	left: 78px;
}

.icon02 {
	bottom: -20px;
	left: 112px;
}

.icon03 {
	top: 200px;
	right: -32px;
}

.icon04 {
	top: 90px;
	left: -24px;
}

.icon05 {
	bottom: 30px;
	left: 10px;
}

.icon06 {
	bottom: -12px;
	right: 60px;
}

.icon07 {
	bottom: 182px;
	right: -30px;
}

.icon08 {
	top: -32px;
	left: 144px;
}

.about-img-within {
	width: 480px;
	height: 480px;
	border: #a0a5e0 1px dashed;
	border-radius: 50%;
	position: absolute;
	animation: animtran 36s linear infinite;
	-webkit-animation: animtran 36s linear infinite;
	top: 0;
	left: 0;
}

.about-img-within img {
	position: absolute;
	animation: animtrans 36s linear infinite;
	-webkit-animation: animtrans 36s linear infinite;
}

.about-img-outer {
	width: 350px;
	height: 350px;
	border: #a0a5e0 1px dashed;
	border-radius: 50%;
	position: absolute;
	animation: animtrans 24s linear infinite;
	-webkit-animation: animtrans 24s linear infinite;
	top: 64px;
	left: 64px;
}

.about-img-outer img {
	position: absolute;
	animation: animtran 24s linear infinite;
	-webkit-animation: animtran 24s linear infinite;
}

@keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}

@keyframes animtrans {
	from {
		transform: rotateZ(360deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}

@-webkit-keyframes animtran {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}

@-webkit-keyframes animtrans {
	from {
		transform: rotateZ(360deg);
	}
	to {
		transform: rotateZ(0deg);
	}
}

.postContent{
	width: 780px;
	padding: 20px;
	background: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.1);
}
.postContent img{
	width: 100%;
}
.postMianCont{
	width: 310px;
	height: max-content;
	padding: 20px;
	background: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,.1);
}
.wrapper .title {
    font-size: 22px;
    margin-bottom: 10px;
}
.wrapper-list{
	margin-top: 50px;
}
.wrapper-list ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.wrapper-list ul li{
	width:144px;
	height: 86px;
	margin-bottom: 40px;
	text-align: center;
	box-shadow: 0px 10px 18px 0px rgba(40, 65, 190, 0.2);
}
.wrapper-list ul li img{
	width:144px;
	height: 86px;
}

.do_gotop{
	cursor: pointer;
    position: fixed;
    z-index: 9999;
    font-size: 0px;
    right: 20px;
    bottom: 15px;
    display: none;
}