body {
    /*font-family: "PingFangSC-Semibold";*/
    font-family: "PingFang-SC",
    "PingFangSC",
    "微软雅黑" ;
    overflow-x: hidden;
    /*min-width: 1100px;*/
    font-style: normal;

}
html {
    font-size: calc(100vw / 19.2);
    font-weight: 500;
}

.w1200{
    width:13rem;

}
.clear{
	clear:both;
}
.foot{
	width: 100%;
    line-height: 0.28rem;
    font-size: 0.2rem;
    color: rgb(255,255,255);
    text-align: center;
    background:rgb(51,51,51);
    padding:0.23rem 0;
    /*background: rgb(51 51 51);*/
}



.nav{
    height:0.8rem;
    /*line-height: 0.76rem;*/
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;

}
.box_div{
    width:3.3rem;
    height: 0.52rem;
    line-height: 0.52rem;
    border:1px solid rgb(232, 232, 232);
    background:rgb(246, 246, 246);
    border-radius: 0.04rem;
    margin-top:0.13rem;


}
#scrollDiv{
    overflow:auto;
}
.scrollText{
    width:100%;
    height:0.52rem;
    min-height:0.20rem;
    line-height:0.20rem;
    float:left;
    overflow:hidden;
}
.scrollText li{
    height:0.52rem;
    line-height: 0.52rem;
    padding-left:0.2rem;
    font-size: 0.2rem;
    color:rgb(51,51,51);
    font-weight: 500;
    cursor: pointer;

}
.scrollText li img{
    width:0.27rem;
    margin-right:0.08rem;
}
.navUl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    
}
.navUl li{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.2rem;
    color:rgb(51,51,51);
    margin-left:0.7rem;
    transition: all .8s;
    text-indent: 0.4rem;
}
.navli_01{
    background: url("../images/nav_01.png") no-repeat;
    background-size: 0.28rem 0.28rem;
    background-position: left center;
}
.navli_01:hover{
    background: url("../images/nav_01_hover.png") no-repeat;
    background-size: 0.28rem 0.28rem;
    background-position: left center;
}
.navli_02{
    background: url("../images/nav_02.png") no-repeat;
    background-size: 0.28rem 0.28rem;
    background-position: left center;
}
.navli_02:hover{
    background: url("../images/nav_02_hover.png") no-repeat;
    background-size: 0.28rem 0.28rem;
    background-position: left center;
}
.navli_03{
    background: url("../images/nav_03.png") no-repeat;
    background-size: 0.28rem 0.28rem;
    background-position: left center;
}
.navli_03:hover{
    background: url("../images/nav_03_hover.png") no-repeat;
    background-size: 0.28rem 0.28rem;
    background-position: left center;
}
.navli_04{
    background: url("../images/nav_04.png") no-repeat;
    background-size: 0.28rem 0.28rem;
    background-position: left center;
}
.navli_04:hover{
    background: url("../images/nav_04_hover.png") no-repeat;
    background-size: 0.28rem 0.28rem;
    background-position: left center;
}
.navUl li:hover{
    cursor: pointer;
    transform: scale(1.1);
}
.navUl li img{
    width:0.28rem;
    margin-right:0.15rem;

}


.banner{
    width:100%;
    height: 7rem;
    background: url("../images/banner.png") no-repeat;
    background-size: 100% 100%;
    /*background-size: auto 8.9rem;*/
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: -1;

}
.banner01{
    width:9.44rem;
    /*height: 0.89rem;*/
    display: block;
    margin:0 auto;
    padding-top:0.93rem;
}

