@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;
    }
}



html {
    background: #ffffff;
}

body {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;}

.header {width: 100%;height: 4.8rem;text-align: center;color: white;overflow: hidden;position: relative;}
.header img{width: 100%;display: block;height: 100%;}
.header .refer-btn{position: absolute;bottom:1.1rem;left:18.75%;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;}


.container{width:100%;box-sizing: border-box;overflow: hidden;}


.section_1{padding: 0 21.4%; min-height: 240px}
.section_1 .title{width: 100%;height: 1.67rem;line-height: 1.87rem;font-size: 0.37rem;text-align: center;color:#333;}
.section_1 .content{display: flex;}
.section_1 .content >div{flex: 1;text-align: center;margin: 0 8.47%;}
.section_1 .content >div img{height: 0.5rem;display: inline-block;}
.section_1 .content >div p{text-align: left;font-size: 0.15rem;color:#777;margin-top: 0.3rem;line-height: 24px;}

.section_2{background-color: #fff;min-height: 315px;}
.section_2 .title{width: 100%;height: 1.87rem;line-height: 1.87rem;font-size: 0.37rem;text-align: center;color:#333;}
.section_2 .content{overflow: hidden;}
.section_2 .content li{float: left}
.section_2 .content li:nth-of-type(1){margin-right: 2.53rem;}
.section_2 .content li:nth-of-type(2){margin-right: 2.33rem;}
.section_2 .content li img{ width: 1.2rem}
.section_2 .content li .sub_title{color:#595961;font-size:18px;font-weight:normal; margin-top: 0.35rem;}
.section_2 .content li p{color:#595961;font-size:14px;}
.section_2 .content li p:nth-of-type(1){margin-top: 0.12rem}
.section_2 .content li p:nth-of-type(2){margin-top: 0.05rem}

.section_3{padding: 0 18.69%;min-height: 485px;}
.section_3 .title{width: 100%;height: 1.87rem;line-height: 1.87rem;font-size: 0.37rem;text-align: center;color:#333;}
.section_3 .content{display: flex}
.section_3 .content .content_lf{width: 43.36%;position: relative;margin-left: 1.51%}
.section_3 .content .content_lf img{width: 100%;}

/*.section_3 .content .content_md{width: 31.36%;position: relative}*/
/*.section_3 .content .content_md img{width: 100%;}*/
.section_3 .content .content_rt .img_container{width:100%;position: relative}
.section_3 .content .content_rt{width: 68.5%;overflow: hidden}
.section_3 .content .content_rt .img_container{float: left;width:100%;position: relative}
.section_3 .content .content_rt img{width: 100%;display: block;}
.section_3 .content .txt_container{padding-top:0.35rem;padding-left: 0.2rem;}
.section_3 .content .txt_container .sub_title{font-size: 0.2rem;color:#333;display: flex;align-items: center;margin-bottom: 0.05rem;}
.section_3 .content .txt_container .sub_title span{background-image:url(/themes/images/payment/hot_icon.png);width: 0.2rem;height: 0.2rem;background-size: 100% 100%;margin: 0 0.02rem;}
.section_3 .content .txt_container .sub_title span:nth-of-type(1){margin-left: 0.08rem;}
.section_3 .content .txt_container p{font-size: 0.14rem;color:#666;}

.section_8 {padding: 0 23.43%; height: 6rem;overflow: hidden;min-height: 375px;}
.section_8 .title{width: 100%;font-size: 0.37rem;text-align: center;color:#333;margin-bottom: 0.6rem;margin-top: 0.6rem;}
.section_8 .list_container{ overflow: hidden}
.list_container li{float: left;width: 1.74rem;min-width:130px;height: 1.5rem;min-height:100px;text-align: center;font-size: 0.16rem;color: #333;}
.list_container li img{width: 0.7rem;}
.list_container li:not(:nth-of-type(4n)){margin-right: 0.73rem;}
.list_container li:nth-child(-n+4){margin-bottom: 0.5rem;}
.list_container li p{margin-top: 0.2rem;}


.scrollspy-nav {top: 0;z-index: 100;background: #fff;width: 100%;border-bottom: 1px solid #e6e6e6;min-width:1250px;}
.scrollspy-nav ul {width:72%;margin: 0 14%;overflow: hidden;height:0.6rem;padding: 0;text-align: center;}
.scrollspy-nav li {display: inline-block;list-style: none;height: 100%;}
.scrollspy-nav a {color: #666;padding: 0  0.4rem;display: inline-block;line-height: 0.6rem;height: 0.6rem;font-size: 0.18rem;}
.scrollspy-nav a.am-active {
    color: #333;font-weight: 500;
    border-bottom: 3px solid transparent;
    border-image:linear-gradient(to right,#00AAFA,#005CC2,#9251FF) 1 10;
}