body{
	background: #F6F8FF;
}

/* 用户选择模式 start */
.view-mode {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #25437F;
	z-index: 100;
	background-image:url("/images/w2/indexVmBg.png");
	background-size:100%;
	background-repeat:no-repeat;
}
.negative-num {
	color: #31C6A2 !important;
}
.positive-num {
	color: #F16B6B !important;
}
.broker-wrapper .el-dialog {
	background-color: transparent;
	box-shadow: none;
}
.view-mode .flexBox{
	display:flex;
	width:300px;
}
.view-mode .tipsBox{
	position:absolute;
	right:0;
	top:64px;
	display:flex;
}
.view-mode .tipsBox .tipsTitle{	
	font-size: 20px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #FFFFFF;
	
}
.view-mode .follow-icon{
	width:24px;
	
}
.view-mode .vmIcon{
	position:absolute;
	left:0;
	top:32%;
	width:324px;
	left: 50%;
    transform: translate(-50%, -50%);
}
.view-mode .bg-img {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.view-mode .btn-container {
	display: flex;
	justify-content: center;
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.view-mode .btn-container .btn-item {
	width: 360px;
	height: 100px;
	background: #FFFFFF;
	box-shadow: 0px 16px 15px 0px rgba(28, 50, 122, 0.15);
	border-radius: 100px;
	border: 1px solid #E5E7EC;		
	font-size: 24px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #313836;
	line-height:100px;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	transition: box-shadow 0.3s;
	cursor:pointer;
}
.view-mode .btn-item .enter-box {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	font-weight: normal;
	color: #BAC0CC;
	margin-left: 16px;
	margin-right:34px;
	border: 1px solid #BAC0CC;
	border-radius: 50%;
}
.view-mode .btn-item .enter-box .font-arrow {
	font-size: 14px;
	font-weight: 600;
}
.view-mode .btn-container .btn-item:hover {
	box-shadow: 0px 16px 15px 0px rgba(28, 50, 122, 0.15);
}
.view-mode .btn-container .btn-item:hover .enter-box {
	color: #25437F;
	border-color: #25437F;
}
.view-mode .btn-container .btn-item .item-img {
	position: absolute;
	top: 0;
	left: 0;
}
/* 用户选择模式 end */

#main_view{
	padding-bottom:0 !important;
}
#webHome{
	min-height:1000px;
	min-width:960px;
	background: #F4F8FF;
	font-family: PingFangSC-Semibold, PingFang SC;
}
#webHome .bottomBox {
    position: relative;
    padding-bottom:110px;
    height:640px;
    background-image: url("/images/w2/prohezuobg.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#webHome .flexBox {
    display: flex;
}
#webHome .boxNochengzhang {
    position: relative;
    border-radius: 6px 6px 0 0;
    height: 156px;
    background:#314282;
}
.bottomBox_title{
	font-size: 40px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #314282;
	text-align:center;
	padding-top:100px;
	padding-bottom:42px;
	
}
img.boxNochengzhangBG {
    position: absolute;
    z-index: 1;
}

#webHome .chengzhangBox {
    width: 826px;
    margin: 0 auto;
    height: 136px;
}
#webHome .chengzhangBoxContextTitle {
    font-size: 22px;
    text-align: center;
    margin-top: 7px;
    color: #fff;
}
#webHome .chengzhangBoxContextImg {
    width: 95px;
    height: 92px;
    position: absolute;
    top: -28px;
    right: 17px;
}
#webHome .chengzhangBoxContext {
    position: relative;
    margin-top: 32px;
}
#webHome .chengzhangBox {
    width: 826px;
    margin: 0 auto;
    height: 136px;
}
#webHome .chengzhangBoxContextNum {
    font-size: 36px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #fff;
    text-align:center;
}
#webHome .toRsgisterBtn:hover{
	background:#4C61AE !important;
	border:1px solid #4C61AE !important;
}
#webHome .tologinBtn:hover{
	background:#5870CB !important;
	color:#fff;
}

.loginIcon{
	vertical-align: middle;
	margin-right:8px;
	font-size: 22px;
}
.head-container{
	background: #314282;

}
#webHome ul,li{
	list-style: disc;
}
.boxNo{	
	width:1280px;
	position:relative;
	margin:0 auto;
	
	
}
.boxNo .backImg{
	width:1280px;
	min-width:960px;
	
}

.nsightbackImg{ 
	position: absolute;
	bottom: 0;
	width: 100%;
	height:435px;
	   
}

.nsightbackImgicon{
	position:absolute;
    right: 0;
    top:69px;
    z-index: 10;
}
.proCelueBox{
	height:750px;
	position:relative;
	background-image:url("/images/w2/proceluebg.png");
	background-size:100% 100%; 
	background-repeat: no-repeat;
}

.boxContextBox{
	width:960px;
	position: absolute;
   	left:0;
   	top:75px;
   	
}
.nsightTitle{
	font-size:64px;
	color:#FDFDFD;

}
.titleBox{
	font-size:16px;
	color:#FDFDFD;
	width:494px;
	line-height: 30px;
	margin-top:14px;

}
.boxNoLianghua{
	width:1280px;
	height: 700px;
	position:relative;
	margin:0 auto;

}

.boxNoLianghua .backImg{
	width:1280px;
	height:700px;
	position:absolute;

  
}
.lianghuabackImg{
	
	position:absolute;
	width: 100%;
    height: 700px;
	
}

.lianghuaTitle{
	font-size:36px;
	padding-top:123px;
	position:relative;
	
}

.lianghuaContext{
	font-size:20px;
	padding-top:16px;
}	
.boxNoLianghua .imgBox{
	position:relative;
	
}
.rotateBox{
	width:150px;
	height:150px;
	position: absolute;
    left: 0px;
    bottom: 237px;
    cursor:pointer;
   
    
}


.celueImg img{
	width:150px;
	height:150px;
	position: absolute;
    left: 0;
    top: 0; 
}
.celueImg .imgContext{
	position: absolute;
    left: 34px;
    top: 63px;
    font-size: 20px;
    letter-spacing: 1px;
    color: white;
    
}

.zhanweiImg1{
	width:150px;
	height:150px;
	position: absolute;
    left: 0px;
    bottom: 0px;

}
.zhanweiImg1 .zhanweiImgContext1{
	width:150px;
	height:150px;
	border-radius:75px;
	position: absolute;
    left: 0;
    top: 0; 
    background:#5870CB;
}
.zhanweiImg1 .zhanweiImgContext2{
	
    position: absolute;
    left: 34px;
    top: 39px;
}

.oval{
	position: absolute;
    width: 135px;
    height: 135px;
    border-radius:68px;
    background:rgba(108, 155, 255, 0.25);
    z-index: 1;
    left: 7px;
    top: 8px;
    opacity:0;
    -webkit-transition:all 1s;
    -o-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;

  
}

.rotateBox:hover .hideBox{
	opacity:1;
	bottom: -120px;
}
.rotateBox:hover .oval{
	opacity:0.8;
	-webkit-transform:scale(1.4);
	   -moz-transform:scale(1.4);
	    -ms-transform:scale(1.4);
	     -o-transform:scale(1.4);
	        transform:scale(1.4);
}
.rotateBox:hover .celueImg{
	-webkit-transform:rotateY(-180deg);
	   -moz-transform:rotateY(-180deg);
	        transform:rotateY(-180deg);
}
.rotateBox:hover .zhanweiImg1{
	-webkit-transform:rotateY(0);
	   -moz-transform:rotateY(0);
	        transform:rotateY(0);
}
.rotateBox:hover .circleBox .line1{
	opacity:1;
	width: 51px;
	height:2px;
}
.rotateBox:hover .circleBox .line2{
	opacity:1;
	width: 60px;
	height:2px;
}
.rotateBox:hover .circleBox .line3{
	opacity:1;
	width: 23px;
	height:2px;
}
.rotateBox:hover .circleBox .circle1{
	opacity:1;
}
.rotateBox:hover .circleBox .circle2{
	opacity:1;
}
.rotateBox:hover .circleBox .circle3{
	opacity:1;
}


