/* common-css */
.mt10{
    margin-top: 0.1rem;
}
.mt15{
    margin-top: 0.15rem;
}
.mt20{
    margin-top: 0.2rem;
}
.pd15{
    padding: 0 0.15rem;
}
img{
    display: block;
    width: 100%;
}
body {
    background-color: #f4f4f4;
}

    /* index_start */
.header_inner{
    position:relative;
    padding: 0 0.15rem;
    height: 0.44rem;
    background-color: #FFFFFF;
}
.header_inner .logo{
    position: absolute;
    left: 0.15rem;
    top: 0;
    width:0.94rem;
    height:0.44rem;
}
.header_inner .text_words{
    display: block;
    position: absolute;
    top: 0;
    right: 0.15rem;
    line-height: 0.44rem;
    font-size:0.15rem;
    color: #222222;
}
.banner_box{
    width:100%;
    position:relative;
    background-color:#fff;
}
.swiper-pagination{
    position:absolute;
    bottom:0.05rem;
    left:50%;
    width: 100%;
    height:0.04rem;
    z-index:20;
    text-align:center;
    font-size: 0;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap;
}
.swiper-pagination span{
    display:inline-block;
    _display:initial;
    vertical-align: top;
    width:0.04rem;
    height: 0.04rem;
    background-color:#ffffff;
    cursor:pointer;
    border-radius: 2rem;
    -moz-border-radius: 2rem;
    -webkit-border-radius: 2rem;
    margin:0 0.03rem;
    transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
}
.swiper-pagination span.swiper-pagination-bullet-active{
    width: 0.15rem;
}
.swiper-container{
    width: 100%;
    /* height: 100%; */
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-wrapper{
    position: relative;
    width: 100%;
    /* height: 100%; */
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide{
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: auto;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container li img{
    height: auto;
}
.swiper-container .words{
    position: absolute;
    left: 0;
    top: 53.9%;
    width: 100%;
    z-index: 50;
}
.swiper-container .words .p1{
    font-size:0.16rem;
    line-height: 0.2rem;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0.07rem;
}
.swiper-container .words .p1 span{
    display:inline-block;
    _display:initial;
    vertical-align: top;
    width:0.64rem;
    height: 0.2rem;
    font-size: 0.14rem;
    margin-left: 0.06rem;
    background: #da23fc; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #da23fc , #720bbf); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #da23fc, #720bbf); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #da23fc, #720bbf); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #da23fc , #720bbf); /* Standard syntax */
}
.swiper-container .words .p2{
    font-size:0.12rem;
    color: #ffffff;
    line-height: 0.2rem;
    text-align: center;
    opacity: 0.5;
}
.data_detail{
    background-color: #ffffff;
    padding: 0.3rem 0.15rem;
}
.data_detail h2{
    font-size: 0.2rem;
    color: #222222;
    line-height: 0.25rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.12rem;
}
.data_detail h2 em{
    display:inline-block;
    _display:initial;
    vertical-align: top;
    height: 0.25rem;
    width:0.19rem;
    margin-right: 0.07rem;
    background:url("../images/icon_01.png") no-repeat center;
    background-size: 0.19rem 0.19rem;
}
.data_detail .p1{
    text-align: center;
    font-size:0.14rem;
    color: #999999;
    line-height: 0.22rem;
}
.data_detail .p1 span{
    display:inline-block;
    _display:initial;
    vertical-align: top;
    margin-right: 0.2rem;
    word-break: keep-all;
}
.data_detail .p1 span.s_03{
    margin-right: 0;
}
.data_detail .p1  em{
    display:inline-block;
    _display:initial;
    vertical-align: top;
    width: 0.11rem;
    height:0.22rem;
    margin-right: 0.03rem;
}
.data_detail .p1 span.s_01 em{
    background:url("../images/icon_02.png") no-repeat center;
    background-size: 0.11rem 0.11rem;
}
.data_detail .p1 span.s_02 em{
    background:url("../images/icon_03.png") no-repeat center;
    background-size: 0.11rem 0.11rem;
}
.data_detail .p1 span.s_03 em{
    background:url("../images/icon_04.png") no-repeat center;
    background-size: 0.11rem 0.11rem;
}
.data_detail .p2{
    font-size:0.23rem;
    color: #ff3e32;
    line-height: 0.5rem;
    text-align: center;
    font-weight: bold;
    padding-top: 0.1rem;
}
.data_detail .p2 span{
    font-size:0.45rem;
    color: #ff3e32;
}
.data_detail .p3{
    font-size: 0.12rem;
    color: #999999;
    line-height: 0.2rem;
    text-align: center;
    margin-top: -0.1rem;
}
.product_list{
    background-color: #ffffff;
}
.product_list .ui.layout{
    padding:0.15rem;
    border-bottom: 1px solid #f4f4f4;
}
.product_list .row-1 .p1{
    font-size: 0.14rem;
    color: #ff3e32;
    line-height: 0.3rem;
    font-weight: bold;
}
.product_list .row-1 .p1 span{
    font-size: 0.28rem;
}
.product_list .row-1 .p2{
    font-size:0.12rem;
    color: #999999;
    line-height: 0.24rem;
    margin-top: -0.03rem;
}
.product_list .row-1 .p3{
    font-size:0.18rem;
    color: #222222;
    line-height: 0.3rem;
    font-weight: bold;
}
.product_list .row-1 .p4{
    font-size:0.14rem;
    color: #f79810;
    line-height: 0.24rem;
    margin-top: 0.03rem;
}
.invest_msg{
    padding: 0 0.15rem 0.15rem;
    background-color: #ffffff;
}
.invest_msg h2{
    position: relative;
    height: 0.47rem;
    line-height: 0.47rem;
    font-size:0.18rem;
    color: #222222;
    font-weight: bold;
}
.invest_msg h2 a{
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    _display:inline;
    vertical-align: top;
    padding-right: 0.13rem;
    height: 0.47rem;
    font-size:0.14rem;
    color: #666666;
    font-weight: normal;
}
.invest_msg h2 a:after{
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: block;
    width:0.13rem;
    height: 0.47rem;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXJJREFUeNqU0z8oBnEYwPG7e6NYWCzHIgaDxaIM/kQUYXp786dk0BU2BopVMbC9dNc7vCWJ3sXLInmTRVksBgNZKGVhoSjne3pOvN35/Vx9ezy9fV5358d0XbfeMIxdSjmOc21oXpagJjrxPK/2P3CaXqmajsA1WpDbO2P2C64TXKXzGw1wgTFE79RABXClEgrOM0bogxrpEFyhhIJzjDFZm2kPXK6EgrcYU7K2Ux5cqoSCNxizsnZRrhhbcc8AXmMsyjpAWXBCCQUvMVZkHaYM2FRCwfOMtKzjtK4Ftf4cURe3tizHMriy4Ru3FGiBMSfrNk1w636wmL7vx6EZxqqs+5QEvYWfR0LQZPgSuI6p7yeKhKBRxmbwGZ1SL+il+Mt/QVCSsSPPfk49oOeoR/mGoMHgaFEJXVIr6CnuxX1BUCc/H1AZXVEb6PGvN56wbbsl+N8TdBMcatCDzgFIC7qnbtCd7slJ0QV1gG51j9ynAAMAoVOGlZwRjOoAAAAASUVORK5CYII=") no-repeat right center;
    background-size: 0.07rem 0.12rem;
}
.copyRight{
    padding:0.15rem 0.15rem 0.12rem;
}
.copyRight .btn{
    display: block;
    width: 0.74rem;
    height: 0.23rem;
    line-height: 0.23rem;
    border: 1px solid #cccccc;
    text-align: center;
    font-size:0.14rem;
    color: #666666;
    font-weight: 500;
    margin: 0 auto 0.04rem;
    border-radius: 2rem;
    -moz-border-radius: 2rem;
    -webkit-border-radius: 2rem;
}
.copyRight .p1{
    font-size:0.12rem;
    color: #999999;
    line-height: 0.2rem;
    text-align: center;
}
.footer{
    border-top: 1px solid #e5e5e5;
    position: relative;
    z-index: 10000;
}
.footer_cont{
    padding:0.1rem 0 0.1rem 0.61rem;
    background-color: #ffffff;
    position: relative;
}
.footer_cont .logo{
    position: absolute;
    left: 0.15rem;
    top: 0.1rem;
    width:0.36rem;
    height: 0.36rem;
}
.footer_cont .words{
    min-height: 0.36rem;
}
.footer_cont .words .p1{
    font-size:0.16rem;
    color: #222222;
    line-height: 0.2rem;
    font-weight: 500;
}
.footer_cont .words .p2{
    font-size: 0.12rem;
    color: #999999;
    line-height:0.16rem;
    font-weight: 500;
}
.download{
    position: absolute;
    right:0.15rem;
    top:0.14rem;
    width: 0.8rem;
    height:0.27rem;
    text-align: center;
    font-size:0.14rem;
    color: #ffffff;
    line-height: 0.27rem;
    background-color: #ff3e32;
    letter-spacing: 2px;
    border-radius: 2rem;
    -moz-border-radius: 2rem;
    -webkit-border-radius: 2rem;
}