#main{overflow: hidden;width: 100%; margin: 0; padding: 0; color: #333}
.inner{overflow: hidden;width: 1200px; margin: 0 auto;position: relative}
img{ overflow:hidden;display:block;border: none;}
.e-header .header{
    background: none;
}


.web-banner{
    //overflow: hidden;
    position: relative;
    margin-top: -74px;
    width: 100%;
    height: 1000px;
    background: url("//dl.cfxz123.com/source/www/platformm/cfd-intro/banner.jpg") no-repeat center;
    padding-top: 290px;
}
.web-banner .font-img{
    overflow: hidden;
    width: 100%;
    margin-bottom: 165px;
}
.web-banner .font-img img{
    float: right;
}
.web-banner a{color: #fff;}
.web-banner .btn{
    overflow: hidden;
    width: 274px;
    height: 67px;
    border-radius: 33.5px;
    background: #ff8500;
    float: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px 0 55px;
    font-size: 27px;
    font-weight: bold;
    cursor: pointer;
}
.web-banner .btn:hover img{
    animation: rotation 1s linear infinite;
    -moz-animation: rotation 1s linear infinite;
    -webkit-animation: rotation 1s linear infinite;
    -o-animation: rotation 1s linear infinite;
}
@keyframes rotation{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.web-page{
    overflow: hidden;
    padding: 79px 0;
}
.web-page.bg-color{background: #f6f6f6}
.web-page.bg{background: url("//dl.cfxz123.com/source/www/platformm/cfd-intro/bg.jpg") no-repeat;height: 863px; }
.web-page .title{
    overflow: hidden;
}
.web-page.bg .inner{
    height: 863px;
}
.web-page .title span{
    overflow: hidden;
    display: block;
    font-size: 40px;
    line-height: 41px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
.web-page.bg .title span{color: #fff}
.web-page .title p{
    overflow: hidden;
    display: block;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #8d8e8e;
}
.web-page .title01{
    overflow: hidden;
    position: relative;
    z-index: 11;
}
.web-page .title01.marginleft{margin-left: 22%}
.web-page .title01.marginleft01{margin-left: 41%}
.web-page .title01.marginleft02{margin-left: 9%;float: left;margin-top: 70px}
.web-page .title01 span{
    overflow: hidden;
    display: block;
    font-size: 32px;
    line-height: 54px;
    margin-left: 20px;
}
.web-page .title01 p{
    overflow: hidden;
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #8d8e8e;
    margin-left: 20px;
}
.web-page .title01 .item{
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.web-page .title01 .item span{
    overflow: hidden;
    font-size: 48px;
    line-height: 54px;
    font-weight: bold;
    margin-left: 22px;
    margin-top: 10px;
}
.web-page .title01 .item span.inline{
    display: inline;
    color: #ff8500;
    margin-left: 0;
}
.web-page .title01 .item img{
    position: relative;
    z-index: 1;
}
.web-page .title01 .item img:nth-child(2) {
    margin-top: 10px;
    margin-left: -5px;
}
.web-page .title01 .item img:last-child{
    margin-top: 40px;
    margin-left: -5px;
}
.web-page .con-img{
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-top: -30px;
}
.web-page .con-img.float{float: right;position: static;width: auto;margin-right: 30px;margin-top: 0}
.web-page .con-img img{margin: 0 auto}
.web-page .con-img.float img{margin: 0}
.web-page .explain{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #8d8e8e;
    padding-bottom: 20px;
    position: relative;
    z-index: 11;
    margin-top: -40px;
}
.web-page .explain p{margin-left: 8px;margin-right: 12%}
.web-page .explain .marginleft{margin-left: 23.5%}
.web-page .con-list{
    overflow: hidden;
}
.web-page .con-list ul{
    overflow: hidden;
    display: block;
    list-style: none;
    margin-top: 0;
    padding: 0;
}
.web-page .con-list ul li{
    overflow: hidden;
    width: 25%;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #818282;
    font-size: 16px;
    margin-top: 30px;
}
.web-page .con-list ul li img{margin-right: 5px}
.web-page .con-list01{
    overflow: hidden;
    width: 100%;
    border-bottom: rgba(255,255,255,.18) dashed 1px;
    padding: 60px 0;
   
}

.ios-img{
    position: absolute;
    left: 254px;
    bottom: 83px;
    display: none
  }
  .and-img{
    position: absolute;
    right: 254px;
    bottom: 83px;
    display: none
  }
.web-page .con-list01.border{border-bottom: none}
.web-page .con-list01 .list-tit{
    overflow: hidden;
    width: 100%;
    background: url("//dl.cfxz123.com/source/www/platformm/cfd-intro/01.png") no-repeat center center;
    height: 88px;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 30px;
}
.web-page .con-list01.border .list-tit{background: url("//dl.cfxz123.com/source/www/platformm/cfd-intro/02.png") no-repeat center center;}
.web-page .con-list01 .list-con{
    overflow: hidden;
    display: flex;
    justify-content: space-around;
}
.web-page .con-list01 .list-con .item{
    overflow: hidden;
    display: flex;
    //justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}
.web-page .con-list01 .list-con .item p{
    overflow: hidden;
    display: block;
    font-size: 14px;
}
.web-page .con-list01 .list-con .item a{
    overflow: hidden;
    font-size: 20px;
    font-weight: bold;
    border: solid 1px #fff;
    width: 205px;
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    margin-top: 10px;
    color: #fff;
}
.web-page .con-list01 .list-con .item a:hover {
    background: #ff8500;
    border: solid 1px #ff8500;
}
.web-page .con-list01 .list-con .item a img{margin: 0 7px 0 30px;}
.web-page .con-list01.border .list-con .item a img{margin-left: 0}
.web-page .con-list01 .list-con .item img{margin-top: 15px}
.web-page .con-list01 .list-con .item .margintop{margin-top: 35px}
@media (max-width: 1200px){
    .inner{width: 90%}
    .web-page .con-img.float{width: 54%}
    .web-page .con-img.float img{width: 100%}
    .web-page .con-img img{width: 95%}
}

.qrcode{
    width: 100px;
    height: 100px;
}