.rotateBox2{
	width:150px;
	height:150px;
	position: absolute;
    left: 240px;
    bottom: 150px;
     cursor:pointer;
      perspective: 500;
	-webkit-perspective: 500; /* Safari 和 Chrome */
}


.huiceImg .imgContext{
	position: absolute;
    left: 34px;
    top: 63px;
    font-size: 20px;
    letter-spacing: 1px;
    color: white;
  
}
.zhanweiImg2 .zhanweiImgContext1{
	width:150px;
	height:150px;
	border-radius:75px;
	position: absolute;
    left: 0;
    top: 0; 
    background: #5870CB;
}
.zhanweiImg2 .zhanweiImgContext2{
    position: absolute;
    left: 36px;
    top: 41px;
}

.zhanweiImg2{
	width:150px;
	height:150px;
	position: absolute;
    left: 0;
    bottom: 0;
    
}


.circleBox2 .line1{
	height: 0px;
	-webkit-transform: rotate(-66deg);
	   -moz-transform: rotate(-66deg);
	    -ms-transform: rotate(-66deg);
	     -o-transform: rotate(-66deg);
	        transform: rotate(-66deg);
	width: 0;
	background: #D8D8D8;
    position: absolute;
    left: 92px;
    top: 10px;
    -webkit-transition:width 1s;
    -o-transition:width 1s;
    -moz-transition:width 1s;
    transition:width 1s;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
   
}
.circleBox2 .line2{
	height: 0px;
	-webkit-transform: rotate(-151deg);
	   -moz-transform: rotate(-151deg);
	    -ms-transform: rotate(-151deg);
	     -o-transform: rotate(-151deg);
	        transform: rotate(-151deg);
    width: 0;
    background: #D8D8D8;
    position: absolute;
    left: 10px;
    top: 46px;
    -webkit-transition:width 1s;
    -o-transition:width 1s;
    -moz-transition:width 1s;
    transition:width 1s;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
    /* transition-delay:1s; */
    /* opacity:0; */
}
.circleBox2 .line3{
	height: 0px;
	-webkit-transform: rotate(31deg);
	   -moz-transform: rotate(31deg);
	    -ms-transform: rotate(31deg);
	     -o-transform: rotate(31deg);
	        transform: rotate(31deg);
    width: 0;
    background: #D8D8D8;
    position: absolute;
    left: 131px;
    top: 113px;
    -webkit-transition:width 1s;
    -o-transition:width 1s;
    -moz-transition:width 1s;
    transition:width 1s;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
    /* transition-delay:1s; */
    /* opacity:0; */
}
.circleBox2 .circle1{
	width: 53px;
    position: absolute;
    left: 83px;
    top: -57px;
    opacity: 0;  
    -webkit-transition:all 1s;  
    -o-transition:all 1s;  
    -moz-transition:all 1s;  
    transition:all 1s;
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
}

.circleBox2 .circle2{
	width: 40px;
    position: absolute;
    left: -39px;
    top: 8px;
    opacity: 0;  
    -webkit-transition:all 1s;  
    -o-transition:all 1s;  
    -moz-transition:all 1s;  
    transition:all 1s;
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
}

.circleBox2 .circle3{
	width: 46px;
    position: absolute;
    left: 134px;
    top: 107px;
    opacity: 0;  
    -webkit-transition:all 1s;  
    -o-transition:all 1s;  
    -moz-transition:all 1s;  
    transition:all 1s;
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
}
.rotateBox2:hover .oval{
	opacity:0.8;
	-webkit-transform:scale(1.4);
	   -moz-transform:scale(1.4);
	    -ms-transform:scale(1.4);
	     -o-transform:scale(1.4);
	        transform:scale(1.4);
}

.rotateBox2:hover .circleBox2 .line1{
	opacity:1;
	width: 30px;
	height:2px;
}
.rotateBox2:hover .circleBox2 .line2{
	opacity:1;
	width: 20px;
	height:2px;
}
.rotateBox2:hover .circleBox2 .line3{
	opacity:1;
	width:12px;
	height:2px;
}
.rotateBox2:hover .circleBox2 .circle1{
	opacity:1;
}
.rotateBox2:hover .circleBox2 .circle2{
	opacity:1;
}
.rotateBox2:hover .circleBox2 .circle3{
	opacity:1;
}

.rotateBox2:hover .huiceImg{
	-webkit-transform:rotateY(-180deg);
	   -moz-transform:rotateY(-180deg);
	        transform:rotateY(-180deg);
}
.rotateBox2:hover .zhanweiImg2{
	-webkit-transform:rotateY(0);
	   -moz-transform:rotateY(0);
	        transform:rotateY(0);
}
.rotateBox2:hover .hideBox2{
	opacity:1;
	bottom: -100px;
}

.rotateBox3{
	width:150px;
	height:150px;
	position: absolute;
    left: 490px;
    bottom: 237px;
     cursor:pointer;
      perspective: 500;
	-webkit-perspective: 500; /* Safari 和 Chrome */
}


.zhanweiImg3 .zhanweiImgContext1{
	width:150px;
	height:150px;
	position: absolute;
    left: 0;
    top: 0;
    border-radius:75px;
    background: #5870CB; 
}
.zhanweiImg3 .zhanweiImgContext2{
    position: absolute;
      left: 36px;
    top: 41px;
}
.zhanweiImg3{
	width:150px;
	height:150px;
	position: absolute;
    left: 0;
    bottom: 0;
  
}

.circleBox3 .line1{
	height: 0px;
	-webkit-transform: rotate(-106deg);
	   -moz-transform: rotate(-106deg);
	    -ms-transform: rotate(-106deg);
	     -o-transform: rotate(-106deg);
	        transform: rotate(-106deg);
    width: 0;
    background: #D8D8D8;
    position: absolute;
    left: 54px;
    top: 9px;
    -webkit-transition:width 1s;
    -o-transition:width 1s;
    -moz-transition:width 1s;
    transition:width 1s;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
   
}
.circleBox3 .line2{
	height: 0px;
	-webkit-transform: rotate(-215deg);
	   -moz-transform: rotate(-215deg);
	    -ms-transform: rotate(-215deg);
	     -o-transform: rotate(-215deg);
	        transform: rotate(-215deg);
    width: 0;
    background: #D8D8D8;
    position: absolute;
    left: 18px;
    top: 111px;
    -webkit-transition:width 1s;
    -o-transition:width 1s;
    -moz-transition:width 1s;
    transition:width 1s;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
    /* transition-delay:1s; */
    /* opacity:0; */
}
.circleBox3 .line3{
	height: 0px;
	-webkit-transform: rotate(4deg);
	   -moz-transform: rotate(4deg);
	    -ms-transform: rotate(4deg);
	     -o-transform: rotate(4deg);
	        transform: rotate(4deg);
    width: 0;
    background: #D8D8D8;
    position: absolute;
    left: 141px;
    top: 77px;
    -webkit-transition:width 1s;
    -o-transition:width 1s;
    -moz-transition:width 1s;
    transition:width 1s;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
    /* transition-delay:1s; */
    /* opacity:0; */
}
.circleBox3 .circle1{
	width: 53px;
    position: absolute;
    -webkit-transform: rotate(-24deg);
       -moz-transform: rotate(-24deg);
        -ms-transform: rotate(-24deg);
         -o-transform: rotate(-24deg);
            transform: rotate(-24deg);
   left: 14px;
    top: -73px;
    opacity: 0;  
    -webkit-transition:all 1s;  
    -o-transition:all 1s;  
    -moz-transition:all 1s;  
    transition:all 1s;
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
}

.circleBox3 .circle2{
	width: 40px;
    position: absolute;
    left: 151px;
    top: 55px;
    opacity: 0;  
    -webkit-transition:all 1s;  
    -o-transition:all 1s;  
    -moz-transition:all 1s;  
    transition:all 1s;
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
}

.circleBox3 .circle3{
	width: 46px;
    position: absolute;
    left: -38px;
    top: 107px;
    opacity: 0;  
    -webkit-transition:all 1s;  
    -o-transition:all 1s;  
    -moz-transition:all 1s;  
    transition:all 1s;
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s;
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
}
.rotateBox3:hover .oval{
	opacity:0.8;
	-webkit-transform:scale(1.4);
	   -moz-transform:scale(1.4);
	    -ms-transform:scale(1.4);
	     -o-transform:scale(1.4);
	        transform:scale(1.4);
}

