
@media screen and (max-width: 1024px) {
    /*0.53*/
    html{
        font-size:53.333px !important;
    }
}

@media (min-width: 1024px ) and (max-width: 1280px) {
    /*0.53*/
    html{
        font-size:53.333px !important;
    }
}

@media (min-width: 1280px) and (max-width:1439px) {
    /*0.666666*/
    html{
        font-size:66.666666px !important;
    }
}

@media (min-width: 1440px) and (max-width: 1679px){
    /*0.75*/
    html{
        font-size: 75px !important;
    }
}

@media (min-width: 1680px) and (max-width: 1919px){
    /*0.875*/
    html{
        font-size: 87.5px !important;
    }
}
@media (min-width: 1920px) and (max-width: 3000px){
    html{
        font-size: 100px !important;
    }
}

@font-face {
    font-family: PangMenZhengDao;
    src:url("./ttf/PangMenZhengDao.ttf");
}



html {
    font-family: tahoma,arial,"Hiragino Sans GB","Microsoft Yahei","\5b8b\4f53";
    background: #ffffff;
}

body {font-family: Helvetica Neue, Helvetica, Arial, sans-serif;font-size: 14px;color:#000;margin: 0;padding: 0;min-width: 1200px;}
*{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6,ul,p{margin: 0;padding: 0}
li{list-style: none;}

/*.navigation-up .navigation-inner ul li a {*/
    /*background-color: #fff;*/
    /*color: #333;*/
    /*font-size: 16px;*/
    /*padding: 0 10px !important;*/
    /*font-weight: normal;*/
/*}*/

.header {width: 100%;height:100%;text-align: center;color: white;overflow: hidden;position: relative;}
.header img{width: 100%;display: block;height: 100%;}
.header .refer-btn{position: absolute;bottom:0.8rem;left:19.5%;width: 1.5rem;height: 0.5rem;background-color: #fff;border-radius: 2px;}
.header .refer-btn a {display: inline-block;color:#736A73;width: 100%;height: 0.5rem;line-height: 0.5rem;font-size: 0.16rem;}


.section_container{width:100%;box-sizing: border-box;overflow: hidden;padding-top: 0.8rem;padding-bottom: 0.8rem;min-width: 1280px;}
.section_container >.title{width: 100%;font-size: 0.58rem;text-align: center;color:#F3471F;font-weight: 400;font-family:PangMenZhengDao;height: 0.45rem;line-height: 0.45rem;font-style:italic;position: relative;z-index: 9;}


.section_1{background-color: #fff;height: 6.31rem;}
.section_1 .title{margin-bottom: 0.19rem;}
.section_1 .sub-title{width: 100%;text-align: center;color:#656565;font-family: PingFangSC;font-size: 0.25rem;margin-bottom: 0.82rem;font-weight: 400;}
.section_1 .content{margin: 0 24.7%;display: flex;}
.section_1 .content li{height: 0.88rem;display: flex;align-items: center;color:#656565;font-size: 0.2rem;font-family:PingFang SC;font-weight:400;}
.section_1 .content li img{width: 0.24rem;height: 0.24rem;margin-right: 0.14rem;}
.section_1 .content li:not(:last-child){border-bottom: 1px solid #eee;}
.section_1 .content > div {position: relative;padding-top: 0.32rem;}
.section_1 .content .box-title{position: absolute;top:-0.2rem;left: 50%;transform: translateX(-0.89rem);width: 1.88rem;height: 0.48rem;line-height: 0.48rem;text-align: center;border-radius: 0.24rem;font-size:0.23rem;font-family:PingFang SC;font-weight:400;color:#333;background-color: #e7e7e7;}
.section_1 .content-rt .box-title{background:linear-gradient(90deg,rgba(251,121,59,1) 0%,rgba(243,71,31,1) 100%);color: #fff;}
.section_1 .vs-img{position: absolute;width: 0.44rem;height: 0.6rem;top:-0.2rem;left: 50%;transform: translateX(-0.22rem);}
.section_1  .content-lf{background: #fbfbfb;border-radius: 0.06rem;width: 4.38rem; min-width: 290px;}
.section_1  .content-rt{background: #FFEFEB;border-radius: 0.06rem;width: 4.38rem;min-width: 290px;}
.section_1 .content-ct{width:1.34rem;min-width: 88px;}
.section_1 .content-ct li{justify-content: center;}
.section_1  .content-lf li{padding-left:0.33rem;}
.section_1  .content-rt li{padding-left:0.47rem;color:#333;font-family:PingFang SC;font-weight:500;}


.section_2{background-color: #2B27BD;padding-top: 0.91rem;position: relative;}
.section_2 .title{margin-bottom: 0.67rem; color: #FFE100;}
.section_2 ul{display: flex;flex-wrap: wrap;padding: 0  21.1%;justify-content: space-between;}
.section_2 ul li{position: relative;width:2.62rem;min-width: 175px;}
.section_2 ul li img{width: 100%;}
.section_2 .item {position: absolute;top:0;left: 0;width: 100%;text-align: center;}
.section_2 .item .item-title{margin-top: 0.36rem;color:#2CF3F1;font-weight: bold;font-size: 0.25rem;}
.section_2 .item .item-content{color: #CDCBFC;font-size: 0.16rem;font-weight: 400;}
.section_2 >img{position: absolute;top:0.3rem;left: 70%;width: 1.5rem;}


.section_3{background-color:#FFF;padding-top:0.88rem;}
.section_3 .title{margin-bottom: 0.54rem;}
.section_3 .content{ padding: 0 21.3%;display: flex;justify-content: space-between;}
.section_3 .content > li{width: 32.3%;height: 4.54rem;min-height: 340px;border-radius: 0.06rem;border: 1px solid #ededed;}
.section_3 .item-title{width: 100%;display: flex;justify-content: center;height: 0.83rem;background:linear-gradient(90deg,rgba(251,121,59,1) 0%,rgba(245,71,31,1) 100%);color: #fff;font-size: 0.29rem;font-weight: 500;line-height: 0.83rem;align-items: center;}
.section_3 .item-title img{width: 0.5rem;height: 0.48rem;}
.section_3 .sub-content{padding: 0.32rem 0.22rem 0 0.22rem;}
.section_3 .sub-item{display: flex;min-height: 0.68rem;margin-bottom: 0.33rem;}
.section_3 .sub-item img{width: 0.4rem;height: 0.4rem;margin-right: 0.15rem;}
.section_3 .sub-item-title{color:#F3471F;font-size: 0.22rem;font-weight: 500;}
.section_3 .sub-item-content{color:#333;font-size: 0.16rem;opacity: 0.8;}


.section_4{background-color: #2B27BD;background-size: 100% 100%;padding:0.8rem 21.25%;position: relative;overflow: hidden}
.section_4 .title{margin-bottom: 0.53rem;color: #FDF100;}
.section_4 .content{display: flex;flex-wrap: wrap;justify-content: space-between;}
.section_4 .content li{margin-bottom: 0.2rem;width: 31.5%;overflow: hidden;border-radius: 0.06rem;}
.section_4 .content li img{width: 100%;display: block;}
.section_4 .desc{width: 100%;height:0.96rem;min-height: 65px;background:linear-gradient(90deg,rgba(251,121,59,1) 0%,rgba(243,71,31,1) 100%);color: #fff;text-align: center;padding-top: 0.23rem;}
.section_4 .sub-title{font-size: 0.27rem;font-weight: bold;}
.section_4 .sub-content{font-size: 0.16rem;font-weight: 400;}
.section_4 >img{position: absolute;top:-0.2rem;left: 72%;width: 1.5rem;}


.section_5{background-color: #fff; padding-top: 1.07rem}
.section_5 .content{display: flex;width:61.45%;margin: 0 21.28%;justify-content: space-between;}
.section_5 li {display: flex;align-items: center;}
.section_5 li img{width:0.58rem ;height: 0.58rem;margin-right: 0.19rem;}
.section_5 .item-title{color:#F4461F;font-size: 0.33rem;font-weight: 800;line-height: 110%;}
.section_5 .item-content{color:#666;font-size: 0.19rem;font-weight: 400;}
.section_5 .img-container{display: flex;justify-content: center;margin-top: 0.73rem;}
.section_5 .img-container img{height:1.4rem;margin: 0 0.4rem;}


.section_6{position:relative;width:100%;background:url("http://image.caibaopay.com/guanwang/xsmf/section6_bg.png");background-size:100% 100%;overflow: hidden;height:15.04rem;padding-top: 0.81rem;box-sizing: border-box;min-height: 900px;position: relative;}
.section_6 .title{color:#FFE100;margin-bottom: 0.55rem;height: auto !important;}
.section_6 img{display: block;margin: 0 auto;width: 11.01rem;min-width: 726px;}
.section_6 .desc{margin-top: 0.7rem;color:#fff;font-size:0.35rem ;font-weight: bold;line-height: 157%;text-align: center;}
.section_6 span.yellow{color:#FDD000;font-size: 0.67rem;display: inline-block;margin-top: 0.2rem;line-height: 120%;}
.section_6 .join-btn{display: block;width: 3.43rem;height: 0.92rem;line-height: 0.92rem;background-color: #FDD000;border-radius: 0.1rem;text-align: center;position: absolute;bottom:0.7rem;left:50% ;transform: translateX(-1.72rem);color:#E60012;font-size: 0.4rem;}


.swiper-container {width: 100%;height: 100%;min-height: 317px;min-width: 1280px;}
.swiper-slide img{width: 100%;height: 100%;min-height: 317px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;min-height: 317px;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-wrapper{height: 100%;}
.swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;background: #fff;opacity: 1;}
.swiper-pagination-bullet-active{background: #1186f6;}
.swiper-pagination{bottom: 20px !important;left: 0;}
