.systempage{
	width: 100%;
	padding-bottom:90px;
	background: #F2F4F7;
	float: left;
}
.systempage .banner{
	width: 100%;
	float: left;
}
.systempage .banner .bannerinfo{
	position: relative;
	width: 100%;
	float: left;
}
.systempage .banner .bannerinfo img{
	width: 100%;
	display: block;
}
.systempage .banner .bannerinfo .bannertxt{
	position: absolute;
	left:240px;
	bottom: 120px;
}
.systempage .banner .bannerinfo .bannertxt .bannerbigtitle{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 48px;
	font-weight: bold;
	color: #FFFFFF;
}
.systempage .banner .bannerinfo .bannertxt .bannersmtitle{
	width: 100%;
	margin-top:14px;
	float: left;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	text-transform: uppercase;
}













.systempage .container{
	width: 1440px;
	margin:0 auto;
}
.systempage .sysabout{
	width: 100%;
	padding-bottom: 60px;
	float: left;
}
.systempage .sysabout .sysaboutinfo{
	width: 100%;
	margin-top: 78px;
	float: left;
}
.systempage .sysabout .sysaboutinfo .sysabouttitle{
	width: 100%;
	font-size: 48px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	float: left;
}

.systempage .sysabout .sysaboutinfo .sysaboutmess{
	width: 100%;
	margin-top: 36px;
	float: left;
}
.systempage .sysabout .sysaboutinfo .sysaboutmess p{
	width: 100%;
	text-indent: 2em;
	font-size: 18px;
	font-weight: 400;
	color: #666666;
	line-height: 40px;
}