.rotateBox3:hover .circleBox3 .line1{
	opacity:1;
	width: 47px;
	height:2px;
}
.rotateBox3:hover .circleBox3 .line2{
	opacity:1;
	width: 22px;
	height:2px;
}
.rotateBox3:hover .circleBox3 .line3{
	opacity:1;
	width: 13px;
	height:2px;
}
.rotateBox3:hover .circleBox3 .circle1{
	opacity:1;
}
.rotateBox3:hover .circleBox3 .circle2{
	opacity:1;
}
.rotateBox3:hover .circleBox3 .circle3{
	opacity:1;
}

.rotateBox3:hover .fangzhenImg{
	-webkit-transform:rotateY(-180deg);
	   -moz-transform:rotateY(-180deg);
	        transform:rotateY(-180deg);
}
.rotateBox3:hover .zhanweiImg3{
	-webkit-transform:rotateY(0);
	   -moz-transform:rotateY(0);
	        transform:rotateY(0);
}
.rotateBox3:hover .hideBox3{
	opacity:1;
	bottom: -120px;
}


.rotateBox4{
	width:150px;
	height:150px;
	position: absolute;
    left: 740px;
    bottom: 150px;
     cursor:pointer;
      perspective: 500;
	-webkit-perspective: 500; /* Safari 和 Chrome */
}

.zhanweiImg4 .zhanweiImgContext1{
	width:150px;
	height:150px;
	position: absolute;
    left: 0;
    top: 0; 
    border-radius:75px;
        background: #5870CB;
}
.zhanweiImg4 .zhanweiImgContext2{
    position: absolute;
    left: 36px;
    top: 41px;
}

.zhanweiImg4{
	width:150px;
	height:150px;
	position: absolute;
    left: 0;
    bottom: 0;

}
.rotateBox4:hover .oval{
	opacity:0.8;
	-webkit-transform:scale(1.4);
	   -moz-transform:scale(1.4);
	    -ms-transform:scale(1.4);
	     -o-transform:scale(1.4);
	        transform:scale(1.4);
}

.rotateBox4:hover .circleBox4 .line1{
	opacity:1;
	width: 36px;
	height:2px;
}
.rotateBox4:hover .circleBox4 .line2{
	opacity:1;
	width: 23px;
	height:2px;
}
.rotateBox4:hover .circleBox4 .line3{
	opacity:1;
	width: 19px;
	height:2px;
}
.rotateBox4:hover .circleBox4 .circle1{
	opacity:1;
}
.rotateBox4:hover .circleBox4 .circle2{
	opacity:1;
}
.rotateBox4:hover .circleBox4 .circle3{
	opacity:1;
}
.rotateBox4:hover .pingguImg{
	-webkit-transform:rotateY(-180deg);
	   -moz-transform:rotateY(-180deg);
	        transform:rotateY(-180deg);
}

.rotateBox4:hover .hideBox4{
	opacity:1;
	bottom: -100px;
}

.rotateBox5{
	 cursor:pointer;
	width:150px;
	height:150px;
	position: absolute;
    right: 138px;
    bottom: 237px;
      perspective: 500;
	-webkit-perspective: 500; /* Safari 和 Chrome */
}

.zhanweiImg5 .zhanweiImgContext1{
	width:150px;
	height:150px;
	position: absolute;
    left: 0;
    top: 0; 
    border-radius:75px;
    background: #5870CB;
}
.zhanweiImg5 .zhanweiImgContext2{
    position: absolute;
    left: 43px;
    top: 41px;
}
.zhanweiImg5{
	width:150px;
	height:150px;
	position: absolute;
    left: 0;
    bottom: 0;

}


.rotateBox5:hover .oval{
	opacity:0.8;
	-webkit-transform:scale(1.4);
	   -moz-transform:scale(1.4);
	    -ms-transform:scale(1.4);
	     -o-transform:scale(1.4);
	        transform:scale(1.4);
}

.rotateBox5:hover .circleBox5 .line1{
	opacity:1;
	width: 36px;
	height:2px;
}
.rotateBox5:hover .circleBox5 .line2{
	opacity:1;
	width: 22px;
	height:2px;
}
.rotateBox5:hover .circleBox5 .line3{
	opacity:1;
	width: 26px;
	height:2px;
}
.rotateBox5:hover .circleBox5 .circle1{
	opacity:1;
}
.rotateBox5:hover .circleBox5 .circle2{
	opacity:1;
}
.rotateBox5:hover .circleBox5 .circle3{
	opacity:1;
}
.rotateBox5:hover .shipanImg{
	-webkit-transform:rotateY(-180deg);
	   -moz-transform:rotateY(-180deg);
	        transform:rotateY(-180deg);
}
.rotateBox5:hover .zhanweiImg5{
	-webkit-transform:rotateY(0);
	   -moz-transform:rotateY(0);
	        transform:rotateY(0);
}
.rotateBox5:hover .hideBox5{
	opacity:1;
	bottom: -120px;
}
.boxNoLianghua .el-button{
	padding: 8px 21px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	color:#fff;
	border:1px solid #5870CB;
	background: #5870CB;
	margin-top:16px;
}



.boxNojidian{
	width:1280px;
	height: 750px;
	position:relative;
	margin:0 auto;
}
.jidianbackImg{
	    width: 80%;
    height: 546px;
    position: absolute;
    left: 0;
    top: 86px;
}
.boxNojidian .backImg{
	width:1280px;
	min-width:960px;
	position: absolute;
	
}


.jidianTitle{
	font-size:36px;
	padding-top:110px;
	color:#fff;
}

.jidianContext{
	font-size:20px;
	padding-top:16px;
	color:#fff;
}

.boxNojidian .el-button{
	padding: 8px 21px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	color:#fff;
	border:1px solid #5870CB;
	background: #5870CB;
	margin-top:16px;
}	


#webHome .el-button:hover{
	background:#4C61AE; 
	color:#fff;
}

.jidianBox{
	width:246px;
	height:288px;
}

.jidianBox:after{
	content:'';
	width: 173px;
	height: 1px;
	position:absolute;
	top: 68px;
    left: 133px;
	 background: -webkit-linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 100%);
	background: -moz-linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 100%);
	background: -o-linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 100%);
	background: linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 100%);
}

.jidianBoxSec{
	width:344px;
	height:129px;
	background: rgba(69, 79, 159, 0.64);
	-webkit-border-radius:6px;
	   -moz-border-radius:6px;
	        border-radius:6px;
	position:relative;        
	
}

.jidianBoxSec:before{
	content:'';
	width:344px;
	height:1px;
	position:absolute;
	top:0;
	left:0;
	 background: -webkit-linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 50%,#313D6C 100%);
	background: -moz-linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 50%,#313D6C 100%);
	background: -o-linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 50%,#313D6C 100%);
	background: linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 50%,#313D6C 100%);
	
}
.jidianBoxSec:after{
	content:'';
	width:344px;
	height:1px;
	position:absolute;
	bottom:0;
	left:0;
	 background: -webkit-linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 50%,#313D6C 100%);
	background: -moz-linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 50%,#313D6C 100%);
	background: -o-linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 50%,#313D6C 100%);
	background: linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 50%,#313D6C 100%);
	
}
.into{
    position: absolute;
    left: 186px;
    top: 71px;	
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 20px;
}
.intoIcon{
	width:16px;
    vertical-align: middle;
	margin-left:12px;
}
img.jidianBoxbg {
    position: absolute;
    z-index: 1;
}

