@charset "utf-8";
*{margin: 0;padding: 0;}
html,body{overflow-x: hidden;}
.container{background-color: #143b80;}
.main{width: 1200px; margin: 0 auto;text-align: center;position: relative;}
.header{background:url('../images/header_bg.jpg?v=1') center center no-repeat;width: 100%;height: 828px;}
.part1{background:url('../images/p1_bg.jpg') center center no-repeat;width: 100%;height: 1133px;margin-top: -1px;}
.part2{background:url('../images/p2_bg.jpg') center center no-repeat;width: 100%;height: 837px;margin-top: -1px;}
.part3{background:url('../images/p3_bg.jpg') center center no-repeat;width: 100%;height: 1023px;margin-top: -1px;}
.part4{background:url('../images/p4_bg.jpg') center center no-repeat;width: 100%;height: 880px;margin-top: -1px;}
.part5{background:url('../images/p5_bg.jpg') center center no-repeat;width: 100%;height: 1060px;margin-top: -1px;}
.ab{position: absolute;}
.nav{width: 1700px;height: 70px;line-height: 70px;background-color: #173455; left: -260px;top: 860px;z-index: 9;-webkit-transform:skew(-30deg);transform:skew(-30deg);display: flex;display: -webkit-flex;}
.nav li{cursor: pointer;flex: 1;-webkit-flex: 1;-webkit-transform:skew(30deg);transform:skew(30deg);font-size: 26px;}
.nav li a{color: #fff;}
.nav li:hover a{color: #ee6f48;}
.nav li .active{color: #ee6f48;}
.nav_qr{position: fixed;left: 0;top: 300px;z-index: 99;}
.p1_title{margin-top: 200px;}
.p1_lbbg{left: -46px;top: 336px;}
.p1_qr{right: -218px;bottom: -23px;}
.p1_lb{width: 1300px;height: 700px;left: 0;top: 0;}
.p1_lb .p1_vid{position: absolute;left: 96px;top: 130px;z-index: 9; width: 697px; height: 417px;}
.p1_lb .num{right: 42px;top: 14px;font-size: 76px;color: #01215b;font-weight: bold;}
.p1_lb .txt{width: 697px;height: 60px;left: 96px;top:546px;line-height: 60px;background: rgba(225, 225, 225,0.5);font-size: 16px;color: #fff;}
.p1_lb .introduce{right: 160px;top: 134px;width: 294px;text-align: left;color: #fff;line-height: 32px;}
.p1_lb .name span{font-size: 32px;display: block;}
.p1_lb .name span:first-child{font-weight: bold;}
.p1_lb .name span:last-child{font-size: 24px;}
.p1_lb .case{font-size: 22px;font-weight: bold;margin-top: 30px;}
.p1_lb .job{font-size: 16px;margin-top: 30px;}
.tx{right: 130px;top: 120px;}
.p2_title{margin-top: 60px;}
.p2_lb{margin-top: 30px;width: 1026px; overflow: hidden;}
.p2_lb .swiper-slide{overflow: hidden;}
.p2_tip{position: absolute;left: 338px;top: 254px;}
.p3_title{margin-top: 110px;}
.p3_box{position: absolute;right: 0;bottom: 0;z-index: 9; width: 608px;height: 402px;}
.p3_lb{width: 1000px;height: 680px;margin-top: 40px;}
.p3_lb p{width: 260px;position: absolute;left: 0;top: 300px;font-size: 20px;color: #fff;text-align: left;text-indent: 2em;}
.p4_title{margin-top: 64px;}
.p4_box{width: 1080px;height: 640px;background-color: #4e648d;margin: 0 auto;padding-top: 24px;position: relative;}
.p4_tip{position: absolute;right: 0;bottom: 26px;}
.p5_title{margin-top: 50px;}
.p5_lb{margin-top: 50px;width: 1240px;height: 674px;}
.swiper-button-next{background: url("../images/right.png");width: 59px;height: 59px;z-index: 9;}
.swiper-button-prev{background: url("../images/left.png");width: 59px;height: 59px;z-index: 9;}
.p2_next{right: 0px;top: 466px;}
.p2_prev{left: 0px;top: 466px;}
.p3_next{right: 0px;top: 570px;}
.p3_prev{left: 0px;top: 570px;}
.p5_next{right: -120px;top: 490px;}
.p5_prev{left: -80px;top: 490px;}
.gotop{position: fixed;right: 50px;bottom: 80px;z-index: 99;cursor: pointer;}
.vfx-image-wrap{width:1026px;height: 560px;position: relative;cursor: ew-resize;}
.before-image {position: absolute;top: 0;left: 0;width: 50%;overflow: hidden;border-right: 2px solid #143b80;z-index: 1;}
.after-image {position: absolute;top: 0;left: 0;z-index: 0;}
.divider-bar {width: 356px;height: 66px;background: url("../images/p2_tip.png") no-repeat center;position: absolute;left: 50%;margin-left: -178px;top: 50%;margin-top: -46px;z-index: 2;}
.code{position: absolute;right: 12px;bottom: -216px;}
.com{
    width:1026px;height: 560px;
    background-size: 100% 100%;
}