.banner02 {
    background-image: linear-gradient(to bottom,rgb( 255, 255, 255), rgb( 255, 251, 249), rgb(254, 210, 163));
    -webkit-background-clip: text;
    color: transparent;
    font-size: 0.5rem;
    font-weight: 550;
    text-align: center;
    padding-top:0.1rem;
    margin-bottom:0.37rem;
}
.banner02::before {
    content: attr(text);
    position: absolute;
    z-index: -1;
    text-shadow: 0 0.04rem 0.02rem rgb(0, 0, 0, 0.27);
}
.banner03{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:0.63rem;
}
.banner03 span{
    font-size: 0.24rem;
    color:rgb(255,255,255);
    padding:0 0.2rem;
    font-weight: 500;


}
.banner03 img{
    width:2.6rem;
    height: 0.03rem;

}
.bannerUl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0 1rem;
    margin-bottom:0.8rem;

}
.bannerUl li{
    width:3.08rem;
    height: 0.64rem;
    line-height: 0.64rem;
    background:url("../images/banner_ico.png") no-repeat;
    background-size: 100% 100%;
    font-size: 0.24rem;
    color:rgb(213, 24, 24);
    text-align: center;
    font-weight: 500;
    transition: all .8s; 
}
.bannerUl li:hover{
    cursor: pointer;
    transform: scale(1.1,1.1);
}
.btn{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0 2.8rem;
}
.btn a{
    width:3.1rem;
    height: 0.6rem;
    display: block;
    line-height: 0.6rem;
    display: block;
    font-size: 0.24rem;
    text-align: center;
    border-radius: 0.08rem;
    background: -webkit-linear-gradient(top, rgb(255, 241, 224), rgb(254, 222, 189));
    color:rgb(213, 24, 24);
    transition: all .8s;
    font-weight: 600;

}
.btn a:hover{
    cursor: pointer;
    transform: scale(1.1);
}

