@charset "UTF-8";
body {
	font-family:  "PingFangSC-Light","微软雅黑";
}
h1,h2,h3,h4,h5,span,p{
	font-weight: normal;
}
.w-1324 {
	width: 1324px;
    height: 798px;
	margin: 0 auto;
}
.w-1208 {
	width: 1208px;
    height: 803px;
	margin: 0 auto;
}
.w-1286 {
	width: 1286px;
	height: 800px;
	margin: 0 auto;
}
.w-1200 {
	width: 1200px;
	margin: 0 auto;
}
.abs {
	position: absolute;
}
.rel {
	position: relative;
}
.animate {
	visibility: hidden;
}
/*position部分*/
.position {
	width:100%;
	background: #f5f5f5;
	text-align:left;
	height: 50px; 
}
.position .posi-text {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	line-height: 50px;
	font-size: 14px;
	color: #666666;
}
.position .posi-text a {
	font-size: 14px;
	color: #666666;
}
.wrap {
	position: relative;
}
/*banner部分*/
.banner-wrap {
	width:100%;
    height: 803px;
    overflow: hidden;
    background: url(../images/jizhang_imgs/banner_bg.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}
/*banner end*/

.abs-content {
	position: absolute;
	width: 1200px;
	top: 150px;
	left: 50%;
	margin-left: -600px;
}
.abs-content .app-logo {
	width: 88px;
	height: 88px;
	background: url(../images/jizhang_imgs/icon_huisap.png) no-repeat center center;
	background-size: 100% 100%;;
	margin-bottom: 35px;
}
.abs-content .app-title{
	position: relative;
	font-size: 64px; 
	color: #ffffff;
	height: 70px;
	line-height: 70px;
	text-align: left;
	margin-bottom: 62px;
}
.app-title::before{
	content:"";
	position: absolute;
	width: 68px;
	height: 4px;
	background: #ffffff;
	left: 0 ;
	bottom: -14px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.abs-content .app-des{
	line-height: 30px;
	color: #ffffff;
	font-size: 16px;
	text-align: left;
	margin-bottom: 92px;
	width: 725px;
}
.abs-content  .btn-iphone,
.abs-content  .btn-andriod {
	width: 222px;
	height: 58px;
	color: #ffffff;
	font-size: 0;
	text-align: center;
	border-radius: 5px;
	background: #737DFF;
	position: relative;
}
.abs-content  .btn-andriod{
	background: #5698EC;
	margin-top: 10px;
}
 .icon-iphone,.icon-andriod {
	display: inline-block;
	background: url(../images/app_imgs/icon_adr.png) no-repeat center center;
	width: 22px;
	height: 25px;
	margin-right: 13px;
    margin-top: 17px;
    vertical-align: top;
}
.icon-iphone {
	background: url(../images/app_imgs/icon_apple.png) no-repeat center center;
}
.btn-iphone .text,
.btn-andriod .text {
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
    margin-top: 20px;
    line-height: 20px;
}
.btn-iphone .qr-img,
.btn-andriod .qr-img {
	position: absolute;
	width: 132px;
	height: 124px;
	background: url(../images/jizhang_imgs/jizhang_qr.png) no-repeat center center;
	background-size: 100% 100%;
	right: -150px;
	top: 0;
	display: none;
}

/*function-ctrl部分*/
.function-ctrl {
	width: 1492px;
	margin: 0 auto;
	position: relative;
	height: 797px;
}
.function-ctrl .cir-right {
	position: absolute;
	width: 595px;
	height: 249px;
	background: url(../images/jizhang_imgs/im_cir_right.png) no-repeat center center;
	background-size: 100% 100%;
	right: 0;
	top: 0;
}
.function-ctrl .cir-left {
	position: absolute;
	width: 1197px;
	height: 544px;
	background: url(../images/jizhang_imgs/im_yuanqa_b_92.png) no-repeat center center;
	background-size: 100% 100%;
	left: 66px;
	bottom: 0;
}
.function-ctrl .content1 {
	position: absolute;
	left: 290px;
	top: 165px;
	text-align: left;
}
.content1 h1,
.content3 h1,
.content4 h1 {
	color: #333333;
	font-size: 30px;
	height: 32px;
	line-height: 32px;
	margin-bottom: 10px;
}
.content1 p,
.content3 p,
.content4 p {
	color: #675F5F;
	font-size: 14px;
	line-height: 28px;
}
.function-ctrl .content2 {
	position: absolute;
	left: 656px;
	top: 313px;
	color: #333333;
	font-size: 48px;
	line-height: 70px;
}
.content2 span {
    font-size: 72px;
    transform: rotate(2deg);
    -ms-transform:rotate(2deg); 	/* IE 9 */
	-moz-transform:rotate(2deg); 	/* Firefox */
	-webkit-transform:rotate(2deg); /* Safari 和 Chrome */
	-o-transform:rotate(2deg); 	/* Opera */
    display: inline-block;
}
.function-ctrl .content3 {
	position: absolute;
    left: 1093px;
    top: 296px;
	text-align: left;
}
.function-ctrl .content4 {
	position: absolute;
	left: 691px;
	top: 567px;
	text-align: left;
}
.function-ctrl-icon1 {
	position: absolute;
	left: 364px;
	top: 319px;
	width: 106px;
	height: 106px;
	background: url(../images/jizhang_imgs/icon_fpsm.png) no-repeat center center;
}
.function-ctrl-icon2 {
	position: absolute;
	left: 984px;
	top: 287px;
	width: 82px;
	height: 82px;
	background: url(../images/jizhang_imgs/icon_wode.png) no-repeat center center;
}
.function-ctrl-icon3 {
	position: absolute;
	left: 598px;
	top: 565px;
	width: 77px;
	height: 76px;
	background: url(../images/jizhang_imgs/icon_home.png) no-repeat center center;
}
/*process-manager部分*/
.process-manager {
	width: 100%;
	height: 798px;
	background: url(../images/jizhang_imgs/im_bg_mohu.jpg) no-repeat center center;
	background-size: cover;
}
.process-manager .content {
	text-align: left;
	left: 64px;
	top: 215px;
}
.process-manager .content h1 {
	font-size: 48px;
	color: #333333;
	height: 50px;
	line-height: 50px;
	margin-bottom: 55px;
}
.process-manager .content h1::before {
	content: "";
	position: absolute;
	width: 68px;
	height: 5px;
	background: #675F5F;
    bottom: -16px;
    left: 0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
}
.process-manager .content  p{
	font-size: 16px;
	color: #675F5F;
	line-height: 30px;
}
.w-1324 .img-bottom {
	width: 328px;
	height: 508px;
	right: 68px;
	top: 149px;
	background: url(../images/jizhang_imgs/im_dx_a.png) no-repeat center center;
	background-size: 100% 100%;
}
.w-1324 .img-bottom .icon1 {
	position: absolute;
    top: -23px;
    left: 0;
	width: 104px;
	height: 54px;
	background: url(../images/jizhang_imgs/im_qp_grzx.png) no-repeat center center;
	background-size: 100% 100%;
}
.w-1324 .img-top {
	width: 335px;
	height: 514px;
	right: 0px;
	top: 180px;
	background: url(../images/jizhang_imgs/im_dx_b.png) no-repeat center center;
	background-size: 100% 100%;
}
.w-1324 .img-top .icon2 {
	position: absolute;
    top: 79px;
    left: -90px;
	width: 128px;
	height: 67px;
	background: url(../images/jizhang_imgs/im_qp_qyzl.png) no-repeat center center;
	background-size: 100% 100%;
}
.w-1324 .icon3 {
	position: absolute;
    top: 146px;
    left: 484px;
	width: 128px;
	height: 67px;
	background: url(../images/jizhang_imgs/im_qp_dzsy.png) no-repeat center center;
	background-size: 100% 100%;
}

/*move-manage部分*/
.move-manage {
	width: 100%;
	height: 800px;
	background: url(../images/jizhang_imgs/im_bg_yya.jpg) no-repeat center center;
	background-size: cover;;
}
.move-manage .content {
	text-align: left;
	left: 0;
	top: 200px;
}
.move-manage .content h1 {
	font-size: 48px;
	color: #ffffff;
	height: 50px;
	line-height: 50px;
	margin-bottom: 60px;
}
.move-manage .content h1::before {
	content: "";
	width: 68px;
	height: 4px;
	background: #978D8D;
	position: absolute;
	left: 0;
	bottom: -20px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	opacity: 0.5;
}
.move-manage .content p {
	color: #ffffff;
	line-height: 30px;
}
.move-manage .text1 {
	width: 214px;
	height: 62px;
	background: url(../images/jizhang_imgs/im_qp_b.png) no-repeat center center;
	background-size: 100% 100%;
	left: 432px;
	top: 360px;
}
.move-manage .text2 {
	width: 252px;
	height: 62px;
	background: url(../images/jizhang_imgs/im_qp_a.png) no-repeat center center;
	background-size: 100% 100%;
	left: 807px;
	top: 244px;
}
.move-manage .text3 {
	width: 201px;
	height: 62px;
	background: url(../images/jizhang_imgs/im_qp_tz.png) no-repeat center center;
	background-size: 100% 100%;
	left: 826px;
	top: 397px;
}
/*ceo-wrapper部分*/
.ceo-wrapper {
	width: 100%;
	height: 800px;
	background: url(../images/jizhang_imgs/im_bg_yyb.png) no-repeat center center;
	background-size: cover;
	left: 0;
	top: 130px;
	
}
.ceo-wrapper .line {
    left: 0;
    top: 130px;
	width: 1006px;
	height: 436px;
	background: url(../images/jizhang_imgs/im_line_daizhang.png) no-repeat center center;
}
.ceo-wrapper  .ceo-bg {
	width: 80px;
	height: 80px;
	background: #B0B6FF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	animation-name:'ripple';
	-webkit-animation-name:'ripple';
	animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-timing-function: linear; 
	-webkit-animation-timing-function: linear; 
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-direction: normal;
	-webkit-animation-direction: normal;
}
@keyframes ripple{
	from {
		opacity: 1;
		transform: scale(1,1);
		-ms-transform: scale(1,1); 	
		-moz-transform: scale(1,1); 	
		-webkit-transform: scale(1,1);
		-o-transform: scale(1,1);
	}
	to {
		opacity: 0;
		transform: scale(1);
		-ms-transform: scale(1.45,1.45); 	
		-moz-transform: scale(1.45,1.45); 	
		-webkit-transform: scale(1.45,1.45);
		-o-transform: scale(1.45,1.45); 
	}
}
@-moz-keyframes ripple{
	from {
		opacity: 1;
		transform: scale(1,1);
		-ms-transform: scale(1,1); 	
		-moz-transform: scale(1,1); 	
		-webkit-transform: scale(1,1);
		-o-transform: scale(1,1);
	}
	to {
		opacity: 0;
		transform: scale(1);
		-ms-transform: scale(1.45,1.45); 	
		-moz-transform: scale(1.45,1.45); 	
		-webkit-transform: scale(1.45,1.45);
		-o-transform: scale(1.45,1.45); 
	}
}
@-webkit-keyframes ripple{
	from {
		opacity: 1;
		transform: scale(100%,100%);
		-ms-transform: scale(100%,100%); 	
		-moz-transform: scale(100%,100%); 	
		-webkit-transform: scale(100%,100%);
		-o-transform: scale(100%,100%); 
	}
	to {
		opacity: 0;
		transform: scale(145%,145%);
		-ms-transform: scale(145%,145%); 	
		-moz-transform: scale(145%,145%); 	
		-webkit-transform: scale(145%,145%);
		-o-transform: scale(145%,145%); 
	}
}
@-o-keyframes ripple{
	from {
		opacity: 1;
		transform: scale(100%,100%);
		-ms-transform: scale(100%,100%); 	
		-moz-transform: scale(100%,100%); 	
		-webkit-transform: scale(100%,100%);
		-o-transform: scale(100%,100%); 
	}
	to {
		opacity: 0;
		transform: scale(145%,145%);
		-ms-transform: scale(145%,145%); 	
		-moz-transform: scale(145%,145%); 	
		-webkit-transform: scale(145%,145%);
		-o-transform: scale(145%,145%); 
	}
}
.ceo-bg.ceo1-bg {
	left: 131px;
    top: 326px;
}
.ceo-bg.ceo2-bg {
	left: 425px;
    top: 100px;
}
.ceo-bg.ceo3-bg {
	left: 730px;
    top: 516px;
}
.ceo-bg.ceo1-bg.another-ceo1-bg {
	left: 131px;
    top: 326px;
	animation-name:'ripple';
	-webkit-animation-name:'ripple';
	animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-timing-function: linear; 
	-webkit-animation-timing-function: linear; 
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-direction: normal;
	-webkit-animation-direction: normal;
}
.ceo-bg.ceo2-bg.another-ceo2-bg {
	left: 425px;
    top: 100px;
	animation-name:'ripple';
	-webkit-animation-name:'ripple';
	animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-timing-function: linear; 
	-webkit-animation-timing-function: linear; 
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-direction: normal;
	-webkit-animation-direction: normal;
}
.ceo-bg.ceo3-bg.another-ceo3-bg {
	left: 730px;
    top: 516px;
	animation-name:'ripple';
	-webkit-animation-name:'ripple';
	animation-duration: 3s;
    -webkit-animation-duration: 3s;
    animation-timing-function: linear; 
	-webkit-animation-timing-function: linear; 
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-direction: normal;
	-webkit-animation-direction: normal;
}
.ceo-logo {
	width: 80px;
	height: 80px;
	background-size: 100% 100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}
.ceo-logo1 {
    left: 131px;
    top: 326px;
	background :url(../images/jizhang_imgs/im_staff_a.png) no-repeat center center;
}
.ceo-logo2 {
    left: 425px;
    top: 100px;
	background :url(../images/jizhang_imgs/im_staff_c.png) no-repeat center center;
}
.ceo-logo3 {
    left: 730px;
    top: 516px;
	background :url(../images/jizhang_imgs/im_staff_b.png) no-repeat center center;
}
.ceo-tro {
	text-align: left;
}
.ceo-tro h1 {
	font-size: 18px;
	color: #333333;
	height: 20px;
	line-height: 20px;
	margin-bottom: 12px;
}
.ceo-tro p{
	font-size: 16px;
	color: #333333;
	height: 18px;
	line-height: 18px;
}
.ceo-tro.ceo1-tro {
	left: 236px;
	top: 337px;
}
.ceo-tro.ceo2-tro {
	left: 526px;
	top: 109px;
}
.ceo-tro.ceo3-tro {
	left: 832px;
	top: 529px;
}
.ceo-detail {
	width: 448px;
	height: 134px;
	background :url(../images/jizhang_imgs/im_qp_huisea.png) no-repeat center center;
	background-size: 100% 100%;
	font-size: 14px;
	color: #ffffff;
	line-height: 24px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    padding: 27px 18px 20px 21px;
}
.ceo-detail.ceo1-detail {
	left: 488px;
	top: 175px
}
.ceo-detail.ceo2-detail {
	left: 194px;
	top: 403px
}
.ceo-detail.ceo3-detail {
	left: 798px;
	top: 593px
}
/*history-develop部分*/
.history-develop {
	width: 100%;
	background: #F5F5F5;
}
.history-develop .open-btn {
	text-align: center;
	padding-top: 52px;
}
.history-develop .open-btn .btn {
	display: inline-block;
	width: 65px;
	height: 65px;
	background :url(../images/jizhang_imgs/icon_oclock.png) no-repeat center center;
	background-size: 100% 100%;
}
.develop-wraper {
	font-size: 0;
	padding-bottom: 165px;
}
.develop-wraper .wraper-left {
	display: inline-block;
	width: 50%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-right: 21px;
	text-align: right;
}
.develop-wraper .wraper-center {
	top: 0;
	bottom: 203px;
    width: 1px;
    background: #737DFF;
    left: 50%;
    margin-left: -1px;
}
.wraper-center .cir-bg {
	width: 18px;
	height: 18px;
	background :url(../images/jizhang_imgs/im_yq.png) no-repeat center center;
	background-size: 100% 100%;
	top: 95px;
	left: -8px;
}
.develop-wraper .wraper-right {
	display: inline-block;
	width: 50%;
	padding-left: 21px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: top;
}
.wraper-left .year {
	color: #737DFF;
	height: 32px;
	line-height: 32px;
	font-size: 24px;
	padding-right: 13px;
	margin-right: 62px;
}
.wraper-left .year::before {
	content: "";
	position: absolute;
	width: 9px;
	height: 6px;
	background :url(../images/jizhang_imgs/icon_dakai.png) no-repeat center center;
	background-size: 100% 100%;
	right: 0;
	top: 14px;
}
.wraper-left .message,
.wraper-right .message {
	font-size: 0
}
.wraper-left .message .white-wraper {
	display: inline-block;
	width: 510px;
	background: #ffffff;
	box-sizing: border-box;
	padding: 25px 26px 20px 54px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	vertical-align: top;
}
.wraper-right .message .white-wraper {
	display: inline-block;
	width: 510px;
	background: #ffffff;
	box-sizing: border-box;
	padding: 25px 33px 20px 26px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	vertical-align: top;
}
.wraper-left .message .date-wrapper {
	text-align: right;
	display: inline-block;
	margin-left: 20px;
	vertical-align: top;
}
.wraper-right .message .date-wrapper {
	text-align: left;
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
}
.message .date-wrapper .date {
	font-size: 18px;
	color: #999999;
	line-height: 18px;
	margin-bottom: 4px;
	margin-top: 41px;
}
.message .date-wrapper .date-year{
	font-size: 14px;
	color: #999999;
	line-height: 16px;
    opacity: 0.5;
}
.wraper-left .message .white-wraper::before {
    content: "";
    position: absolute;
    right: -10px;
    top: 50%;
    margin-top: -7px;
    width: 0;
    height: 0;
    border-width: 10px 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}
.wraper-right .message .white-wraper::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -7px;
    width: 0;
    height: 0;
    border-width: 10px 10px 10px 0px;
    border-style: solid;
    border-color: transparent #ffffff transparent transparent;
}
.wraper-left .white-wraper .version {
	text-align: right;
	font-size: 18px;
	line-height: 18px;
	color: #333333;
	margin-bottom: 10px;
}
.wraper-right .white-wraper .version {
	text-align: left;
	font-size: 18px;
	line-height: 18px;
	color: #333333;
	margin-bottom: 10px;
}
.wraper-left .white-wraper .detail {
	font-size: 14px;
	line-height: 24px;
	color : #666666;
	text-align: right;
}
.wraper-right .white-wraper .detail {
	font-size: 14px;
	line-height: 24px;
	color : #666666;
	text-align: left;
}