@import url(gray.css);
body{max-width:1920px;margin:auto}
.wrap{width:100%;max-width:1920px;position:relative;margin:0 auto;overflow:hidden}
.header{position:relative;z-index:0}
.container{position:relative;margin-top:-200px;z-index:2;overflow:hidden;background:url(../image/bg2.png) no-repeat top center;background-size:100% auto}
.header .video{width:138px;height:138px;position:absolute;left:143px;top:645px;cursor:pointer}
.qr-box{position:absolute;left:95px;right:0;top:830px;z-index:5;margin:0 auto;width:555px;height:155px;background:url(../image/qr_code_bg.png) no-repeat;background-size:100%;display:flex;padding-top:15px}
.qr-box .saoma-text{width:18px;height:131px;margin-left:32px}
.qr-box .qr-code{width:136px;height:132px;margin-left:12px}
.qr-box .tips{width:104px;height:133px;margin-left:5px}
.qr-box .download{margin-left:12px;width:200px}
.qr-box .download a{width:193px;height:43px;display:block;margin:0 auto 3px}
.download a:nth-child(1){background:url(../image/down1.png) no-repeat center;background-size:100% 100%}
.download a:nth-child(2){background:url(../image/down2.png) no-repeat center;background-size:100% 100%}
.download a:nth-child(3){background:url(../image/down3.png) no-repeat center;background-size:100% 100%}
.wrap .page-1 .qr-box .download a img{width:100%;height:100%}
.wrap .page-2{background:#ffffff59;width:1200px;border-radius:8px;margin:317px auto auto;display:flex}
.wrap .page-2 .box-1{padding:15px;width:610px;display:block}
.wrap .page-2 .box-1 .head-picture{width:600px;height:350px;overflow:hidden}
.wrap .page-2 .box-1 .head-picture img{width:100%}
.wrap .page-2 .box-1 .date{margin-top:5px;color:#324659;font-size:22px;width:100%;height:40px;line-height:40px;border-bottom:1px dashed #c0c5c7}
.wrap .page-2 .box-1 .title{margin-top:10px;font-size:15px;color:#324659}
.wrap .page-2 .box-1 .title a{color:#324659}
.wrap .page-2 .box-1 .content{margin-top:10px;color:#89858f;font-size:12px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wrap .page-2 .box-2{width:580px;margin-left:20px}
.wrap .page-2 .box-2 .menu{width:100%;height:50px;line-height:50px;display:flex}
.wrap .page-2 .box-2 .menu ul{width:80%}
.wrap .page-2 .box-2 .more{width:20%;height:50px;line-height:50px;color:#8ba2c0;font-size:18px;text-align:right}
.wrap .page-2 .box-2 .more img{width:53px;height:18px;margin:auto 0;vertical-align:middle;margin-right:2px}
.wrap .page-2 .box-2 .menu ul{width:100%;height:100%;margin-left:10px;display:flex}
.wrap .page-2 .box-2 .menu ul li{cursor:pointer;width:100px;height:50px;line-height:50px;text-align:left;padding-left:10px;color:#8ba2c0;font-size:18px;position:relative}
.wrap .page-2 .box-2 .menu ul li.on{color:#324659}
.wrap .page-2 .box-2 .menu ul li.on::after{content:"";position:absolute;bottom:0;left:3px;width:60px;height:3px;background-color:#324659}
.wrap .page-2 .box-2 .list-container{width:100%;margin-top:30px}
.wrap .page-2 .box-2 .list-container ul{width:100%}
.wrap .page-2 .box-2 .list-container ul li{margin-bottom:36px}
.wrap .page-2 .box-2 .list-container ul li a{width:100%;display:block;white-space:initial}
.wrap .page-2 .box-2 .list-container ul li .head-picture{width:164px;height:102px;overflow:hidden;float:left;margin-right:14px}
.wrap .page-2 .box-2 .list-container ul li .head-picture img{width:100%;height:100%}
.wrap .page-2 .box-2 .list-container ul li .info{width:68%;float:left;overflow:hidden}
.wrap .page-2 .box-2 .list-container ul li .info .date{color:#324659;font-size:22px;width:100%;height:30px;line-height:30px;border-bottom:1px dashed #c0c5c7}
.wrap .page-2 .box-2 .list-container ul li .info .title{margin-top:6px;font-size:15px;color:#324659}
.wrap .page-2 .box-2 .list-container ul li .info .content{margin-top:6px;color:#89858f;font-size:12px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.wrap .page-3{width:100%;position:relative;margin-top:245px}
.wrap .page-3 .line{width:100%;height:240px}
.wrap .page-3 .yx-swiper{width:1200px;margin:50px auto;position:relative}
.wrap .page-3 .hehua{position:absolute;right:0;top:340px;width:1554px;height:412px;background:url(../image/hehua.png) no-repeat;background-size:100%}
.wrap .page-3 .yx-swiper .swiper-container{height:309px}
.wrap .page-3 .yx-swiper .swiper-slide{width:377px;height:309px;margin:0 auto;text-align:center;font-size:18px;position:relative;transition:.3s;transform:scale(.8)}
.wrap .page-3 .yx-swiper .swiper-slide img{margin:0 auto;display:block}
.wrap .page-3 .yx-swiper .swiper-slide .videoButton{width:82%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;right:0;z-index:2;border-radius:50%;display:none}
.wrap .page-3 .yx-swiper .swiper-slide .videoButton a{width:100%;height:100%;background:url(../image/video_play_btn.png) no-repeat center;background-size:47px 47px;display:block}
.wrap .page-3 .yx-swiper .swiper-slide-active,.wrap .page-3 .yx-swiper .swiper-slide-duplicate-active{transform:scale(1)}
.wrap .page-3 .yx-swiper .swiper-slide-active:hover .videoButton{display:block}
.wrap .page-3 .yx-swiper .swiper-pagination-p3{width:662px;height:24px;left:50%;margin-left:-327px;top:363px}
.p3-more{position:absolute;top:118%;width:53px;height:18px;right:154px;z-index:5;background-image:url(../image/page2_more.png)}
.p3-more a{width:100%;height:100%;display:block}
.wrap .page-3 .yx-swiper .swiper-pagination-p3 span{margin:0 20px}
.wrap .page-3 .yx-swiper .swiper-pagination-p3 span::before{content:"";width:30px;height:2px;background:#9aabbf;position:absolute;margin:10px 0 0 16px}
.wrap .page-3 .yx-swiper .swiper-pagination-bullet{width:24px;height:24px;background:url(../image/yuan.png) no-repeat center;opacity:1}
.wrap .page-3 .yx-swiper .swiper-pagination-bullet-active{background:url(../image/yuan-hover.png) no-repeat center}
.wrap .page-3 .yx-swiper .swiper-pagination-p3 span:last-child::before{width:0}
.wrap .page-3 .yx-swiper .swiper-button-next,.wrap .page-3 .yx-swiper .swiper-container-rtl .swiper-button-prev{background-image:url(../image/yuan-right.png);right:244px;left:auto}
.wrap .page-3 .yx-swiper .swiper-button-prev,.wrap .page-3 .yx-swiper .swiper-container-rtl .swiper-button-next{background-image:url(../image/yuan-left.png);left:251px;right:auto}
.wrap .page-3 .yx-swiper .swiper-button-next,.wrap .page-3 .yx-swiper .swiper-button-prev{position:absolute;top:121%;width:18px;height:29px;margin-top:-14px;z-index:10;cursor:pointer;background-size:18px 29px;background-position:center;background-repeat:no-repeat}
.wrap .page-3 .yx-swiper .swiper-button-next::after{content:"";width:86px;height:2px;background:#9aabbf;position:absolute;margin:14px 0 0 -92px}
.wrap .page-3 .yx-swiper .swiper-button-prev::after{content:"";width:86px;height:2px;background:#9aabbf;position:absolute;margin:13px 0 0 25px}
.sp-img{position:absolute;right:0;top:0;width:82%;height:100%}
.sp-kuang{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;cursor:pointer}
.sp-text{position:absolute;left:100px;top:0;width:37px;height:225px;z-index:6}
.wrap .page-4{width:100%;position:relative;margin-top:260px}
.wrap .page-4 .line{width:100%;height:150px}
.wrap .page-4 .zy-swiper{width:1200px;margin:0 auto}
.wrap .page-4 .zy-swiper .swiper-container{width:1200px;height:992px;z-index:10}
.wrap .page-4 .zy-swiper .swiper-slide{position:relative}
.wrap .page-4 .zy-swiper .swiper-slide .pic-left{position:absolute;left:0;top:0;z-index:3;width:335px;opacity:0;transition:all .6s;-webkit-transition:all .6s;-webkit-transform:translateX(-50px);-moz-transform:translateX(-50px);transform:translateX(-50px)}
.wrap .page-4 .zy-swiper .swiper-slide .pic-right{position:absolute;left:0;top:0;z-index:2;width:100%;opacity:0;transition:all .6s;-webkit-transition:all .6s;-webkit-transform:translateX(70px);-moz-transform:translateX(70px);transform:translateX(70px)}
.wrap .page-4 .zy-swiper .swiper-slide-active .pic-left,.wrap .page-4 .zy-swiper .swiper-slide-active .pic-right{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
.wrap .page-4 .zy-swiper .swiper-pagination-p4{position:absolute;bottom:120px;z-index:12}
.wrap .page-4 .zy-swiper .swiper-pagination-p4 span{border-radius:0;width:90px;height:109px}
.wrap .page-4 .zy-swiper .swiper-pagination-p4 span.swiper-pagination-bullet{opacity:1;outline:0}
.wrap .page-4 .zy-swiper .swiper-pagination-p4 span:first-child{background:url(../image/yz_swiper_pagination_1.png) no-repeat;background-size:100%}
.wrap .page-4 .zy-swiper .swiper-pagination-p4 span.swiper-pagination-bullet-active:first-child{background:url(../image/yz_swiper_pagination_1_active.png) no-repeat;background-size:100%;border:none}
.wrap .page-4 .zy-swiper .swiper-pagination-p4 span:nth-child(2){background:url(../image/yz_swiper_pagination_2.png) no-repeat;background-size:100%}
.wrap .page-4 .zy-swiper .swiper-pagination-p4 span.swiper-pagination-bullet-active:nth-child(2){background:url(../image/yz_swiper_pagination_2_active.png) no-repeat;background-size:100%}
.wrap .page-4 .zy-swiper .swiper-pagination-p4 span:nth-child(3){background:url(../image/yz_swiper_pagination_3.png) no-repeat;background-size:100%}
.wrap .page-4 .zy-swiper .swiper-pagination-p4 span.swiper-pagination-bullet-active:nth-child(3){background:url(../image/yz_swiper_pagination_3_active.png) no-repeat;background-size:100%}
.wrap .page-4 .zy-swiper .swiper-pagination-p4 span:nth-child(4){background:url(../image/yz_swiper_pagination_4.png) no-repeat;background-size:100%}
.wrap .page-4 .zy-swiper .swiper-pagination-p4 span.swiper-pagination-bullet-active:nth-child(4){background:url(../image/yz_swiper_pagination_4_active.png) no-repeat;background-size:100%}
.wrap .page-4 .zy-swiper .swiper-pagination-p4 span.swiper-pagination-bullet-active{border:none}
.wrap .page-4 .cg-video{width:942px;height:913px;position:absolute;right:0;top:40px;z-index:2}
.cg-video .videoTopBg{width:100%;height:100%;position:absolute;top:0;right:0;z-index:5;background:url(../image/videoTopBg.png) no-repeat;background-size:100%}
.wrap .page-4 .cg-video video{width:87%;float:right}
.wrap .page-5{width:1325px;margin:110px auto;position:relative}
.wrap .page-5 .title{height:124px;margin-bottom:50px;background:url(../image/p5_title.png) no-repeat;background-size:100% 100%}
.characteristic{width:1240px;height:458px;overflow:hidden;margin:auto}
.page-5 .char-info{float:left}
.page-5 .char-info img{width:0;height:458px;opacity:0;transition:all .4s;-webkit-transition:all .4s}
.page-5 .char-info.on img{opacity:1;width:768px}
.page-5 .char-btn{width:109px;height:457px;cursor:pointer;display:inline-block}
.page-5 .char-btn:not(:last-child){margin-bottom:.1rem}
.page-5 .char-btn-1{background:url(../image/1.png) no-repeat center;background-size:100% 100%}
.page-5 .char-btn-2{background:url(../image/2.png) no-repeat center;background-size:100% 100%}
.page-5 .char-btn-3{background:url(../image/3.png) no-repeat center;background-size:100% 100%}
.page-5 .char-btn-4{background:url(../image/4.png) no-repeat center;background-size:100% 100%}
.wrap .page-5 .box{width:1200px;height:457px;margin:50px auto}
.wrap .page-5 .box .item{width:100px;height:457px;float:left;cursor:pointer}
.wrap .page-5 .box .item img{width:100%;height:100%}
.wrap .page-5 .box .big{width:768px}
.wrap .page-5 .box .big img{display:none;height:457px}
.wrap .page-5 .line{width:100%;height:90px}
.wrap .page-5 .menu{width:100%}
.wrap .page-5 .menu .menu-box{width:1200px;display:flex;justify-content:space-between;margin:0 auto}
.wrap .page-5 .menu .menu-box .menu-list{height:100%;display:flex;height:24px;line-height:24px;margin:auto 0}
.wrap .page-5 .menu .menu-box .menu-box-more{width:117px;height:18px;background:url(../image/page5_more.png) no-repeat;background-size:100%}
.wrap .page-5 .menu .menu-box .menu-box-more a{width:100%;height:100%;display:block}
.wrap .page-5 .menu .menu-box .menu-list li{cursor:pointer;width:80px;height:16px;line-height:16px;text-align:center;color:#91a7c3;font-size:18px;position:relative;border-right:1px solid #91a7c3}
.wrap .page-5 .menu .menu-box .menu-list li:first-child{border-left:1px solid #91a7c3}
.wrap .page-5 .menu .menu-box .menu-list li.on{color:#3f4d7a}
.wrap .page-5 .menu .menu-shzl-p5{width:1200px;height:544px;margin:0 auto;margin-top:50px;position:relative}
.wrap .page-5 .menu .swiper-container{height:544px;margin:0 auto;position:relative}
.wrap .page-5 .menu .swiper-container-h{margin:50px auto 77px;width:1325px}
.wrap .page-5 .menu .menu-shzl-p5 .swiper-container-v{width:1200px;height:544px;margin:0 auto}
.wrap .page-5 .menu .menu-shzl-p5 .swiper-container-v .swiper-wrapper{width:1200px;height:544px;margin:0 auto}
.wrap .page-5 .menu .menu-shzl-p5 .swiper-container-v .swiper-wrapper .swiper-slide{width:137px;height:544px}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:auto}
.wrap .page-5 .menu .menu-shzl-p5 .swiper-container-v .swiper-wrapper .swiper-slide a{width:137px;height:544px;display:block}
.wrap .page-5 .menu .menu-shzl-p5 .swiper-container-v .swiper-wrapper a img{width:100%;height:100%}
.swiper-container-rtl .swiper-button-next,.wrap .page-5 .swiper-button-prev{background:url(../image/shzl_swiper_left.png) no-repeat}
.swiper-container-rtl .swiper-button-prev,.wrap .page-5 .swiper-button-next{background:url(../image/shzl_swiper_right.png) no-repeat}
.swiper-button-prev,.wrap .page-5 .swiper-button-next{width:32px;height:45px;margin-top:-22px;background-size:32px 45px}
.wrap .column-nav{width:300px;height:520px;position:fixed;left:30px;top:50%;z-index:15;margin-top:-280px;font-size:16px;color:#7994af}
.wrap .column-nav .column-top{width:100%;display:flex}
.wrap .column-nav .column-top ul{width:110px;height:216px}
.wrap .column-nav .column-top .column-title{width:85px;height:195px;margin-left:16px;margin-top:10px}
.wrap .column-nav .column-top ul li{width:110px;height:48px;text-align:center;position:relative}
.wrap .column-nav .column-top ul li::before{content:"";position:absolute;top:8px;right:0;width:7px;height:7px;background:url(../image/nav_line_icon_5.png) no-repeat;background-size:100% 100%}
.wrap .column-nav .column-top ul li a{color:#7994af;font-size:15px;font-weight:400}
.wrap .column-nav .column-top ul li.on a{color:#1a2f44}
.wrap .column-nav .column-top ul li.on::before{background:url(../image/nav_line_icon_6.png) no-repeat;background-size:100% 100%}
.wrap .column-nav .column-top ul li::after{content:"";position:absolute;top:19px;right:3px;width:3px;height:32px;border-right:1px dashed #89858f}
.wrap .column-nav .column-top ul li:last-child::after{width:0;height:0}
.wrap .column-nav .column-top ul li.on span{position:absolute;width:25px;height:20px;background:url(../image/nav_line_icon_7.png) no-repeat;background-size:100%;top:3px;left:-10px}
.wrap .column-nav .column-bottom{width:255px;height:273px;background:url(../image/nav_line_download_1.png) no-repeat;background-size:100%;margin-top:16px;position:relative; }
.wrap .column-nav .column-bottom .column-bottom-1,.wrap .column-nav .column-bottom .column-bottom-2{position:absolute}
.wrap .column-nav .column-bottom .column-bottom-1{width:76px;height:76px;top:55px;left:31px}
.wrap .column-nav .column-bottom .column-bottom-2{width:145px;height:auto;top:160px;left:42px}
.wrap .column-nav .column-bottom .column-bottom-2 a{width:145px;height:48px;display:block;float:left;margin:0 auto 5px}
.column-bottom-2 a:nth-child(1){background:url(../image/nav_down_ios_1.png) no-repeat center;background-size:100% 100%}
.column-bottom-2 a:nth-child(2){background:url(../image/nav_down_and_1.png) no-repeat center;background-size:100% 100%}
.wrap .column-nav .column-bottom .column-bottom-2 a img{width:100%}
/*左侧*/
.wrap .side{width:153px;height:661px;background:url(../image/suspension_bg.png) no-repeat center;position:fixed;left:0;top:0;bottom:0;margin:auto;z-index:10}
.wrap .side .follow-us{position:absolute;width:371px;height:134px;background:url(../image/follow_bg.png) no-repeat 100% 100%;top:-60px;left:150px;display:none}
.wrap .side .follow-us .follow-box{font-size:15px;color:#fff;width:90%;margin:20px auto;display:flex}
.wrap .side .follow-us .follow-box .follow-qr-code{width:124px;text-align:center}
.wrap .side .follow-us .follow-info{margin-top:11px}
.wrap .side .follow-us .follow-box p{height:24px;line-height:24px}
.wrap .side .follow-us .follow-info p{height:32px;line-height:32px}
.wrap .side .side-in{margin:0 auto}
.wrap .side .side-in .qr-code{width:135px;margin:4px auto auto;overflow:hidden;text-align:left}
.wrap .side .side-in .qr-code p{color:#fff;float:left;font-size:14.5px;writing-mode:vertical-lr}
.wrap .side .side-in .qr-code img{display:block;float:left}
.code{margin-left:7px;width:112px;height:108px}
.wrap .side .side-in .video{width:135px;height:109px;margin:4px auto auto;cursor:pointer}
.wrap .side .side-in .video img{width:100%}
.wrap .side .side-in .downBtn{width:135px;margin:10px auto auto}
.wrap .side .side-in .downBtn li{width:137px;height:45px;margin-top:4px}
.wrap .side .side-in .downBtn li a{display:block;width:100%;height:100%}
.wrap .side .side-in .downBtn li img{width:135px;height:44px;display:block}
.side-in .downBtn li:nth-child(1) a{background:url(../image/ios_download.png) no-repeat center}
.side-in .downBtn li:nth-child(2) a{background:url(../image/android_download.png) no-repeat center}
.side-in .downBtn li:nth-child(3) a{background:url(../image/simulator_download.png) no-repeat center}
.wrap .side .side-in .follow{width:135px;height:44px;background:url(../image/follow.png) no-repeat;background-size:100% 100%;margin:4px auto auto;cursor:pointer;position:relative}
.wrap .side .side-in .tips{width:74px;height:95px;background:url(../image/tips.png) no-repeat;background-size:100% 100%;margin:0 auto;margin-top:6px}
.wrap .side .side-in .home{width:135px;height:87px;background:url(../image/home.png) no-repeat;background-size:100% 100%;margin:0 auto;margin-top:24px;display:block}
.wrap .side .side_btn{width:23px;height:29px;background:url(../image/left.png) no-repeat left;position:absolute;top:50%;left:152px}
.wrap .side .side_btn_right{width:23px;height:29px;background:url(../image/right.png) no-repeat left;position:absolute;top:50%;left:152px}