.boxNojidian .poistionTo1{
	position:absolute;
	top: 344px;
    left: 0px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	
	
}
.boxNojidian .poistionTo2{
	position:absolute;
	top: 344px;
	left:288px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	
}
.boxNojidian .poistionTo3{
	position:absolute;
	top: 344px;
	left:580px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	
}
.boxNojidian .poistionTo3:before{
	content:'';
	width:10px;
	height:10px;
	border-radius:5px;
	background:rgba(255,255,255,0.5);
	position:absolute;
	right: -70px;
    top: 63px;	
}
.boxNojidian .poistionTo4{
	position:absolute;
	top:330px;
	right:0px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	cursor:pointer;
}
.boxNojidian .poistionTo5{
	position:absolute;
	top: 489px;
    right:0px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	cursor:pointer;
}

.boxNojidian .poistionTo4:hover{
	
	-webkit-box-shadow: 0px 8px 16px 0px rgba(28, 50, 122, 0.2);
	   -moz-box-shadow: 0px 8px 16px 0px rgba(28, 50, 122, 0.2);
	        box-shadow: 0px 8px 16px 0px rgba(28, 50, 122, 0.2);
}
.boxNojidian .poistionTo4:hover .intoIcon{
	margin-left:16px;
}
.boxNojidian .poistionTo5:hover .intoIcon{
	margin-left:16px;
}
.boxNojidian .poistionTo5:hover{
	
	-webkit-box-shadow: 0px 8px 16px 0px rgba(28, 50, 122, 0.2);
	   -moz-box-shadow: 0px 8px 16px 0px rgba(28, 50, 122, 0.2);
	        box-shadow: 0px 8px 16px 0px rgba(28, 50, 122, 0.2);
}

.jidianBoxTitle{
	position:relative;
	z-index:2;
}
.jidianBoxImg{
	
}

.jidianBoxImgSec{
	height:98px;
	width:98px;
	/* position:absolute;
	right:21px;
	top:49px; */
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}

.imgback{
	height:100px;
	width:100px;
	position:relative;
	margin-left: 24px;
    margin-top: 20px;
    text-align:center;
}
.jidianBoxTap{
	font-size:18px;
	font-weight:600;
	color:#fff;
	margin-left:24px;
}
.jidianBoxTapSec{
	position:absolute;
	left: 186px;
    top: 40px;
	font-size:18px;
	color:#fff;
	font-weight:600;
}

.jidoanBoxContext{
	padding-top: 21px;
	line-height: 23px;
    font-size: 12px;
    width:201px;
    margin-left: 24px;
    
}
.jidoanBoxContext li{
	list-style: none;
	position:relative;
	color:#fff;
}
.jidoanBoxContext li i{
	color:#5870CB;
	position: absolute;
    left: -24px;
	
}

.jidoanBoxContextSec{
	width:183px;
	height:34px;
	line-height:20px;
	font-size:14px;
	color:#fff;
	position:absolute;
	left: 27px;
    top: 59px;
	
}


.proguanliBox{
	height:750px;
	background-image:url("/images/w2/proguanlibg.png");
	background-size:100% 100%; 
	background-repeat: no-repeat;
}
.boxNoguanli{
	width:1280px;
	height: 750px;
	position:relative;
	margin:0 auto;
	
	
}
.boxNoguanli .backImg{
	position: absolute;
    right: 0px;
    top: 120px;
    width: 704px;

}
.guanliTitle{
	font-size:36px;
	padding-top:120px;
	position:relative;
	
}

.guanliContext{
	position:relative;

   
}
.guanliBoxImg{
	font-size:32px;
	color:#87BBFD;
	margin-top: 4px;
}
.guanliBoxContext{
	font-size:20px;
	position:absolute;
	left:80px;
	top:5px;
	
}

.boxNoguanli .el-button{
	padding: 8px 21px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	color:#fff;
	border:1px solid #5870CB;
	background: #5870CB;
	margin-top:16px;
}	


.projidianBox{
	height:750px;
	position:relative;
	background-image:url("/images/w2/simu2.png");
	background-size:100% 100%; 
	background-repeat: no-repeat;
}
.boxNosimu{
	width:1280px;
	height: 550px;
	position:relative;
	margin:0 auto;
	/* background:#F0F2F5; */
}
.boxNosimu .backImg{
	width:1280px;
	min-width:960px;
	position: absolute;
	
}

.simuliTitle{
	font-size:36px;
	padding-top:98px;
	color:#fff;
}
.simubackImg{
	width:100%;
	height:750px;
	position:absolute;
}
.simuContext{
	display:flex;
	margin-top: 100px;
}