.systempage .sysabout .sysaboutinfo .sysaboutxx{
	width: 100%;
	margin-top: 76px;
	float: left;
	
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem{
	
	width: 32%;
	height: 340px;
	background: #FFFFFF;
	display: inline-block;
	float: left;
	/*border:#f00 solid 1px;*/
	margin-right: 28px;
	margin-bottom: 30px;
	background: url('../images/syspic.jpg');
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover{
	background: linear-gradient(0deg, #0757B8, #4B92E7);
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:nth-child(3n){
	float: right;
	margin-right: 0px;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysabouticon{

    width: 86px;
    height: 80px;
    margin-top: 50px;
    margin-left:56px;
    background: url('../images/icon.png') no-repeat;
    display: inline-block;
    float: left;
    /*border: #f00 solid 1px;*/
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:first-child .sysabouticon{
    background-position: -42px -328px;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover:first-child .sysabouticon{
    background-position: -42px -218px;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:nth-child(2) .sysabouticon{
    background-position: -204px -328px;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover:nth-child(2) .sysabouticon{
    background-position: -204px -218px;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:nth-child(3) .sysabouticon{
    background-position: -364px -328px;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover:nth-child(3) .sysabouticon{
    background-position: -364px -218px;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:nth-child(4) .sysabouticon{
    background-position: -532px -328px;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover:nth-child(4) .sysabouticon{
    background-position: -532px -218px;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:nth-child(5) .sysabouticon{
    background-position: -704px -328px;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover:nth-child(5) .sysabouticon{
    background-position: -704px -218px;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:nth-child(6) .sysabouticon{
    background-position: -866px -328px;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover:nth-child(6) .sysabouticon{
    background-position: -866px -218px;
}

.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysabouttitle{
	width: 80%;
	text-align: left;
	font-size: 30px;
	margin-left: 56px;
	font-weight: bold;
	color: #333;
	margin-top:30px;
	float: left;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover .sysabouttitle{
	color: #fff;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysaboutbut{
	width: 72px;
	height: 72px;
	background: #fff;
	margin-top: 26px;
	margin-right: 48px;
	border-radius: 50%;
	float: right;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover .sysaboutbut{
	border-radius: 50%;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysaboutbut a{
	width: 72px;
	height: 72px;
	border: 1px solid #B5B5B5;
	border-radius: 50%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover .sysaboutbut a{
	border-radius: 50%;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysaboutbut a.butshow{
	/*display: block;*/
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysaboutbut a.buthidden{
	display: none;
}
/*.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysaboutbut:hover{
	background: #00479D;
	box-shadow: 0px 2px 8px 0px #D5D5D5;
	border-radius: 50%;
}*/
/*.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysaboutbut:hover  a.butshow{
	display: none;
}
.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysaboutbut:hover  a.buthidden{
	display: flex;

}*/













.syspageinfo{
	width: 100%;
	background: #F2F4F7;
	float: left;
}
.syspageinfo .banner{
	width: 100%;
	float: left;
}
.syspageinfo .banner .bannerinfo{
	position: relative;
	width: 100%;
	float: left;
}
.syspageinfo .banner .bannerinfo img{
	width: 100%;
	display: block;
}
.syspageinfo .banner .bannerinfo .bannertxt{
	position: absolute;
	left:240px;
	bottom: 120px;
}
.syspageinfo .banner .bannerinfo .bannertxt .bannerbigtitle{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 48px;
	font-weight: bold;
	color: #FFFFFF;
}
.syspageinfo .banner .bannerinfo .bannertxt .bannersmtitle{
	width: 100%;
	margin-top:14px;
	float: left;
	text-align: left;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	text-transform: uppercase;
}





.syspageinfo .container{
	width: 1440px;
	margin:0 auto;
}
.syspageinfo .bread{
	width: 100%;
	height: 60px;
	background: #FFFFFF;
	box-shadow: 0px 0px 4px 0px rgba(149,149,149,0.42);
	opacity: 0.9;
	margin-top: -60px;
	float: left;
	overflow: hidden;
}
.syspageinfo .bread .breadinfo{
	width: 100%;
	height: 60px;
	line-height: 60px;
	float: left;
}
.syspageinfo .bread .breadinfo .breaditem{
	display: inline-block;
	float: left;
	width: auto;
}
.syspageinfo .bread .breadinfo .breaditem a{
	padding:20px 40px;
	font-size: 20px;
	font-weight: 400;
	color: #333333;
}
.syspageinfo .bread .breadinfo .breaditem:hover{
	background: rgba(0, 71, 157, 1);
}
.syspageinfo .bread .breadinfo .breaditem:hover a{
	color: #fff;
}








.syspageinfo .sysinfoabout{
	width: 100%;
	margin-top: 80px;
	padding-bottom: 60px;
	float: left;
}

.syspageinfo .sysinfoabout .sysinfoaboutxx{
	width: 100%;
	background: #fff;
	padding:70px 40px;
	float: left;
}
.syspageinfo .sysinfoabout .sysinfoaboutxx .sysinfoaboutpic{
	width: 100%;
	float: left;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
}
.syspageinfo .sysinfoabout .sysinfoaboutxx .sysinfoaboutpic img{
	width: auto;
	display: block;
}
.syspageinfo .sysinfoabout .sysinfoaboutxx .sysinfoabouttitle{
	width: 100%;
	margin-top:55px;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color: #333333;
	float: left;
}
.syspageinfo .sysinfoabout .sysinfoaboutxx .sysinfoaboutmess{
	width: 100%;
	margin-top: 36px;
	float: left;
}
.syspageinfo .sysinfoabout .sysinfoaboutxx .sysinfoaboutmess p{
	width: 100%;
	text-indent: 2em;
	font-size: 18px;
	font-weight: 400;
	color: #666666;
	line-height: 32px;
}
















@media (max-width: 1700px){
	.systempage .banner .bannerinfo .bannertxt {
	    left: calc(5%);
	    bottom: calc(20%);
	}
	.syspageinfo .banner .bannerinfo .bannertxt {
	    left: calc(5%);
	    bottom: calc(20%);
	}
}





/*! 1200 ~ 1500  主内容区1140 */
@media (max-width: 1500px) { 
  
	.systempage .container {
	    width: 1400px;
	}
	.systempage .banner .bannerinfo .bannertxt .bannerbigtitle {
	    font-size: 44px;
	}
	.systempage .sysabout .sysaboutinfo .sysabouttitle {
	    font-size: 44px;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutmess p {
	    font-size: 18px;
	}


	.syspageinfo .container {
	    width: 1400px;
	}
	.syspageinfo .banner .bannerinfo .bannertxt .bannerbigtitle {
	    font-size: 44px;
	}
	.syspageinfo .banner .bannerinfo .bannertxt .bannerbigtitle{
		 font-size: 44px;
	}
	.syspageinfo .sysinfoabout .sysinfoaboutxx .sysinfoabouttitle {

	    font-size: 34px;

	}


}


@media (max-width: 1400px) { 
	
	.systempage .container {
	    width: 1240px;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem {
	    margin-right: 24px;
	}
	.syspageinfo .container {
	    width: 1240px;
	}
}

@media (max-width: 1300px) { 
	.systempage .container {
	    width: 1180px;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem {
	    width: 31%;
	    margin-right: 40px;

	}

	.syspageinfo .container {
	    width: 1180px;
	}
	.syspageinfo .bread .breadinfo .breaditem a {
	    padding: 20px 30px;
	}
}



/*====================================================================================================================*/



/*! 992 ~ 1199  主内容区960 */
@media (max-width: 1199px) { 

	.systempage .container {
	    width: 1080px;
	}
	.systempage .banner .bannerinfo .bannertxt .bannerbigtitle {
	    font-size: 40px;
	}
	.systempage .sysabout .sysaboutinfo .sysabouttitle {
	    font-size: 40px;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem {
	    width: 31%;
	    margin-right: 36px;
	}


	.syspageinfo .container {
	    width: 1080px;
	}
	.syspageinfo .banner .bannerinfo .bannertxt .bannerbigtitle {
	    font-size: 40px;
	}
	.syspageinfo .sysinfoabout .sysinfoaboutxx .sysinfoabouttitle {

	    font-size: 30px;

	}


}




@media (max-width: 1080px) { 
	.systempage .container {
	    width: 991px;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem {
	    margin-right: 34px;
	    height: 320px;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysabouticon {
	    margin-top: 40px;
	    margin-left: 40px;

	}


	.syspageinfo .container {
	    width: 991px;
	}
	.syspageinfo .bread .breadinfo .breaditem a {
	    padding: 20px 20px;
	}



}


/*====================================================================================================================*/




/*! <=991 手机端 */
@media (max-width: 991px) { 


	.systempage .container {
	    width: auto;
    	padding: 0 0.4rem;
	}
	.systempage .banner .bannerinfo .bannertxt .bannerbigtitle {
	    font-size: 0.48rem;
	    font-weight: normal;
	}
	.systempage .banner .bannerinfo .bannertxt {
	    left: 0.5rem;
	    bottom: 1rem;
	    bottom: 8%;
	}
	.systempage .banner .bannerinfo .bannertxt .bannerbigtitle {
	    font-size: 0.48rem;
	    font-weight: normal;
	}
	.systempage .banner .bannerinfo .bannertxt .bannersmtitle {
	    font-size: 0.26rem;
	    margin-top: 0;
	}
	.systempage .sysabout {
	    padding-bottom: 0.6rem;
	}
	.systempage .sysabout .sysaboutinfo {
	    margin-top: 0.7rem;
	}
	.systempage .sysabout .sysaboutinfo .sysabouttitle {
	    font-size: 0.48rem;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutmess p {
	    font-size: 0.26rem;
	    line-height: 0.4rem;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutmess {
	    margin-top: 0.4rem;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx {
	    margin-top: 0.7rem;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem {
	    margin-right: 0.55rem;
	    height: 4.8rem;
	    width: 31%;
	    width: 47%;
	    margin-bottom: 0.86rem;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:nth-child(2n) {
	    float: right;
	    margin-right: 0px;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:nth-child(3n) {
	    float: left;
	    margin-right: unset;
	}

	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysabouttitle {
	    width: 80%;
	    font-size: 0.36rem;
	    margin-left: 0.56rem;
	    margin-top: 0.6rem;
	    text-align: center;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysabouticon {
	    width:1rem;
	    height: 1.2rem;
	    margin-top: 0.5rem;
	    margin-left: 0.56rem;
	    background: url(../images/micon.png) no-repeat;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:first-child .sysabouticon{
	    background-position: -42px -462px;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover:first-child .sysabouticon{
	    background-position: -42px -382px;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:nth-child(2) .sysabouticon{
	    background-position: -161px  -462px;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover:nth-child(2) .sysabouticon{
	    background-position: -161px  -382px;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:nth-child(3) .sysabouticon{
	    background-position: -275px -462px;
	    width: 1.2rem;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover:nth-child(3) .sysabouticon{
	    background-position: -275px  -382px;
	    width: 1.2rem;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:nth-child(4) .sysabouticon{
	    background-position: -397px -462px;
	    width: 1.2rem;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover:nth-child(4) .sysabouticon{
	    background-position: -397px  -382px;
	    width: 1.2rem;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:nth-child(5) .sysabouticon{
	    background-position: -523px -462px;
	    width: 1.2rem;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover:nth-child(5) .sysabouticon{
	    background-position: -523px  -382px;
	    width: 1.2rem;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:nth-child(6) .sysabouticon{
	    background-position: -640px -462px;
	    width: 1.2rem;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem:hover:nth-child(6) .sysabouticon{
	    background-position: -640px  -382px;
	    width: 1.2rem;
	}

	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysaboutbut {
	    width: 0.8rem;
	    height: 0.8rem;
	    background: #fff;
	    margin-top: 0.6rem;
	    margin-right: 0.48rem;
	    border-radius: 50%;
	    float: right;
	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysaboutbut a {
	    width: 0.8rem;
	    height: 0.8rem;

	}
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem .sysaboutbut a img{
		width: 50%;
	}



	.syspageinfo .container {
	    width: auto;
    	padding: 0 0.4rem;
	}
	.syspageinfo .banner .bannerinfo .bannertxt .bannerbigtitle {
	    font-size: 0.48rem;
	    font-weight: normal;
	}
	.syspageinfo .banner .bannerinfo .bannertxt {
	    left: 0.5rem;
	    bottom: 1rem;
	    bottom: 8%;
	}
	.syspageinfo .banner .bannerinfo .bannertxt .bannerbigtitle {
	    font-size: 0.48rem;
	    font-weight: normal;
	}
	.syspageinfo .banner .bannerinfo .bannertxt .bannersmtitle {
	    font-size: 0.26rem;
	    margin-top: 0;
	}
	.syspageinfo .sysinfoabout .sysinfoaboutxx .sysinfoabouttitle {
    	font-size: 0.36rem;
    	margin-top: 0.5rem;
	}

	.syspageinfo .sysinfoabout .sysinfoaboutxx .sysinfoaboutmess p {
	    font-size: 0.26rem;
	    line-height: 0.5rem;
	}
	.syspageinfo .sysinfoabout .sysinfoaboutxx .sysinfoaboutmess {
	    margin-top: 0.36rem;
	}

	.syspageinfo .bread {
	    margin-top: 0;
	}
	.syspageinfo .bread .breadinfo .breaditem a {
	    padding: 0.2rem 0.2rem;
	    font-size: 0.36rem;
	}
	.syspageinfo .sysinfoabout {
	    width: 100%;
	    margin-top: 0.8rem;
	    padding-bottom: 0.6rem;
	    float: left;
	}
	.syspageinfo .sysinfoabout .sysinfoaboutxx {
	    width: 100%;
	    background: #fff;
	    padding: 0.7rem 0.4rem;
	    float: left;
	}


}
@media (max-width: 910px) {
	.syspageinfo .bread {
	    display: none;
	}
	.syspageinfo .sysinfoabout {
	    margin-top: 0.8rem;
	    padding-bottom: 0.6rem;

	}
	.syspageinfo .sysinfoabout .sysinfoaboutxx {
	    padding: 0.8rem 0.5rem;

	}


}
/*! <=767 手机端 */
@media (max-width: 767px) {
  
	.systempage .sysabout .sysaboutinfo .sysaboutxx .sysaboutitem {
	    margin-right: 0rem;
	    height: 4.8rem;
	    width: 100%;
	    margin-bottom: 0.4rem;
	}


}
/*! <=414 手机端 */
@media (max-width: 414px){
  


}