body{width: 100%;height: 100%;position: relative;}
/*合格投资者提示框*/
.popRemind{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: 20000;}
.popRemind .remindBox{position: fixed;top:10%;left: 60%;width: 670px;margin-left: -475px;background: #fff;}
.closeBtn{position: absolute;right: 38px;top:25px;cursor: pointer;}
.closeBtn img{width: 22px;}
.toptit{padding: 20px 20px;background: #00387e;color: #fff;font-size: 30px;line-height: 22px;text-align: center;}

.popRemind .remindBox .remindCon{padding: 25px 35px;color: #3b3b3b;font-size: 18px;line-height: 24px;}
.popRemind .remindBox .remindCon p{}
.popRemind .remindBox .popBtn{text-align: center;margin-top: 10px;}
.popRemind .remindBox .popBtn .btn{display: inline-block;width: 245px;font-size: 18px;line-height: 36px;color: #2e2e2e;text-align: center;background: #ccc;margin: 0 15px;border-radius: 25px;cursor: pointer;}
.popRemind .remindBox .popBtn #acceptBtn{background: #00387e;color: #fff;}

#fp-nav.right{right: 0;}
#fp-nav ul li, .fp-slidesNav ul li{width: auto;height: auto;margin: 8px 0;width: 60px;}
#fp-nav ul li a, .fp-slidesNav ul li a{width: 60px;}
/*#fp-nav ul li a span, .fp-slidesNav ul li a span{display: inline-block;text-align: center;background-color: rgba(255,255,255,0.5);width: 5px;height: 5px;margin: 16px 0;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: static;border: 4px solid transparent;}*/
/*#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span,#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width: 12px;height: 12px;background: transparent;border: 4px solid #fff;margin: 16px 0;}*/

#fp-nav ul li a span, .fp-slidesNav ul li a span{display: inline-block;text-align: center;background-color:#fff;width:44px;height: 2px;margin: 11px 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;position: static;}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span,#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width: 60px;height: 2px;background:#fff;margin: 11px 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}

#fp-nav.sl ul li a span {background-color: #6eafb1;}
#fp-nav.sl ul li a.active span, #fp-nav.sl ul li:hover a.active span,#fp-nav.sl ul li:hover a span{border: 4px solid #f15828;}

#fp-nav{padding-bottom: 35px;}

.banner {position: relative;overflow: hidden;}
.banner {position: relative;background-color: #000;overflow: hidden;}
.banner .swiper-container,.banner .swiper-wrapper,.banner .swiper-slide{height: 100%;}
.banner .img {width:100%;height: 100%;background-color: #000;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both; animation-fill-mode: both;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.banner .video{width: 100%;height: 100%;overflow: hidden;}
.banner .video video {width:100%; height:100%; object-fit: fill;}
.banner .titB{position: absolute;left: 0;top:35%;width: 100%;}
.banner .titB img{max-width: 100%;}
.banner .titB p{font-size: 58px;line-height: 86px;color: #fff;font-weight: bold;text-shadow: 0 0 8px rgba(0,0,0,0.18);}
.banner .swPage{position: absolute;left: 0;bottom: 70px;width: 100%;z-index: 100;}
.banner .swiper-pagination{float: left;position: static!important;bottom: 70px !important; }
.banner .swiper-pagination-bullet{display: inline-block; width: 84px; height: 4px ;background: rgba(255,255,255,0.5);margin-right: 15px!important;opacity: 1!important;cursor: pointer;border-radius: 0;}
.banner .swiper-pagination-bullet-active {background: #fff;}
.banner .swiper-navigation{position: absolute;bottom:70px;left: 0;width: 100%;}
.banner .swiper-navigation .wrap{font-size: 0;}
.banner .swiper-button-prev,.banner .swiper-button-next{position: static;display: inline-block;width:36px;height: 36px;background-position: center center;background-repeat: no-repeat;background-size: 100%;cursor: pointer;}
.banner .swiper-button-prev{background-image: url("/Public/Home/images/jiatou_lef.png");}
.banner .swiper-button-next{background-image: url("/Public/Home/images/jiatou_rig.png");margin-left: 10px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0.75;}

@-webkit-keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
@keyframes scaleBigToSmall{0%{opacity:1;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
    100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.scaleBigToSmall{-webkit-animation-name:scaleBigToSmall;-moz-animation-name:scaleBigToSmall;-o-animation-name:scaleBigToSmall;animation-name:scaleBigToSmall;transform-origin:50% 50%;}
.banner .swiper-slide-active .img{-webkit-animation: scaleBigToSmall 4s;-moz-animation: scaleBigToSmall 4s;-o-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}

.stock-fixed{position: absolute;right: 0;bottom: 70px;z-index: 1000;}
.stock-fixed .box{display: flex;flex-direction: row;align-items: flex-end;}
.stock-fixed .stock-box{width: 350px;height: 200px;background-color: #ffff;border-radius: 8px;padding: 15px 20px;box-sizing: border-box;display: none;}
.stock-fixed .stock-num{font-size: 18px;line-height: 24px;font-family: 'rajdhani';margin-bottom: 15px;}
.stock-fixed .stock-mes{}
.stock-fixed .stock-mes .lef{float: left;width:188px; }
.stock-fixed .stock-mes .lef .xj{display: flex;flex-direction: row;align-items: flex-end;}
.stock-fixed .stock-mes .lef #xj{font-size: 66px;line-height: 66px;color: #0063b2;font-family: 'rajdhani';}
.stock-fixed .stock-mes .lef .xj i{display: inline-block;font-size: 16px;line-height: 46px;color: #3f3f3f;font-family: 'rajdhani';}
.stock-fixed .stock-mes .lef .xj span{display: inline-block;width: 12px;height: 12px;background-image: url("/Public/Home/images/icon_up.png");margin-left: 10px;margin-bottom: 18px;}
.stock-fixed .stock-mes .lef .xj.down span{background-image: url("/Public/Home/images/icon_down.png");}


.stock-fixed .stock-mes .rig{float: right;width: 120px;}
.stock-fixed .stock-mes .rig .item{float: left;width: 60px;margin-bottom: 8px;}
.stock-fixed .stock-mes .rig .item p{font-size: 14px;line-height: 18px;color: #5f5f5f;font-family: 'rajdhani';}
.stock-fixed .stock-mes .rig .item span{display: inline-block;font-size: 18px;line-height: 18px;color: #1d1d1d;font-family: 'rajdhani';}
.stock-fixed .stock-mes .rig .item i{display: inline-block;font-size: 12px;line-height: 16px;}




.stock-fixed .stock-numBox{text-align: center;color: #fff;background-image: -webkit-linear-gradient(to right,#34abdc,#0267b4);background-image: -webkit-linear-gradient(to right,#34abdc,#0267b4);background-image: -moz-linear-gradient(to right,#34abdc,#0267b4);background-image: -ms-linear-gradient(to right,#34abdc,#0267b4);background-image: -o-linear-gradient(to right,#34abdc,#0267b4);background-image: linear-gradient(to right,#34abdc,#0267b4);padding: 6px 20px;border-radius: 30px;margin-left: 15px;cursor: pointer;}
.stock-fixed .stock-numBox span{display: block;font-size: 12px;line-height: 16px;}
.stock-fixed .stock-numBox p{font-size: 24px;line-height: 1;font-family: 'rajdhani';}
.stock-fixed .stock-time{font-size: 14px;line-height: 24px;color: #5f5f5f;margin-top: 15px;}

/*以上是banner*/
.section{background-repeat: no-repeat;background-position: center bottom;background-size: cover;overflow:hidden;}
.sec04{background-color: #f2f5fb;}
.section .cont{display:table;width: 100%;height: 100%;}
.section .cont .wrap{display: table-cell;vertical-align: middle;}
/*.section .cont .wrap img{width: 100%;}*/
.footer img{width: 100%;}

.downslider{position:fixed; left:50%; bottom: 30px;z-index:9999;width: 150px;margin-left: -75px;text-align: center; }
.mouse{display: inline-block;animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; -webkit-animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; cursor:pointer;text-align: center; margin: 0 auto}
.mouse img{width: 20px;}
.mouse p{font-size: 12px;line-height: 12px;color: #fff;font-family: 'gothamXL';margin-top: 12px; }
@keyframes b_jump{
    from{ transform:translateY(0); -webkit-transform:translateY(0);}
    to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
}
@-webkit-keyframes b_jump{
    from{ transform:translateY(0); -webkit-transform:translateY(0); }
    to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
}


.titleIn{}
.titleIn h2{font-size: 40px;line-height: 50px;color: #fff;margin-bottom: 25px;}
.titleIn p{font-size: 18px;line-height: 28px;color: #fff;}
.titleIn .more{display: inline-block;font-size: 16px;line-height: 20px;color: #fff;padding: 10px 20px;border: 1px solid rgba(255,255,255,0.21);margin-top: 45px;}
.titleIn .more img{width: 20px;margin-left: 45px;}

.section .cont .aboutIn{display: table-cell;vertical-align: middle;height: 100%;}
.aboutIn .lef,.aboutIn .rig{float: left;width: 50%;height: 100%;}
.aboutIn .lef{background-image: url("/Public/Home/images/ycxn2.png");background-position: bottom left 96px;background-repeat: no-repeat;background-size: auto auto;background-color:#2088da;}
.aboutIn .lef .aboutIn-cont{padding-left: 96px;padding-right: 150px;width: 100%;height: 100%;box-sizing: border-box;display:table;}
.aboutIn .lef .aboutIn-cont .cont{display: table-cell;vertical-align: middle;}

.aboutIn .lef .aboutIn-cont .aboutIn-list{color: #fff;margin-top: 100px;}
.aboutIn .lef .aboutIn-cont .aboutIn-list li{float: left;width: 32%;margin-right: 1%;}
.aboutIn .lef .aboutIn-cont .aboutIn-list li .num{display: flex;flex-direction: row;align-items: flex-end;}
.aboutIn .lef .aboutIn-cont .aboutIn-list li .num em{font-size: 70px;line-height: 54px;font-family: 'rajdhani';}
.aboutIn .lef .aboutIn-cont .aboutIn-list li .num i{font-size: 20px;line-height: 34px;margin-left: 10px;text-transform: uppercase;}
.aboutIn .lef .aboutIn-cont .aboutIn-list li .num span{font-size: 20px;line-height: 34px;margin-left: 10px;text-transform: uppercase;}
.aboutIn .lef .aboutIn-cont .aboutIn-list li p{font-size: 16px;line-height: 20px;}
.aboutIn .rig .img{height: 100%;background-repeat: no-repeat;background-position: bottom  center;background-size:cover;}

.proIn{}
.proIn .lef{float: left;width: 32%;padding-top: 100px;}
.proIn .rig{float: left;width: 68%;}
.proIn .rig .img{width: 100%;}
.proIn .rig img{width: 100%;}
.newsIn-list{}
.newsIn-list li{float: left;width: 32%;margin-right: 2%;}
.newsIn-list li:last-child{margin-right: 0;}
.newsIn-list li a{display: block;}
.newsIn-list li .img{overflow: hidden;}
.newsIn-list li .img img{width: 100%;}
.newsIn-list li .mes{padding: 20px 0;}
.newsIn-list li .mes p{font-size: 20px;line-height: 28px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsIn-list li .mes span{display: block;font-size: 14px;line-height: 20px;color: rgba(255,255,255,0.58);margin-top: 5px;}


.proIn-list{position: relative;float: right;width: 100%;height: 560px;}
.proIn-list li{position: absolute;width: 488px;height: 470px;}
.proIn-list li a{display: block;width: 100%;height: 100%;}
.proIn-list li a img{width: 100%;height: 100%;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; ;transition: all 0.3s linear;}
.proIn-list li.one{left: 0;bottom:0;z-index: 1;}
.proIn-list li.two{left: 360px;bottom:90px;z-index: 2;}
.proIn-list li.thr{left: 650px;bottom: 0;z-index: 3;}
.proIn-list li:hover{z-index: 20;}
.proIn-list li:hover a img{ -moz-transform:scale(1.05,1.05);  -webkit-transform:scale(1.05,1.05);  -o-transform:scale(1.05,1.05);  transform: scale(1.05,1.05);}











<!--0.00016093254089355-->