.simuContext_tap{
	width: 376px;
	height: 442px;
	position: relative;
	
}
.simuContext_tap:before{
	content:'';
	width: 249px;
	height: 1px;
	position:absolute;
	top: 84px;
    left: 214px;
	 background: -webkit-linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 100%);
	background: -moz-linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 100%);
	background: -o-linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 100%);
	background: linear-gradient(90deg, #313D6C 0%,  rgba(255,255,255,0.5) 100%);
}
.simuContext_tap:after{
	content:'';
	height: 80px;
	border-right:1px dashed rgba(255,255,255,0.2);
	position:absolute;
	top: 154px;
    left: 111px;
	 background: -webkit-linear-gradient(180deg, #313D6C 0%,  rgba(255,255,255,0.5) 100%);
	background: -moz-linear-gradient(180deg, #313D6C 0%,  rgba(255,255,255,0.5) 100%);
	background: -o-linear-gradient(180deg, #313D6C 0%,  rgba(255,255,255,0.5) 100%);
	background: linear-gradient(180deg, #313D6C 0%,  rgba(255,255,255,0.5) 100%);
	 background-origin: border-box;
}
.simuContext_tap:last-child:before{
	content:'';
	width: 249px;
	height: 0px;
}

/* .simuContext_tap:hover{
	transform: translateY(-10px);
}
.simuContext_tap:hover .simuContext_tap_img{
	transform: translateY(-110px);
}

.simuContext_tap:hover .simuContext_tap_title{
	transform: translateY(-110px);
}
.simuContext_tap:hover .simuContext_tap_text{
	opacity:0;
	
} */
.simuContext_tap_text_small{
    padding-left: 98px;
    
    position: absolute;
    top: 215px;
    opacity: 0;
        text-align: left;
    font-size:14px;
    color:rgba(0,0,0,0.5);
    -webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
    z-index:2;
	font-weight: 400;
	line-height: 22px;       
}
.simuContext_tap:hover .simuContext_tap_text_small{
	opacity:1;
	 -webkit-transition-delay:0.5s;
       -moz-transition-delay:0.5s;
         -o-transition-delay:0.5s;
            transition-delay:0.5s; 
}

.simuContext_tap_img{
	margin-left: 27px;
}
.simuContext_tap_title{	
	font-size: 18px;
	font-weight: 600;
	color: #313836;
	line-height: 28px;
	color:#fff;
     z-index:2;
     margin-left:58px;
     margin-top:69px;
     position: relative;
}
.simuContext_tap_text{	
	font-size: 16px;
	font-weight: 400;
	color: #313836;
	line-height: 24px;
	margin-top: 8px;
	color:#fff;
	text-align: left;
	margin-left:58px;
    opacity:1;
    z-index:2;
    position: relative;
}
.simuContext_tap_button .el-button{
    color: #fff !important;
    border: none !important;
    padding:0 !important;
    background: transparent !important;
    margin-top: 16px;
    position:absolute;
    bottom:38px;
    left:58px;
    z-index:2;
    font-size:14px;
       
}
.simuContext_tap_button .el-button i{
	margin-left:5px;
}
.simuContext_tap_button .el-button:hover i{
	margin-left:10px;
}



.simuLunbo{
	width:900px;
	height:351px;
	position:absolute;
	top:125px;	
	left:190px;
	backgound:white;
	
}

.simuLunbo .el-carousel__item{
	background:#fff;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
	        border-radius: 10px;
}
.el-carousel{
	z-index:2;
}

.simuLunbo .el-button{
	padding: 8px 21px;
	-webkit-border-radius: 34px;
	   -moz-border-radius: 34px;
	        border-radius: 34px;
	color:#466FF6;
	border:1px solid #466FF6;
	background: transparent;
	position:absolute;
	bottom:30px;
	right:175px;
	
}
.lunboImg1 {
	width:100%;
	height:351px;
}

.changeNum{
	-moz-animation: suofang 1s;
	  -o-animation: suofang 1s;
	     animation: suofang 1s;
	 -webkit-animation: suofang 1s;
}
@-webkit-keyframes suofang{
	0%{
		-webkit-transform: scale(1);
		        transform: scale(1)
	}
	50%{
		-webkit-transform:scale(1.66);
		        transform:scale(1.66);
	}
	100%{
		-webkit-transform:scale(1);
		        transform:scale(1);
	}
	
}
@-moz-keyframes suofang{
	0%{
		-moz-transform: scale(1);
		     transform: scale(1)
	}
	50%{
		-moz-transform:scale(1.66);
		     transform:scale(1.66);
	}
	100%{
		-moz-transform:scale(1);
		     transform:scale(1);
	}
	
}
@-o-keyframes suofang{
	0%{
		-o-transform: scale(1);
		   transform: scale(1)
	}
	50%{
		-o-transform:scale(1.66);
		   transform:scale(1.66);
	}
	100%{
		-o-transform:scale(1);
		   transform:scale(1);
	}
	
}
@keyframes suofang{
	0%{
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1)
	}
	50%{
		-webkit-transform:scale(1.66);
		   -moz-transform:scale(1.66);
		     -o-transform:scale(1.66);
		        transform:scale(1.66);
	}
	100%{
		-webkit-transform:scale(1);
		   -moz-transform:scale(1);
		     -o-transform:scale(1);
		        transform:scale(1);
	}
	
}

.lunboLeftImg{
	height: 31px;
    width: 25px;
    position:absolute;
    left: 19px;
    top: 157px;
    z-index: 20;
    cursor: pointer;
}
.lunboRightImg{
	height: 31px;
    width: 25px;
   	position:absolute;
    right: 19px;
    top: 157px;
    z-index: 20;
    cursor: pointer;
}



.lunboText_title{
	font-size: 14px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	text-align:center;
	margin-top:44px;
}
.lunboText_text{
	font-size: 14px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 400;
	margin-top:18px;
	margin-left:90px;
	line-height: 24px;
}
.lunboText_li{
	font-size: 12px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 400;
	margin-left:94px;
	margin-top: 20px;
    line-height: 20px;
}


.chengzhangbackImg{
	width:100%;
	height:400px;
	bottom:44px;
	position:absolute;
}
.borderline{
	
}
.borderline1{
	height:1px;
	width:50px;
	background:#5D84FF;
	-webkit-transform:rotate(-45deg); 
	    -moz-transform:rotate(-45deg); 
	         transform:rotate(-45deg);
	      
	position:absolute;
	right: -34px;
    top: 31px;
    z-index: 1;          
}
.borderline2{
	height:1px;
	width:120px;
	background:#5D84FF;
	position:absolute;
	left: 176px;
    top: 13px;
    z-index: 1;  
}
.borderline3{
	height:6px;
	width:6px;
	background:#5D84FF;
	border-radius:3px;
	position:absolute;
	left: 291px;
    top: 10px;
    z-index: 1;  
}
.borderlineup .borderline1{
	height:1px;
	width:50px;
	background:#5D84FF;
	-webkit-transform:rotate(45deg); 
	    -moz-transform:rotate(45deg); 
	         transform:rotate(45deg);
	      
	position:absolute;
	right: -34px;
   	top: 127px;
    z-index: 1;          
}
.borderlineup .borderline2{
	height:1px;
	width:120px;
	background:#5D84FF;
	position:absolute;
	left: 176px;
    top: 145px;
    z-index: 1;  
}
.borderlineup .borderline3{
	height:6px;
	width:6px;
	background:#5D84FF;
	border-radius:3px;
	position:absolute;
	left: 291px;
    top: 142px;
    z-index: 1;  
}
.lineTitle{
	position:absolute;	
	font-size: 18px;
	font-weight: 600;
	color: #313836;
	line-height: 28px;
	right: -104px;
    top: -15px;
}
.lineText{
	position:absolute;		
	font-size: 14px;	
	line-height: 21px;
	font-weight: 400;
	color: #000000;
	right: -199px;
    top: 19px;
}
.lineTitleup{
	position:absolute;	
	font-size: 18px;
	font-weight: 600;
	color: #313836;
	line-height: 28px;
	right: -104px;
    top: 113px;
}
.lineTextup{
	position:absolute;		
	font-size: 14px;	
	line-height: 21px;
	font-weight: 400;
	color: #000000;
	right: -165px;
    top: 152px;
}
.jidoanBoxContext ul{
	margin-top:14px;
	font-size:14px;
	margin-left: 24px;
}
img.simuContext_tapbg {
    position: absolute;
    z-index: 1;
}
.boxNosimu .el-button{
	padding: 8px 21px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    border: 1px solid #87BBFD;
    background: #87BBFD;
    margin-top: 16px;
}
#webHome .boxNosimu .el-button:hover{
	background: #4C61AE;
}	
.boxNosimu .simuliTitle_button{
	padding: 8px 21px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    border: 1px solid #5870CB;
    background: #5870CB;
    margin-top: 16px;
}
.boxNosimu .simuliTitle_button:hover{
	background:#4C61AE;
}
.smallIcon{
	height:100px;
	width:100px;
	border-radius:8px;
	position: absolute;
	left: 31px;
	top: 12px;

}

.jidianbackground{
	
	background-image:url("/images/w2/jidianback2.png");
	background-size:100% 100%;
	background-repeat:no-repeat;
}


#ordWebHome{
	font-family: PingFangSC-Semibold, PingFang SC;
	background:#fff;
}
#main_view{
	    padding-bottom: 0px !important;
}
#ordWebHome .homeBanner{
	height:436px;
	width:100%;
	
	position:relative;
}

#ordWebHome .homeBanner_title{	
	font-size: 50px;
	font-weight: 600;
	color: #FFFFFF;
	line-height: 70px;
	position:absolute;
	top:60px;
	left:50%;
	transform:translateX(-50%);
}
#ordWebHome .homeBanner_title.downTitle{
	top:90px;
}

#ordWebHome .registerBox{
	position:absolute;
	top:161px;
	left:50%;
	transform:translateX(-50%);
}
#ordWebHome .bannerCarousel{
	width: 900px;
	height: 280px;
	position: absolute;
    /* margin: 0 auto; */
    border-radius: 4px;
    left: calc(50% - 450px);
    top:260px;
}
#ordWebHome .bannerCarousel .el-carousel__item{
	border-radius:4px;
	cursor:pointer;
}
#ordWebHome button.el-carousel__arrow.el-carousel__arrow--left {
    background: rgba(15, 26, 48, 0.5);

}
#ordWebHome button.el-carousel__arrow.el-carousel__arrow--right {
	  background: rgba(15, 26, 48, 0.5);
}
#ordWebHome .el-carousel__arrow{
	font-size:16px;
}

#ordWebHome .loginIcon{
	vertical-align: middle;
	margin-right:8px;
	width:24px;
	font-size: 26px;
}
#ordWebHome .homebgFirst{
	background-image:url("/images/w2/homebg1.png");
	background-size:100% 100%;
	background-repeat:no-repeat;
}
#ordWebHome .investment{
	margin-top:149px;
	padding-bottom:74px;
	height:540px;
}
#ordWebHome .boxTitle{
	
	font-size: 32px;
	font-weight: 600;
	color: #0F1A30;
	line-height: 54px;
}
#ordWebHome .boxTitleNav{	
	font-size: 20px;
	font-weight: 400;
	color: #535B6A;
	line-height: 30px;
	
}
#ordWebHome .checkBox{
	display:flex;
	
}
#ordWebHome .ordlicai{
	position: absolute;
    top: 22px;
    right: 0;
    display:flex;
	justify-content: flex-end;
	padding-top: 16px;
	padding-bottom:32px;
}
#ordWebHome .ordlicai::after{
	content:'';
	width:1280px;
	height:1px;
	background:#E5E7EC;
	position:absolute;
	bottom: 31px;
    right: 0;
}
#ordWebHome .checkBox_nav{
	width:82px;
	height:52px;
	line-height:52px;	
	font-size: 18px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 400;
	color: #535B6A;
	text-align:center;
	margin-right:26px;
	position:relative;
	cursor:pointer;
}
#ordWebHome .isCheck::after{
	content:'';
	width: 48px;
	height: 6px;
	background: #92D9DA;
	position:absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
	
}
#ordWebHome .checkBox_nav.isCheck{
	font-weight: 600;
}
#ordWebHome .prudCarousel .el-carousel__item{
	width: 616px;
}
#ordWebHome .prudCarousel{
	width: 618px;
    height: 441px;
}
#ordWebHome .prudCarousel_item{
	height:100%;
	width:611px;
	position:relative;
	cursor:pointer;
}

