@charset "utf-8";

body{font-family:"microsoft yahei";}

/*banner*/
.bap-banner-box{ color: #fff; width: 100%; height: 590px; background: url("../image/bap_app/bapyd_bg.png") center no-repeat; background-size:auto 100%;}
.bap-banner-box .banner-big-title{width:280px; letter-spacing: 2px; font-size: 15px; line-height: 30px; margin-top: 120px;border-bottom: 1px solid #ffffff82;}
.bap-banner-box .banner-middle-title{width:100%; line-height: 65px; font-size: 52px; margin-top: 16px; /*font-family: "幼圆";*/}



/* 悬浮 */
/* .hover-section {position: absolute;top: 500px;} */
/* 悬浮图片 */
.hover-image {position: absolute;top: 100px;right: 25%;}
/* 悬浮框 */
.bap-hover {position: absolute;left: 0;right: 0;top:580px;width:80%;margin: -60px 10% 0 10%;padding: 60px 5% 60px 5%;box-shadow: 0px 4px 10px 3px #ececec;background: #fff;z-index: 2;}
.bap-hover-flex {display: flex;width: 100%;}
.bap-hover-flex >section { flex:1;padding-left: 70px;margin: 10px 0;}
.bap-hover-title { text-align: center;color: #0069d9;font-size: 36px;padding-bottom: 50px;font-weight: 100;}
.flex-first-title { font-size: 24px;font-weight: 100;padding: 20px 0 10px 0 ;}
.flex-second-title {font-size: 16px;text-align: left;color: #787878;padding-bottom: 30px;}

/* 移动审批 */
.app-report {margin-top: 550px;height: 704px;padding: 5%;background: url("../image/bap_app/bapyd_bg2.png") center no-repeat; background-size:auto 100%;overflow: hidden;}
.row-words {margin-top: 25%;}
.row-words >p:nth-child(1) {font-size: 30px;letter-spacing: 3px;padding: 20px 0;}
.row-words >p:nth-child(2) {font-size: 20px;letter-spacing: 2px;}
@media (min-width: 375px) {
    .bap-banner-box{height: 295px;}
    .bap-banner-box .banner-big-title{font-size: 13px;margin-top: 46px;}
    .bap-banner-box .banner-middle-title{font-size: 18px;margin-top: 10px;line-height: 20px;}
	.hover-image {position: absolute; top: 70px; width: 172px;right: 21px;}
	.hover-image >img {width: 90%;}
	.bap-hover {top: 280px;width: 90%;margin: -50px 5% 0 5%;padding: 30px 5% 60px 5%;}
	.app-report { display:flex;margin-top: 1240px;height: 400px;}
	.app-report img {width: 100%;}
	.bap-hover-title {font-size: 25px;    padding: 20px 0;}
	.row-words {margin-top: 10%;}
	.row-words >p:nth-child(1) {font-size:24px ;}
	.row-words >p:nth-child(2) {font-size: 16px;}
}
@media (min-width: 460px) {
    .bap-banner-box{height: 295px;}
    .bap-banner-box .banner-big-title{font-size: 13px;margin-top: 46px;}
    .bap-banner-box .banner-middle-title{font-size: 18px;margin-top: 10px;line-height: 20px;}
	.hover-image {position: absolute; top: 70px; width: 172px;right: 21px;}
	.hover-image >img {width: 90%;}
	.bap-hover {top: 280px;width: 90%;margin: -50px 5% 0 5%;padding: 30px 5% 60px 5%;}
	.app-report { display:flex;margin-top: 1200px;height: 400px;}
	.app-report img {width: 100%;}
	.bap-hover-title {font-size: 25px;    padding: 20px 0;}
	.row-words {margin-top: 10%;}
	.row-words >p:nth-child(1) {font-size:24px ;}
	.row-words >p:nth-child(2) {font-size: 16px;}
}
@media (min-width: 992px) {
    .bap-banner-box{height: 320px;}
    .bap-banner-box .banner-big-title{font-size: 14px;margin-top: 70px;width: 260px;border-bottom: 1px solid #ffffff82;}
    .bap-banner-box .banner-middle-title{font-size:22px;margin-top: 8px;line-height: 30px;}
	.hover-image {position: absolute; top: 138px; width: 250px;right: 0px;}
	.hover-image >img {width: 70%;}
	.bap-hover {top: 370px;width: 80%;margin: -50px 10% 0 10%;padding: 30px 5% 60px 5%;}
	.bap-hover-title {font-size: 30px;padding: 30px 0}
	
	.app-report { display:flex;margin-top: 570px;height: 400px;}
	.app-report img {width: 100%;}
	.row-words >p:nth-child(1) {font-size: 26px;}
	.row-words >p:nth-child(2) {font-size: 16px}
}
@media (min-width: 1200px) {
    .bap-banner-box{height: 590px;}
    .bap-banner-box .banner-big-title{font-size: 16px;margin-top: 130px;width: 290px;border-bottom: 1px solid #ffffff82;}
    .bap-banner-box .banner-middle-title{width: 100%;line-height: 65px; font-size: 52px;margin-top: 16px; }
	.hover-image {position: absolute; top: 160px; width: 500px;right:15%;}
	.hover-image >img {width: 80%;}
	.bap-hover-title {font-size: 36px;padding: 50px 0;letter-spacing: 3px;}
	.bap-hover {top: 600px;width: 80%;margin: -50px 10% 0 10%;padding: 30px 5% 60px 5%;}
	.app-report {display:flex; margin-top: 450px;height: 704px;}
	.app-report img {width: 100%;}
	.row-words >p:nth-child(1) {font-size: 30px ;}
	.row-words >p:nth-child(2) {font-size: 20px;}
}

/* 扫码微信 */
.bap_app_wx {padding: 100px 0 60px 0;background: #fff;}
.bap_app_wx >p:nth-child(1) {font-size: 26px;}
.bap_app_wx >img {width: 200px;margin: 40px 0 20px 0;}
.bap_app_wx >p:last-child {font-size: 20px;color: #1e90ff;}
/* 底部菜单 */
/* .footer-fixed {position: fixed; bottom: 20px;left: 0;right: 0;z-index: 10;} */
@media (max-width: 992px) {
.bap-hover-flex {display: block;}
.bap-hover-flex >section {padding-left: 0;text-align: center;}
.bap-hover-flex >section:nth-child(1){width: 100%;}
}
@media (max-width: 460px) {
	.hover-image {position: absolute;top: 124px;width: 134px;right: 0px;}
	.hover-image >img {width: 70%;}
	.bap-hover {top: 260px!important;width: 100%!important;margin: -50px 0 0 0!important;padding: 30px 5% 60px 5%!important;}
	.app-report {height: 345px;}
	.row-words > p:nth-child(1) ,.bap_app_wx > p:nth-child(1) {font-size: 20px;}
	
}