@font-face { font-family: impact; src: url('../fonts/impact.ttf'); }
/*声音*/
.audio-con { position: absolute; left: 10px; top: 10px; width: 30px; height: 30px; z-index: 6; }
.audio-con-on { background: url('../images/audio_on.png') no-repeat; background-size: 100% 100%; -webkit-animation: loading-rotate 2s linear infinite; animation: loading-rotate 2s linear infinite; }
.audio-con-off { background: url('../images/audio_off.png') no-repeat; background-size: 100% 100%; }

#fb5 #fb5-footer { height: 12vw; max-height: 60px; }
.clearfix:after { content: ""; clear: both; display: block; }
#fb5 p { font-size: 24px; color: #666666; line-height: 1.6; width: 690px; margin: 0 auto; text-indent: 2em; }
#fb5 h3 { font-size: 36px; color: #0054a3; font-weight: bold; text-align: center; display: block; line-height: 1.0; }
#fb5 img { max-width: 100%; }
#fb5 .bpage1 { background: url(../images/p1-bg.png) #004aa2 bottom center; background-size: 100%; position: absolute; }
#fb5 .bpage1 .icon { width: 404px; display: block; margin: 105px auto 0 auto; }
#fb5 .bpage1 .bottom { position: absolute; bottom: 80px; right: 0; width: 100%; }
#fb5 .bpage1 .bottom>img { width: 278px; display: block; margin: 0 auto; }
#fb5 .bpage1 .bottom p { display: inline-block; width: 100%; margin: 22px auto 38px auto; font-size: 24px; line-height: 1.0; color: #fff; text-align: center;text-indent: 0;}
#fb5 .bpage1 .bottom ul { display: block; width: 328px; margin: 0 auto !important; }
#fb5 .bpage1 .bottom li { display: block; width: 58px; height: 60px; margin-right: 32px; float: left; }
#fb5 .bpage1 .bottom li img { width: 100%; display: block; }
#fb5 .bpage1 .bottom li:nth-last-child(1) { margin-right: 0; }
#fb5 .logo { width: 216px; display: block; margin: 60px auto 0 auto; }
.h100 { height: 100%; }
#fb5 .bpage2 { position: relative; background-color: #fff; }
#fb5 .bpage2 .logo { margin: 60px auto 62px auto; }
#fb5 .count_list { display: block; }
#fb5 .count_list li { display: block; float: left; line-height: 1.0; text-align: center; width: 50%; box-sizing: border-box; }
#fb5 .count_list li:nth-child(1), #fb5 .count_list li:nth-child(2) { margin-bottom: 50px; }
#fb5 .count_list li:nth-last-child(1) { border-right: 0; }
#fb5 .count_list li div { font-size: 52px; color: #2a65ba; line-height: 1.0; margin-bottom: 12px; text-align: center; font-family: impact; }
#fb5 .count_list li p { font-size: 24px; color: #2a65ba; display: inline-block; line-height: 1.0; width: 100%; text-align: center; text-indent: 0; }
#fb5 .botimg { position: absolute; bottom: 0; right: 0; width: 100%; }
#fb5 .botimg { width: 100%; display: block; }
#fb5 .bpage3 { background-color: #fff; }
#fb5 .bpage3 .left-img { position: absolute; left: 30px; bottom: 88px; width: 285px; }
#fb5 .bpage3 .left-img img { display: block; width: 100%; }
#fb5 .bpage3 .iphone-img { position: absolute; right: 45px; bottom: 0; }
#fb5 .tap_group .tap_btnlist { display: block; text-align: center; margin: 40px auto 50px auto; width: 500px; }
#fb5 .tap_group .tap_btnlist li { display: block; color: #0054a3; cursor: pointer; font-size: 24px; line-height: 58px; border: 1px solid #0054a3; border-radius: 39px; height: 58px; width: 218px; text-align: center; float: left; left:
}
#fb5 .tap_group .tap_btnlist li:nth-child(1) { margin-right: 60px; }
#fb5 .tap_group .tap_btnlist .on { background-color: #0054a3; color: #fff; }
#fb5 .tap_group .tap_box { display: none; overflow: hidden; text-align: center; }
#fb5 .tap_group .tap_box p { font-size: 24px; color: #666666; line-height: 1.6; display: block; width: 690px; margin: 0 auto; text-indent: 2em; }
#fb5 .tap_group div.show { display: block; }
#fb5 .bpage4 { background: url(../images/p42.png) #fff no-repeat; background-size: 100% auto !important; background-position: left bottom; }
#fb5 .bpage4 .top { width: 320px; margin: 59px auto 61px auto; }
#fb5 .bpage4 .top .flimg { float: left; width: 193px; margin-right: 22px; }
#fb5 .bpage4 .top .frimg { float: right; }
#fb5 .bpage4 h3 { margin-top: 40px; }
#fb5 .bpage5 { background-color: #fff; }
#fb5 .bpage5 .top { width: 376px; margin: 75px auto 65px auto; }
#fb5 .bpage5 .bottom { margin: 79px auto 0 auto; width: 688px; }
#fb5 .bpage5 h3 { margin-top: 40px; }
#fb5 .bpage6 { background: url(../images/p63.png) #fff no-repeat; background-size: 100% auto !important; background-position: right bottom; }
#fb5 .bpage6 .top { width: 272px; margin: 113px auto 35px auto; }
#fb5 .bpage6 h4 { font-size: 30px; color: #0054a3; text-align: center; letter-spacing: 23px; line-height: 1.5; }
#fb5 .bpage6 .bottom { margin: 195px auto 0 auto; width: 695px; }
#fb5 .bpage7 { background-color: #fff; }
#fb5 .bpage7 p { text-align: center; }
#fb5 .bpage7 h1 { font-size: 48px; color: #0054a3; text-align: center; line-height: 1.0; margin: 88px auto 43px auto; display: block; }
#fb5 .bpage7 .bg { position: absolute; width: 690px; bottom: 45px; left: 96px; z-index: -1; }
#fb5 .bottom .abtn1 { position: absolute; left: 39px; bottom: 437px; }
#fb5 .bottom .abtn2 { position: absolute; left: 201px; top: 355px; }
#fb5 .bottom .abtn3 { position: absolute; right: 208px; top: 355px; }
#fb5 .bottom .abtn4 { position: absolute; right: 23px; bottom: 437px; }
#fb5 .bpage7 .ceng { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.7); width: 100%; display: none; height: 100%; }
#fb5 .bpage7 .tip-box { left: 185px; top: 245px; position: absolute; width: 380px; height: 470px; padding-top: 139px; padding: 139px 60px 0 60px; box-sizing: border-box; background: url(../images/bg1.png); }
#fb5 .bpage7 .tip-box h2 { font-size: 36px; color: #0054a3; line-height: 1.0; font-weight: bold; margin-bottom: 22px; text-align: center; }
#fb5 .bpage7 .tip-box p { color: #0054a3; line-height: 1.5; display: block; width: 100%; text-indent: 0; }
.close { position: absolute; left: 339px; bottom: 235px; }
#fb5 .bpage8 { background: url(../images/p8.png) #fff; }
#fb5 .bpage8 h1 { font-size: 48px; color: #0054a3; text-align: center; line-height: 1.0; margin: 59px auto 0 auto; display: block; }
#fb5 .bpage8 ul { display: block; }
#fb5 .bpage8 li { position: absolute; }
#fb5 .bpage8 .bt1 { left: 327px; top: 149px; width: 103px; }
#fb5 .bpage8 .bt2 { width: 217px; top: 270px; left: 54px; }
#fb5 .bpage8 .bt3 { width: 205px; top: 445px; left: 6px; }
#fb5 .bpage8 .bt4 { width: 205px; top: 614px; left: 52px; }
#fb5 .bpage8 .bt4 { width: 205px; top: 614px; left: 52px; }
#fb5 .bpage8 .bt5 { width: 103px; top: 680px; left: 327px; }
#fb5 .bpage8 .bt6 { width: 197px; top: 611px; right: 58px; }
#fb5 .bpage8 .bt7 { width: 188px; top: 450px; right: 10px; }
#fb5 .bpage8 .bt8 { width: 200px; top: 280px; right: 54px; }
#fb5 .bpage8 .bottom { position: absolute; bottom: 31px; left: 30px; width: 690px; height: 190px; background: url(../images/p90.png) no-repeat; background-size: 100%; }
#fb5 .bpage8 .bottom h5 { font-size: 48px; color: #fff; font-weight: bold; line-height: 1.0; position: absolute; bottom: 89px; left: 41px; }
#fb5 .bpage8 .bottom p { color: #fff; position: absolute; right: 47px; width: 385px; text-indent: 0; transform: translate(0, 40px); }
#fb5 .bpage9 { background: #fff; }
#fb5 .bpage9 .top { width: 268px; position: absolute; top: 88px; left: 238px; }
#fb5 .bpage9 h4 { text-align: center; position: absolute; top: 194px; letter-spacing: 22px; font-size: 30px; width: 100%; color: #0054a3; }
#fb5 .bpage9 .bottom { background: url(../images/pp3.png); background-position: center bottom; width: 750px; height: 779px; position: absolute; bottom: 0; left: 0; }
#fb5 .bpage9 .limg { position: absolute; left: 45px; bottom: 45px; z-index: 2; }
#fb5 .bpage9 .rimg { position: absolute; right: 37px; bottom: 268px; }
#fb5 .bpage10 { background: url(../images/p10.jpg); }
#fb5 .bpage10 h1 { margin-top: 89px; font-size: 48px; color: #0054a3; text-align: center; line-height: 1.0; }
#fb5 .bpage10 .bgimg { z-index: -1; margin: 110px auto 0 auto; width: 692px; }
#fb5 .bpage10 .mid p { position: absolute; display: inline-block; font-size: 20px; color: #333333; width: auto; text-indent: 0; line-height: 1.0; }
#fb5 .bpage10 .p1 { top: 215px; left: 316px; }
#fb5 .bpage10 .p2 { right: 72px; top: 269px; }
#fb5 .bpage10 .p3 { right: 35px; top: 507px; }
#fb5 .bpage10 .p4 { right: 7px; top: 650px; }
#fb5 .bpage10 .p5 { bottom: 250px; right: 40px; }
#fb5 .bpage10 .p6 { right: 142px; bottom: 143px; }
#fb5 .bpage10 .p7 { right: 315px; bottom: 100px; }
#fb5 .bpage10 .p8 { left: 146px; bottom: 143px; }
#fb5 .bpage10 .p9 { left: 40px; bottom: 254px; }
#fb5 .bpage10 .p10 { left: 5px; bottom: 400px; }
#fb5 .bpage10 .p11 { left: 40px; top: 503px; }
#fb5 .bpage10 .p12 { left: 73px; top: 269px; }
#fb5 .bpage11 { background: url(../images/p1-bg.png) #004aa2 bottom center; background-size: 100%; }
#fb5 .bpage11 .top { width: 360px; top: 60px; left: 197px; position: absolute; }
#fb5 .bpage11 .mid { position: absolute; top: 357px; left: 177px; text-align: center; }
#fb5 .bpage11 .mid li { display: block; width: 160px; margin-right: 75px; float: left; }
#fb5 .bpage11 .mid li:nth-child(2) { margin-right: 0; }
#fb5 .bpage11 .mid li p { display: block; margin: 19px auto 9px auto; font-size: 20px; text-indent: 0; color: #ffffff; line-height: 1.0; width: 100%; text-align: center; }
#fb5 .bpage11 .mid li p img { display: inline-block; margin-right: 8px; }
#fb5 .bpage11 .mid li span { background: url(../images/p11bg.png); line-height: 20px; text-align: center; height: 20px; color: #ffffff; font-size: 20px; display: block; }
#fb5 .bpage11 .bottom { position: absolute; bottom: 76px; left: 43px; width: 666px; }
#fb5 .bpage11 .bottom h1 { font-size: 24px; font-weight: bold; line-height: 1.0; font-weight: normal; margin-bottom: 39px; color: #ffffff; display: block; }
#fb5 .bpage11 .bottom .line { margin-bottom: 16px; line-height: 1.0; color: #fff; font-size: 20px; width: 100%; }
#fb5 .bpage11 .bottom .line a {color: #fff; display: inline-block; line-height: 1.0; width: auto; font-size: 20px; text-indent: 0; white-space: nowrap;}
#fb5 .bpage11 .bottom .line p {color: #fff; display: inline-block; line-height: 1.0; width: auto; font-size: 20px; text-indent: 0; white-space: nowrap;}
#fb5 .bpage11 .bottom .line h3 { display: inline; letter-spacing: 2em; font-size: 20px; font-weight: normal; line-height: 1.0; color: #ffffff; }
#fb5 .bpage11 .bottom .line h3:after { content: ""; margin-left: -2em; display: inline-block; }
#fb5 .bpage11 .bottom .line span { display: inline; font-size: 20px; line-height: 1.0; color: #ffffff; }
#fb5 .bpage11 .bottom .line .fax { margin-left: 87px; }
#fb5 .bpage11 .bottom .line .add { margin-left: 89px; }
#fb5 .bpage11 .bottom .line .ma { display: inline-block; margin: 0 22px; float: none; }
#fb5 .fadeIn { opacity: 0; transition: all 1s; }
#fb5 .active .fadeIn { opacity: 1; }
#fb5 .fadeInUp { opacity: 0; transition: all 1s; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); }
#fb5 .active .fadeInUp { opacity: 1; -webkit-transform: none; transform: none; }
#fb5 .zoomIn { opacity: 0; transition: all 1s; -webkit-transform: scale(0); transform: scale(0); }
#fb5 .active .zoomIn {; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
#fb5 .fadeInRight { opacity: 0; transition: all 1s; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); }
#fb5 .active .fadeInRight { opacity: 1; -webkit-transform: none; transform: none; }
#fb5 .fadeInLeft { opacity: 0; transition: all 1s; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); }
#fb5 .active .fadeInLeft { opacity: 1; -webkit-transform: none; transform: none; }
#fb5 .prev.mob{ display: none; width: 13px; height: 13px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; position: absolute; left: 8%; top: 50%; z-index: 20; transform: translateY(-50%) rotate(45deg) !important; -webkit-transform: translateY(-50%) rotate(45deg) !important; }
#fb5 .next.mob { display: none; width: 13px; height: 13px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; position: absolute; right: 8%; top: 50%; z-index: 20; transform: translateY(-50%) rotate(-135deg) !important; -webkit-transform: translateY(-50%) rotate(-135deg) !important; }
#fb5 .fb5-menu li {
    width: 18px;
}


#fb5 .fb5-menu li .fb5-zoom-auto { display: none; border-radius: 5px;text-align: center;}
@media screen and (max-width: 768px) {
	#fb5 .prev.pc{display: none !important;    width: 0;}
	#fb5 .next.pc{display: none !important;    width: 0;}
	#fb5 .prev.mob{display: block;}
	#fb5 .next.mob{display: block;}
}