#ordWebHome .prudCarousel_item01{
	background: #FFF;
	border-radius: 6px;
}
#ordWebHome .prudCarousel_item02{
	background: #FFF;
	border-radius: 6px;
 	
}
#ordWebHome .prudCarousel_item03{
	background: #FFF;
	border-radius: 6px;
 	
}
#ordWebHome .prudCarousel_item05{	
	 border-radius: 6px;
	 background: -webkit-linear-gradient(180deg, #E5D9C9 0%, #C7B299 100%);
	background: -moz-linear-gradient(180deg, #E5D9C9 0%, #C7B299 100%);
	background: -o-linear-gradient(180deg, #E5D9C9 0%, #C7B299 100%);
	background: linear-gradient(180deg, #E5D9C9 0%, #C7B299 100%);
}
#ordWebHome .prudCarousel_item04{
	 border-radius: 6px;
	 background:#fff;
}


#ordWebHome .prudCarousel_title{	
	font-size: 24px;
	font-weight: 600;
	color: #FFFFFF;	
	padding-left:49px;
	padding-top:28px;
	padding-bottom:14px;
	border-bottom:1px solid #E5E7EC;
	position: relative;
	    z-index: 1;
}
#ordWebHome .prudCarousel_contextBox{
	position:relative;
	z-index:1;
}

#ordWebHome .colorBlack{
	color:#0F1A30 !important;

}
#ordWebHome .colorBlackSmall{
	color:#313836 !important;
}
#ordWebHome .colorpur{
	color:#7A8396;
}
#ordWebHome .flagBox{
	width: 197px;
	position:absolute;
	height:37px;
	right:0;
	top:21px;
	z-index:1;	
	font-size: 18px;
	font-weight: 600;
	line-height:37px;
	text-align:center;
}
#ordWebHome .flagBoxIMG{
	position:absolute;
	right:-5px;
	top:0;
	z-index:-1;
}

#ordWebHome .flagBoxBlue{
	width: 197px;
	position:absolute;
	right:0;
	top:21px;
	z-index:1;	
	font-size: 18px;
	font-weight: 600;
	line-height:34px;
	text-align:center;
}
#ordWebHome .flagBoxBlue::after{
	content:'';
	width: 197px;
	border:17px solid #5870CB;
	border-left-color:transparent;
	position:absolute;
	top:0;
	right:-6px;
	z-index:-1;
}
#ordWebHome .prudCarousel_context_title{
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #313836;
	/* padding-top:57px; */
	margin-left:49px;
}

#ordWebHome .prudCarousel_context_title_tips{
	font-size: 18px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #998675;
	padding-top:29px;
	margin-left:37px;
	margin-bottom:2px;
}
#ordWebHome .prudCarousel_context_num{
	font-size: 24px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #F16B6B;
	margin-left:49px;
	padding-top:5px;
}
#ordWebHome .prudCarousel_context_numTips{
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #7A8396;
	margin-left:49px;
}
#ordWebHome .tapBoxSec{
	width: 136px;
	height: 28px;
	background: rgba(255, 255, 255, 0.4);
	font-size: 16px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #998675;
	text-align:center;
	line-height:28px;
	border-radius:4px;
	position:relative;
	margin-top:4px;
}
#ordWebHome .tapBoxSec::after{
			content:'';
			width: 0px;                          
            height: 0px;
            border-bottom: 4px solid rgba(255, 255, 255, 0.4);
            border-left: 6px solid transparent;    
            border-right: 6px solid transparent;
            position:absolute;
           	top: -4px;
    		left: 61px;
           

}

#ordWebHome .redFont{
	font-size: 32px;
	font-weight: 400;
	color:#5870CB;
	
}
#ordWebHome .smallfont{	
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}
#ordWebHome .fontEight{		
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
}
#ordWebHome .fontEightSec{
	
font-size: 18px;
font-weight: 400;
color: #FFFFFF;
}
#ordWebHome .btn-blue{
	width: 100px;
	height: 30px;
	background: #8C9CD8;
	line-height:30px;
    border-radius: 27px;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	transition: .3s;
	position:absolute;
	z-index: 1;
}
#ordWebHome .btn-blue:hover{

    background: #2E4085;    
	
}
#ordWebHome .pruImg{
	width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
   
}
#ordWebHome .boxLine{
	width: 2px;
	height: 329px;
	background: rgba(255, 255, 255, 0.4);
	position:absolute;
	bottom:29px;
	left:50%;
}

#ordWebHome .pruImgSmall{
	width: 257px;
    position: absolute;
    bottom: 71px;
    right: 21px;
}
#ordWebHome .lineBox{
	width: 2px;
	height: 329px;
	background:#E5E7EC;
	position:absolute;
	left:305px;
	top:110px;
}
#ordWebHome .flexBox{
	display:flex;
}

#ordWebHome .yjyyBox{
	flex:1;
	cursor:pointer;
	z-index:1000;
}

#ordWebHome .pruCardBox{
	width:640px;
}
#ordWebHome .pruCardBox_Nav{
	width: 305px;
	height: 210px;
	position:relative;
	cursor:pointer;
	border-radius: 6px;
	background: #40598B;
	transition:.3s;
}
#ordWebHome .pruCardBox_Nav:hover{
	box-shadow: 0px 16px 15px 0px rgba(28, 50, 122, 0.15);
	background: #25437F;
	opacity:0.7;
}

#ordWebHome .pruCardBox_Nav:hover .pruCardImgIcon i{
	color:#fff;
}

#ordWebHome .pruCardBox_Nav_title{
	font-size: 24px;
	font-weight: 600;
	color: #FFFFFF;
	text-align:center;
	padding-top:14px;
}
#ordWebHome .pruCardBox_Nav_text{	
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
	padding-top:2px;
	text-align:center;
}
#ordWebHome .pruCardImg{
	width:64px;
	position:absolute;
	left: 50%;
    transform: translateX(-50%);
    top: 88px;
    transition: 1s;
    -webkit-transform-origin:center;
}
#ordWebHome .pruCardBox_Nav:hover .pruCardImg{
	width:90px;
}


#ordWebHome .pruCardImgIcon{
	width:30px;
	height:30px;
	position:absolute;
	left:138px;
	bottom:15px;
	cursor:pointer;
	/* background-image:url("/images/w2/ord-arrow-0.png"); */
}
#ordWebHome .pruCardImgIcon i{
	font-size:32px;
	color:#BAC0CC;
}
#ordWebHome .pruCardBox_Nav:hover .pruCardImgIcon{
	color:#fff;
}


#ordWebHome #privatelView{
	min-height:400px;
}

#ordWebHome .tradeCard{
	width:408px;
	height:367px;
	border-radius:6px;
	border: 1px solid #E5E7EC;
	transition:.3s;
	cursor:pointer;
}
#ordWebHome .tradeCard:hover{
	box-shadow: 0px 16px 15px 0px rgba(28, 50, 122, 0.15);
}
#ordWebHome .tradeCard:hover .tradeCard_banner{
	transform: scale(1.2, 1.2);  
}
#ordWebHome .tradeCard_bannerOutBox{
	height:220px;
	overflow: hidden;
	transition:1s;
}

#ordWebHome .tradeCard_banner{
	width:100%;
	height:100%;
	position:relative;
	border-radius:6px 6px 0 0;
	transition:1s;
}

#ordWebHome .bannerRed{	
	background: #40598B;

}
#ordWebHome .bannerBlue{
	background: #40598B;
}
#ordWebHome .bannerBlueSec{
	background: #40598B;
}