.s1Wrap{
    margin:0.4rem 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s1Wrap li{
    width:2.75rem;
    
    font-size: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:0.13rem 0;
    border-radius: 0.04rem;
    font-weight: 500;
    transition: all .8s; 
}
.s1Wrap li:hover{
    cursor: pointer;
    transform: scale(1.1,1.1);
}
.s1Wrap li img{
    margin-right:0.1rem;
}
.s1_li_01{
    background:rgb(255, 240, 241);
    color:rgb(230, 30, 27);
}
.s1_li_02{
    background:rgb(227, 244 ,246);
    color:rgb(83, 189, 209);
}
.s1_li_03{
    background:rgb(253, 247, 236);
    color:rgb(239, 151, 82);
}
.s1_li_04{
    background:rgb(239, 246, 255);
    color:rgb(86, 127, 213);
}
.s2Wrap{
    border:1px solid rgb(216, 216, 216);
    padding:0.4rem 0.35rem;
    box-shadow: 0px 0.03rem 0.06rem 0px rgb(0, 0, 0, 0.06);
    margin-bottom:0.6rem;
}

.title{
    font-size: 0.34rem;
    color:rgb(213, 24, 24);
    text-align: center;
    font-weight: 600;
    margin-bottom:0.3rem;

}

.title a{
    color:rgb(206, 59, 45);
}
.s2Div{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s2Right{
    width:7.2rem;
    float: left;
}

.s2Table{
    border-radius: 0.02rem;
    border:0.01rem solid rgb(255, 197, 197);
    background:rgb(255,255,255);
}

.s2_table_list{
    height: 1.2rem;
    display: flex;
    border-bottom:0.01rem solid rgb(255, 197, 197);
}
.s2_table_list div{
    width:32%;
    line-height: 1.2rem;
    float: left;
    background:rgb(255, 248, 249);
    text-align: center;
    border-right:0.01rem solid rgb(254, 200, 200);
}
.s2_table_list div p{
    font-size: 0.21rem;
    color:rgb(51,51,51);
    transition: all .8s;
}
.s2_table_list div p:hover{
    cursor: pointer;
    text-decoration: underline;
    transform: scale(1.1,1.1);
}
.s2_left_m{
    width:38%;
    float: left;
    border-right:0.01rem solid rgb(255, 197, 197);
}
.s2_left_m li{
    width:100%;
    height: 0.6rem;
    border-bottom:0.01rem solid rgb(255, 197, 197);
    font-size: 0.2rem;
    color:rgb(102,102,102);
    display: table;
}
.s2_left_m li p{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.s2_left_m li:hover{
    color:rgb(223, 61, 62);
    text-decoration: underline;
    cursor: pointer;
}
.s2_height{
    height: 0.59rem !important;
    border-bottom:0 !important;
}
.s2_left_r{
    width:30%;
    float: left;
}
.s2_left_r li{
    width:100%;
    height: 0.6rem;
    border-bottom:0.01rem solid rgb(255, 197, 197);
    font-size: 0.2rem;
    color:rgb(102,102,102);
    display: table;
}
.s2_left_r li p{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.s2_left_r li p a{
    width:1.4rem;
    height: 0.38rem;
    line-height: 0.38rem;
    display: block;
    margin:0 auto;
    background:rgb(213, 24 ,24);
    border:1px solid rgb(213, 24, 24);
    font-size: 0.18rem;
    color:rgb(255,255,255);
    border-radius: 0.04rem;
    transition: all .8s;
}

.s2_left_r li p a:hover{
    border:1px solid rgb(206, 59, 45);
    background: -webkit-linear-gradient(top, rgb(255, 241, 224), rgb(254, 222, 189));
    color:rgb(213, 24, 24);
    cursor: pointer;
    transform: scale(1.1,1.1);
    color:rgb(213, 24, 24);
}
.s2List{
    height: 0.73rem;
    line-height: 0.73rem;

    
    font-size: 0.22rem;
    text-align: center;
}

.s2Btn{
    /*padding:0 0.6rem;*/
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s2Btn a{
    width:2rem;
    height: 0.46rem;
    line-height: 0.46rem;
    display: block;
    background: rgb(206 ,59, 45);
    border-radius: 0.06rem;
    font-size: 0.2rem;
    color:rgb(255,255,255);
    text-align: center;
    transition: transform 0.8s;
}
.s2Btn a:hover{
    border:1px solid rgb(206, 59, 45);
    background: -webkit-linear-gradient(top, rgb(255, 241, 224), rgb(254, 222, 189));
    color:rgb(213, 24, 24);
    cursor: pointer;
    transform: scale(1.1,1.1);
}
.s2Middle_tit_span{
    height: 0.28rem;
    line-height: 0.28rem;
    border-left: 3px solid rgb(223, 61, 62);
    display: block;
    font-size: 0.22rem;
    color: rgb(51,51,51);
    font-weight: 500;
    padding-left:10px;
    margin-bottom:0.2rem;
}

.s2Left{
    width:3.7rem;
    padding-left:0.65rem;
    background:url("../images/shu.png") no-repeat;
    background-size: 0.01rem 3.7rem;
    background-position: left 0.5rem;


}
.s2Left ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s2Left ul li{
    width:1.6rem;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    border:1px solid rgb(208, 208, 208);
    border-radius: 0.04rem;
    font-size: 0.21rem;
    color:rgb(51,51,51);
    background:rgb(245, 245, 245);
    margin-bottom:0.335rem;
    transition: all .8s;
    
}
.s2Left ul li:hover{
    border:1px solid rgb(213, 24, 24);
    background:rgb(213, 24, 24);
    color:rgb(255,255,255);
    cursor: pointer;
}

.s3Wrap{
    border:1px solid rgb(216, 216, 216);
    padding:0.4rem 0.35rem;
    box-shadow: 0px 0.03rem 0.06rem 0px rgb(0, 0, 0, 0.06);
    margin-bottom:0.6rem;
}
.s3Div{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s3Left{
    width:7.5rem;

}
.s3Left ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s3Left ul li{
    width:1.3rem;
    height: 0.5rem;
    line-height: 0.5rem;
    display: block;
    margin:0 auto;
    background:rgb(245, 245, 245);
    border:1px solid rgb(208, 208, 208);
    font-size: 0.21rem;
    color:rgb(51,51,51);
    border-radius: 0.04rem;
    transition: all .8s;
    text-align: center;
    margin-bottom:0.2rem;
    transition: all .8s;
}
.s3Left ul li:hover{
    border:1px solid rgb(213, 24, 24);
    background:rgb(213, 24, 24);
    color:rgb(255,255,255);
    cursor: pointer;
}

.s3Btn{
    padding:0 0.95rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s3Btn a{
    width:2.5rem;
    height: 0.5rem;
    line-height: 0.5rem;
    display: block;
    background: rgb(206 ,59, 45);
    border-radius: 0.06rem;
    font-size: 0.2rem;
    color:rgb(255,255,255);
    text-align: center;
    transition: transform 0.8s;
}
.s3Btn a:hover{
    border:1px solid rgb(206, 59, 45);
    background: -webkit-linear-gradient(top, rgb(255, 241, 224), rgb(254, 222, 189));
    color:rgb(213, 24, 24);
    cursor: pointer;
    transform: scale(1.1,1.1);
}
.s3Right {
    width:4.3rem;

}
.s3Right li{
    width:100%;
    height:0.5rem ;
    line-height: 0.5rem;

    background:url("../images/s3_ico.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:0.22rem;

}
.s3Right li span{
    width:58%;
    text-align: center;
    font-size: 0.21rem;
    display: block;
    float: left;
    color:rgb(255,255,255);

}
.s3Right li p{
    width:42%;
    font-size: 0.16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    color:rgb(213, 24, 24);
    transition: all .8s; 
} 
.s3Right li p:hover{
    cursor: pointer;
    transform: translateX(3px);

}
.s3Right li p img{
    width:0.1rem;
    height: 0.13rem;
    margin-left:0.05rem;

}
.s4Div{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s4Left{
    width:6.4rem;

}
.s4Title{
    height: 0.65rem;
    line-height: 0.65rem;
    border-bottom:0.01rem solid rgb(240, 240, 240);
    margin-bottom:0.3rem;

}
.s4Title span{
    font-size: 0.24rem;
    color:rgb(51,51,51);
    display: block;
    font-weight: 600;
    float: left;


}
.s4Title a{
    font-size: 0.14rem;
    color:rgb(51,51,51);
    display: block;
    float: right;
}
.s4Left_div{
    padding:0.23rem 0.2rem 0.15rem 0.4rem;
    background:rgb(255,255,255);
    box-shadow: 0px 0.02rem 0.2rem 0px rgb(0, 0, 0, 0.1);
    background:url("../images/shu.png") no-repeat;
    background-size: 0.01rem 3.19rem;
    background-position: 0.24rem 0.36rem;

}
.s4Left_one{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom:0.01rem solid rgb(240 ,240, 240);
    padding-bottom:0.2rem;
    margin-bottom:0.2rem;
    position: relative;
}
.s4Left_one span{
    width:0.09rem;
    height: 0.09rem;
    border:0.02rem solid rgb(213, 24, 24);
    border-radius: 50%;
    margin-top:0.07rem;
    position: absolute;
    left: -0.22rem;
    top: -0.06rem;


}
.s4Left_one img{
    margin-right:0.15rem;

}
.s4Left_one p{
    width:3.68rem;
    font-size: 0.18rem;
    color:rgb(51,51,51);
    line-height: 0.28rem;
}
.s4Left_div li{
    height: 0.24rem;
    line-height: 0.24rem;
    background:rgb(255,255,255);
    margin-bottom:0.16rem;
    
    margin-left:-0.22rem;
    cursor: pointer;
}
.s4Left_div li span{
    width:0.09rem;
    height: 0.09rem;
    border:0.02rem solid rgb(213, 24, 24);
    border-radius: 50%;
    margin-top:0.07rem;
    float: left;
    margin-right:0.1rem;


}
.s4Left_div li p{
    font-size: 0.2rem;
    color:rgb(51,51,51);
    float: left;
}
.s4Left_div li a{
    color:rgb(213, 24, 24);
    font-size: 0.2rem;
    display: block;
    float: right;
    cursor: pointer;

}
.s4Right{
    width:6rem;

}
.s4Right_div{
    padding:0.25rem 0.25rem 0.15rem 0.5rem;
    background:rgb(255,255,255);
    box-shadow: 0px 0.02rem 0.2rem 0px rgb(0, 0, 0, 0.1);

}
.s4Right_div li{
    margin-bottom:0.267rem;
}
.s5Wrap{
    margin:0.6rem 0;

}
.s5Table{
    border:1px solid rgb(254, 200, 200);
    display: flex;

}
.s5Table ul{
    border-right:0.01rem solid rgb(254, 200, 200);

}

.s5_ul_01{
    width:2.72rem;
}
.s5_ul_02{
    width:1.52rem;
}
.s5_ul_03{
    width:3.3rem;
}

.s5_ul_04{
    width:1.6rem;
}
.s5_ul_05{
    width:1.32rem;
}
.s5_ul_06{
    width:2.43rem;
    border-right:0 !important;
}
.s5Nav_ol{
    width:100%;
    height: 0.5rem;
    line-height: 0.5rem;
    background:rgb(255, 248, 249);
    font-size: 0.18rem;
    color:rgb(51,51,51);
    text-align: center;
    font-weight: 900;
    border-bottom:0.01rem solid rgb(254, 200, 200);
}
.s5Table ul li{
    width:100%;
    height: 0.58rem;
    display: table;
    font-size: 0.2rem;
    color:rgb(51,51,51);
    text-align: center;
    border-bottom:0.01rem solid rgb(254, 200, 200);

}
.s5Table ul li:nth-of-type(4){
    border-bottom:0 !important;
}
.s5Table ul  li p{
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.s5Table ul  li p a{
    width:1rem;
    height: 0.36rem;
    line-height: 0.36rem;
    display: block;
    background: rgb(206 ,59, 45);
    border-radius: 0.06rem;
    font-size: 0.18rem;
    color:rgb(255,255,255);
    text-align: center;
    transition: transform 0.8s;
    margin:0 auto;
}
.s5Table ul  li p a:hover{
    border:1px solid rgb(206, 59, 45);
    background: -webkit-linear-gradient(top, rgb(255, 241, 224), rgb(254, 222, 189));
    color:rgb(213, 24, 24);
    cursor: pointer;
    transform: scale(1.1,1.1);
}
.s5_ul_last{
    height: 2.3rem !important;

    width:calc(100% - 0.5rem) !important;
    padding:0 0.25rem;
    border-bottom:0 !important;
}
.s6Wrap{
    padding-bottom:0.7rem;

}
.s6Ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s6Ul li{
    width:3.8rem;
    /*height: 2rem;*/
    margin-bottom:0.4rem;
    position: relative;
    overflow: hidden;

}
.s6Ul li img{
    width:100%;
    display: block;
    transition: all .8s;

}
.s6Ul li img:hover{
    cursor: pointer;
    transform: scale(1.1,1.1);
}
.s6Ul li p{
    width:100%;
    height: 0.56rem;
    line-height: 0.56rem;

    background:rgb(213, 24, 24);
    font-size: 0.2rem;
    color:rgb(255,255,255);
    text-align: center;
    position: absolute;
    bottom:0;

}
.s6Div{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0 0.88rem;
}
.s6Div p{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.24rem;
    color:rgb(51,51,51);
    font-weight: 500;
    transition: all .8s; 
} 
.s6Div p:hover{
    cursor: pointer;
    transform: scale(1.1,1.1);

}
.s6Div p img{
    width:0.24rem;
    margin-right:0.1rem;
}