.pagebox .banner#agency{height:0;padding-bottom:50%;}
.ping{display:block;max-width:100%;max-height:100%;min-height:100%;min-width:100%;}

.page-title{text-align:center;}
.page-title .main{font-size:.48rem;color:#323232;}
.page-title .small{font-size:.32rem;color:#666;margin-top:.2rem;}
.page-title.white .main{color:#fff;}
.page-title.white .small{color:#fff;}

.first-main{background-color:#F8F9FB;padding:20px 4%;font-size:0;}
.first-main .main{font-size:.48rem;color:#576AED;font-weight:bold;}
.first-main .line{display:inline-block;width:.44rem;height:.06rem;background-color:#5480EE;margin:.2rem 0;}
.first-main .small{font-size:.32rem;color:#666;line-height:.5rem;}
.first-main .img-box{text-align:center;}
.first-main .img{width:55%;}

.second-main{font-size:0;margin:25px 0 35px 0;}
.second-content{margin:30px 5% 0 5%;}
.second-content .list{box-shadow:0px 0px 11px 0px rgba(0, 0, 0, 0.05);padding:.3rem;margin-bottom:.4rem;background-position:right bottom;background-repeat:no-repeat;}
.second-content .list:first-child{background-image:url(../../images/single/blockchain_system/bg_1.png);background-size:98px 98px;}
.second-content .list:last-child{background-image:url(../../images/single/blockchain_system/bg_2.png);background-size:106px 106px;}
.second-content .list .main{font-size:.48rem;color:#576AED;}
.second-content .list .line{display:inline-block;width:.44rem;height:.06rem;background-color:#D8D8D8;margin:.2rem 0;}
.second-content .list .text{font-size:.32rem;color:#666;}
.second-content .list .text>li{padding:.2rem 0;}

.third-main{background-color:#fff;padding:20px 3%;}

.fourth-main{font-size:0;margin:25px 0 20px 0;}
.fourth-content{margin:20px 3% 0 3%;}
.fourth-content .list:nth-child(1),
.fourth-content .list:nth-child(4),
.fourth-content .list:nth-child(5){background-color:#F8F9FB;}
.fourth-content .list{width:50%;box-sizing:border-box;padding:.4rem;text-align:center;}
.fourth-content .list .icon{width:2rem;display:block;margin:0 auto;}
.fourth-content .list .name{font-size:.42rem;color:#576AED;margin-bottom:.4rem;}
.fourth-content .list .small{font-size:.32rem;color:#666;line-height:.5rem;}

.fifth-main{background-image:url(../../images/single/blockchain_system/bg_3.png);background-size:100% 100%;padding:25px 0 30px 0;}
.fifth-content{margin:0 3%;}
.fifth-content .text-box{margin-top:35px;}
.fifth-content .text-box .list{
	display:flex;
	align-items: center;
	padding: 0.2rem;
    margin-top: 0.2rem;
	background:-webkit-linear-gradient(90deg,rgba(0,234,255,0.1) 0%,rgba(0,255,228,0) 100%);
	background:-moz-linear-gradient(90deg,rgba(0,234,255,0.1) 0%,rgba(0,255,228,0) 100%);
	background:-ms-linear-gradient(90deg,rgba(0,234,255,0.1) 0%,rgba(0,255,228,0) 100%);
	background:-o-linear-gradient(90deg,rgba(0,234,255,0.1) 0%,rgba(0,255,228,0) 100%);
	background:linear-gradient(90deg,rgba(0,234,255,0.1) 0%,rgba(0,255,228,0) 100%);
}
.fifth-content .text-box .list .icon{width: 1.2rem; height: 1.2rem; margin-right: 0.2rem;}
.fifth-content .text-box .list .text{-webkit-flex:1;flex:1;box-sizing:border-box;}
.fifth-content .text-box .list .name{font-size:.42rem;color:#fff;font-weight:500;}
.fifth-content .text-box .list .small{font-size:.32rem;color:#fff;margin-top:.2rem;}
.fifth-content .img-box{text-align:center;}
.fifth-content .img-box .img{width:77%;}

.sixth-main{background-color:#F8F9FB;padding:.8rem 0;}
.sixth-content{margin:0 6%;font-size:0;padding-top:.2rem;}
.sixth-content .list{margin-top:.3rem;padding:.4rem;background-color:#fff;box-sizing:border-box;text-align:center;width:calc(48% - 0px);box-shadow:0px 5px 10px 3px rgba(99,122,152,0.1);border-radius:2px;}
.sixth-content .list .icon{margin-bottom: 0.4rem; width: 1.5rem; height: 1.5rem;}
.sixth-content .list .name{font-size:.42rem;color:#333;margin-bottom:.4rem;}
.sixth-content .list .small{font-size:.32rem;color:#999;line-height:.5rem;}

.message{padding:1rem 0;background:#fff;}
.mestitle{text-align:center;}
.mestitle .titleh{font-size:.48rem;color:#333;}
.mestitle .contp{font-size:.36rem;color:#666;margin-top:.2rem;}
.formd{margin-top:.5rem;}
.formd form input{display:block;width:100%;box-sizing:border-box;}
.formd form .xmane,.formd form .iphone{position:relative;border:solid .02rem #f0f3fa;box-sizing:border-box;display:flex;align-items:center;}
.formd form .xmane input,.formd form .iphone input{padding:.36rem .2rem;padding-left:1rem;font-size:.36rem;}
.formd form .xmane:before{display:block;position:absolute;left:.3rem;content:'';background:url(../../images/xingming.png) no-repeat;width:.48rem;height:.48rem;background-size:100%;}
.formd form .iphone:before{display:block;position:absolute;left:.3rem;content:'';background:url(../../images/dianhua.png) no-repeat;width:.48rem;height:.48rem;background-size:100%;}
.formd form .submit{margin-top:.4rem;}
.formd form .submit input{display:block;width:100%;height:100%;text-align:center;padding:.3rem 0;background:#316fff;color:#fff;border:solid .02rem #316fff;font-size:.4rem;cursor:pointer;box-sizing:border-box;border-radius:60rem;}
.remarks{text-align:center;margin-top:.5rem;}
.remarks p.mainp{font-size:.4rem;color:#333;}
.remarks p.small{font-size:.38rem;color:#666;margin-top:.2rem;}

.video-main{background-color:#F8F9FB;padding:30px 0;font-size:0;}
.video-main .video-content{margin:10px 15px 0 15px;position:relative;}
/*.video-content .my-video{width:100%;}*/
.video-main .video-content .video-btn{position:absolute;width:36px;height:36px;top:50%;left:50%;margin:-18px 0 0 -18px;}
.video-main .video-content .video-btn>img{width:100%;height:100%;}
.video-main .video-content .video-poster{width:100%;}

.video-window{display:none;position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.3);top:0;left:0;z-index:9999999;}
.video-window .video-content{width:100%;height:100%;box-sizing:border-box;}
.video-window .close{position:absolute;border-radius:50%;border:solid 1px #fff;width:24px;height:24px;top:20px;right:20px;background:#777 url(../../images/single/blockchain_system/icon-close.png);background-position:center;background-size:14px 14px;background-repeat:no-repeat;}
#videoBox{width:100%;background-color:#000;}

.flex-cCenter{
	-webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}

.flex-def{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}