#ordWebHome .tradeCard_bannerImg{
	position:absolute;
	left:0;
	top:0;
	
}
#ordWebHome .tradeCard_Context{
	width:100%;
	height:147px;
	position:relative;	
	background: #fff;
}
#ordWebHome .tradeCard_Context_title{		
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #313836;
	margin-left:37px;
	padding-top:28px;
}
#ordWebHome .tradeCard_Context_text{	
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #7A8396;
	line-height: 24px;
	margin-left: 37px;
	padding-top:3px;
}
#ordWebHome .tradeCardImgIcon{
	width:30px;
	height:30px;
	position:absolute;
	right:31px;
	bottom:28px;
	cursor:pointer;
	/* background-image:url("/images/w2/ord-arrow-purple-0.png"); */
}
#ordWebHome .tradeCardImgIcon i{
	font-size:32px;
	color:#BAC0CC;
}

#ordWebHome .tradeCard:hover .tradeCardImgIcon i{
	color:#25437F;
}
#ordWebHome .guwenCard:hover .tradeCardImgIcon i{

	color:#25437F;
}
#ordWebHome  .realTech_Card:hover .tradeCardImgIcon i{

	color:#25437F;
}
#ordWebHome .tradeCardImgIcon:hover i{
	color:#25437F;

}
#ordWebHome .tradeTap{
	width: 44px;
	height: 22px;
	background: #F6AE5A;
	border-radius: 3px;	
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 22px;
	text-align:center;
	position:absolute;
	right:22px;
	bottom:92px;
}


#ordWebHome .guwenCard{
	width: 600px;
	height: 167px;
	background: #FFFFFF;
	border-radius: 6px;
	border: 1px solid #E5E7EC;
	transition:.3s;
	cursor:pointer;
	display: flex;
	position: relative;
}
#ordWebHome .guwenCard:hover{
	box-shadow: 0px 16px 15px 0px rgba(28, 50, 122, 0.15);
	border-radius:6px;
}
#ordWebHome .guwenCard:hover .guwenCard_banner{
	transform: scale(1.2, 1.2); 
	
}
#ordWebHome .guwenCard_bannerOutBox{
	height:167px;
	width:167px;
	overflow:hidden;
	border-radius:6px 0 0 6px;
}
#ordWebHome .guwenCard_banner{
	width: 100%;
	height: 100%;
	background: #39559D;
	border-radius: 6px 6px 0px 0px;
	position:relative;
	transition:1s;
	border-radius:6px 0 0 6px;
}
#ordWebHome .sanjiaoBox{
	
	width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 13px solid #39559D;
    border-bottom: 8px solid transparent;
    position: absolute;
    left: 167px;
    top: 74px;
}

#ordWebHome .guwenCard_bannerImg{
	width:80px;
	position:absolute;
	top:44px;
	left:50%;
	transform:translateX(-50%);	
	transition:1s;
}
#ordWebHome .guwenCard_context{
	position:relative;
	height:168px;
	width: 432px;
}

#ordWebHome .yellowBox{
	width: 260px;
	height: 32px;
	background: #F6AE5A;
	border-radius: 16px;
	text-align:center;	
	font-size: 16px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #fff;
	line-height: 31px;
	z-index:1;
	position:absolute;
	left:88px;
	top:137px;
}

#ordWebHome img.yellowBox_Icon {
    position: absolute;
    left: 0;
    top: 0;
}

#ordWebHome .realTech{
	padding-bottom:74px;
	padding-top:56px;
	height: 540px;
	position:relative;
	
}

#ordWebHome .realTechbg{
	height: 314px;
	background: #ECF0F8;
	width:100%;
	position: absolute;
    left: 0;
    top: 245px;
}
#ordWebHome .realTechbgIcon{
	position:absolute;
	top:137px;
	left:0;
}
#ordWebHome .realTechNavBox{
	position: absolute;
    left: 96px;
    top: 252px;
    line-height: 36px;
}
#ordWebHome .realTech_tap{
	font-size: 18px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #7A8396;
	
}
#ordWebHome .cricleBox{
	height:74px;
	width:74px;
	position:absolute;
	top: 0;
    left: 50%;
    transform: translateX(-50%);
	z-index: -1;
}
#ordWebHome .bigCricle{
	width: 66px;
	height: 66px;
	background: #92D9DA;
	opacity: 0.3;
	position:absolute;
	bottom: 0;
    right: 0;
    border-radius:33px;
}
#ordWebHome .smallCricle{
	width: 15px;
	height: 15px;
	background: #92D9DA;
	opacity: 0.3;
	position:absolute;
	top: 0;
    left: 0;
    border-radius:7px;
}

#ordWebHome .realTech_Card{
	width: 395px;
	height: 210px;
	background: #FFFFFF;
	box-shadow: 0px 16px 15px 0px rgba(28, 50, 122, 0.15);
	border-radius: 6px;
	cursor:pointer;
	display:inline-block;
	position:absolute;
	overflow:hidden;
}
 #ordWebHome .realTech_Card:hover {
	box-shadow: 0px 16px 15px 0px rgba(28, 50, 122, 0.15);
}

#ordWebHome .quantCheckBox{
	position: absolute;
    left: 236px;
    top: 196px;
}
#ordWebHome .quantCheckBox::after{
	content: '';
    width: 2px;
    height: 272px;
    border-left: 1px dashed #BAC0CC;
    position: absolute;
    right: 4px;
    top: -56px;
}

#ordWebHome .quantCheckBox .checkBox_nav{ 
	width:130px;
}
#ordWebHome .quantCheckBox .checkBox_nav img{
	vertical-align: middle;
}
#ordWebHome .quantCheckBox .isCheck{
	font-weight: 600;
	color: #4C61AE;
}
#ordWebHome .quantCheckBox .isCheck::after{
	width: 5px;
    height: 38px;
    background: #4C61AE;
    left: 149px;
    bottom: 5px;
    z-index: 1;
}

#ordWebHome .realTech_Card_banner{
	width:100%;	
	height: 220px;
	border-radius: 6px 6px 0px 0px;
	position:relative;
	-webkit-transition:all 1s;
    -o-transition:all 1s;
    -moz-transition:all 1s;
    transition:all 1s;
}

#ordWebHome .realTech_Card_banner_blue{
	background: #EFF6F6;
}
#ordWebHome .realTech_Card_banner_smallblue{
	background: #EFF6F6;
}
#ordWebHome .realTech_Card_banner_red{
	background: #EFF6F6;
}
#ordWebHome .realTech_Card_banner_pruple{
	background: #EFF6F6;
}
#ordWebHome .realTech_CardImg{
	position:absolute;
	top:0;
	left:0;
	
}
#ordWebHome .realTech_Card_Context{
	position:relative;
	height:168px;
	width:100%;
}
#ordWebHome .realTech_Card_Context_title{	
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #313836;
	padding-top:111px;
	margin-left:115px;
	padding-bottom:2px;
}
#ordWebHome .realTech_Card_Context_text{	
	font-size: 16px;
	font-weight: 400;
	color:#7A8396;
	line-height: 24px;
	margin-left:115px;
}

#ordWebHome .strategyCard{
	width: 204px;
	height: 367px;
	position:relative;
	border-radius: 6px;
	transition:all .3s;
	cursor:pointer;
	overflow:hidden;

}
#ordWebHome .fofTapBox{
	width: 220px;
	height: 55px;
	background: rgba(255, 255, 255, 0.4);
	border-radius:2px;
	margin-left: 66px;
	margin-top:8px;
	position:relative;
}
#ordWebHome .fofTapBox:after{
	content: '';
    display: block;
    border-width: 4px;
    border-style: solid;
    border-color:  transparent transparent rgba(255, 255, 255, 0.4) transparent;
    position: absolute;
    left: 47%;
    top: -8px;
}

#ordWebHome .fofTapBox_title{
	font-size: 16px;
	font-weight: 600;
	color: #998675;
	margin-left:6px;
	line-height: 24px;
	padding-top:4px;
}
#ordWebHome .fofTapBox_text{
	font-size: 14px;
	font-weight: 400;
	color: #938F8B;
	margin-left:6px;
	line-height: 22px;
	margin-top:2px;
}

#ordWebHome .quantTapBox1{
	width:408px;
	background: url("/images/w2/quantBoxbg1.png");
	background-repeat: no-repeat;
}
#ordWebHome .quantTapBox1:hover{
	
	background: url("/images/w2/quantBoxbg1hover.png");
}
#ordWebHome .quantTapBox2{
	width:204px;
	background: url("/images/w2/quantBoxbg2.png");
	background-repeat: no-repeat;
}
#ordWebHome .quantTapBox2:hover{
	background: url("/images/w2/quantBoxbg2hover.png");
}
#ordWebHome .quantTapBox3{
	width:408px;
	background: url("/images/w2/quantBoxbg3.png");
	background-repeat: no-repeat;
}
#ordWebHome .quantTapBox3:hover{
	background: url("/images/w2/quantBoxbg3hover.png");
}
#ordWebHome .strategyCard:hover{
	box-shadow: 0px 16px 15px 0px rgba(28, 50, 122, 0.15);
}

#ordWebHome .strategyCard_title{	
	font-size: 24px;
	font-weight: 600;
	color: #0F1A30;
	line-height: 36px;
	position:absolute;
	top:46px;
	left:34px;
	z-index:2;
}
#ordWebHome .strategyCard_text{	
	font-size: 16px;
	font-weight: 400;
	color: #0F1A30;
	line-height: 24px;
	position:absolute;
	white-space: nowrap;
	left:34px;
	top:100px;
	z-index:2;
}
#ordWebHome .quantBtn{
	width: 100px;
	height: 30px;
	background: #8C9CD8;
	border-radius: 27px;
	line-height:30px;	
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	position:absolute;
	left:29px;
	bottom:51px;
	transition:.3s;
	z-index:2;
	
}
#ordWebHome .quantBtn:hover{
	background: #2E4085;
	
}
#ordWebHome .strategyCardImg{
	position: absolute;
    left: 241px;
    bottom: 55px;
    z-index:1;
}

#ordWebHome .quantTrade{
	padding-bottom:74px;
	padding-top:47px;
	height:540px;
	background-image:url("/images/w2/homebg2.png");
	background-size:100% 100%; 
	background-repeat: no-repeat;
}

#ordWebHome .bottomBox{
	
	position:relative;
	background-image:url("/images/w2/homebg3.png");
	background-size:100% 100%; 
	background-repeat: no-repeat;
	padding-bottom:281px;
}
#ordWebHome .boxNochengzhang{
	position:relative;
    background-image:url("/images/w2/bottomBannerIMG.png");
	background-size:100% 100%; 
	background-repeat: no-repeat;
    border-radius:6px 6px 0 0 ;
	height: 156px;
	
}
#ordWebHome .chengzhangBox{
	width:826px;
	margin:0 auto;
	height: 136px;

}
#ordWebHome .chengzhangBoxContext{
	position:relative;
	margin-top: 32px;
}

#ordWebHome .chengzhangBoxContextNum{
	
	font-size: 36px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #fff;
	text-align:center;
}
#ordWebHome .chengzhangBoxContextTitle{
	font-size:22px;
	text-align:center;
	margin-top: 7px;
	color:#fff;
}
#ordWebHome .chengzhangBoxContextImg{
	width: 95px;
    height: 92px;
    position: absolute;
    top: -28px;
    right: 17px;
}
.hezuoImg1{
	width:268px;
	height:66px;
	margin-left:130px;
	margin-top: 43px;
}
.hezuoImg2{
	width:268px;
	height:66px;
	margin-left:28px;
	margin-top: 43px;
}
.hezuoImg3{
	width:178px;
	height:66px;
	margin-left:30px;
	margin-top: 43px;
	
}
.hezuoImg4{
	width:178px;
	height:66px;
	margin-left:28px;
	margin-top: 43px;
}

#ordWebHome .tradeTechCard{
	width:180px;
	height:473px;
	position:relative;
	
}
#ordWebHome .tradeTechCard_circle{
	width:180px;
	height:180px;
	position:relative;
	cursor:pointer;
	border-radius:90px;
	transition:.3s;
	background: #39559D;
}
#ordWebHome .tradeTechCard .hoverBox:hover .tradeTechCard_circle{
	background: #5870CB;
	box-shadow: 0px 16px 15px 0px rgba(28, 50, 122, 0.15);
}
#ordWebHome .tradeTechCard_circleIMG{
	position:absolute;
	top:40px;
	left:50%;
	transform:translateX(-50%);
}
#ordWebHome .tradeTechCard_text{
	font-size: 20px;
	font-family: PingFangSC-Semibold, PingFang SC;
	font-weight: 600;
	color: #313836;
	text-align:center;
	padding-top:36px;
	cursor:pointer;
}

#ordWebHome .el-carousel__arrow{
	height:40px;
	width:40px;
}


#zgPromise .agreement_dialog .dialog-title {
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #fff;
}

#zgPromise .agreement_dialog .el-dialog__header {
    border-bottom: 1px solid #e2e2e4;
    padding: 0;
    background: #5870CB;
    border-radius: 8px 8px 0px 0px;
}

#zgPromise .agreement_dialog .el-dialog {
    border-radius: 8px;
}

#zgPromise .agreement_dialog .el-dialog__body {
    background: #FBFBFB;
    min-height: 300px;
    padding: 0 17px 26px;
}

#zgPromise .agreement_dialog .agreement-content {
    padding: 22px 30px 0;
    max-height: 480px;
    overflow: auto;
}

#zgPromise .agreement_dialog .confirm-btn {
    width: 240px;
    height: 40px;
    text-align: center;
    background: #5870CB;
    border-radius: 3px;
    font-size: 16px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    cursor: pointer;
    color: #FFFFFF;
    line-height: 40px;
    margin: 32px auto 0;
}
#zgPromise .agreement_dialog .confirm-btn:hover{
	 background: #4C61AE;
}

#zgPromise .agreement_dialog .confirm-btn.disabled {
	opacity: 0.6;
	cursor: not-allowed;
}
#zgPromise .agreement-content .content-item {
    font-size: 16px;
    color: #313836;
    line-height: 24px;
    margin-bottom: 10px;
}

#zgPromise .el-dialog__headerbtn .el-dialog__close{
	color: #fff;
    font-weight: 600;
}
#zgPromise .el-dialog__headerbtn{
	top:12px;
}



.carouselBox:hover .el-icon-arrow-left{
	opacity:1;
	left:4px;
}
.carouselBox:hover .el-icon-arrow-right{
	opacity:1;
	right:4px;
} 

.swiper-container:hover .el-icon-arrow-left{
	opacity:1;
	left:4px;
}
.swiper-container:hover .el-icon-arrow-right{
	opacity:1;
	right:4px;
}
.swiper-container {
    width:1280px;
    height: 108px;
    padding-top:48px;
    
} 
.swiperBox .el-icon-arrow-left{
	cursor:pointer;
	transition:all .3s;
	opacity:0;
	z-index: 1;
  	position: absolute; 
    left: 0px;
    width: 40px;
    height: 40px;
    top: 50%;
    transform:translateY(-50%);
    border-radius: 25px;
    background: rgba(15, 26, 48, 0.5);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
.swiperBox .el-icon-arrow-left:before {
    height:16px;
    width:10px;
    position:absolute;
    top:12px;
    left:11px;
    color:#fff;
  
}
.swiperBox .el-icon-arrow-right{
	cursor:pointer;
	transition:all .3s;
	opacity:0;
	z-index: 1;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0px;
    top: 50%;
    transform:translateY(-50%);
    border-radius: 25px;
    background: rgba(15, 26, 48, 0.5);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
}
.bottomBox .el-icon-arrow-right:before {
    height:16px;
    width:10px;
    position:absolute;
    top:12px;
    left:13px;
    color:#fff;
  
}
.swiperOptionImgBoxImg{
	width:200px;
	height: 65px;
	line-height:65px;
	display:flex;
	align-items: center;
}
.swiperOptionImgBoxImg img{
	width:200px;
}
.agreement-title{
	font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 28px;
    margin-bottom: 10px;
}