ul,li{
    list-style-type: none;
}
body {
    margin: 0;
    padding: 0;
}
.pc{
    display: none !important;
}
* {
    margin: 0;
    padding: 0;
}
h2{
    font-size: .4rem;
    color: #333333;
}
.headerImg{
    width: 100%;
    height:12rem;
    position: relative;
    margin-top: 1.5rem;
}
.headerImg_PC{
    display: none !important;
}
.headerImg img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.FFheader_btn{
    width: 75%;
    position: absolute;
    bottom: .5rem;
    left: 50%;
    transform: translate(-50%);
    display: flex;
    justify-content: center;
    padding: .1rem .2rem;
    border-radius: .4rem;
    border:.01rem solid #ffffff ;
    background: rgba(0, 0, 0, .3);
}
.FFheader_btn1{
    font-size: .3rem;
    color: #fff;
    border-radius: .4rem;
    border:.01rem solid #ffffff ;
    padding: .05rem .35rem;
    cursor: pointer;
}
.FFheader_btn1:first-child{
    margin-right: .2rem;
    background: #006ec1;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.7) 1.95px 1.95px 2.6px;
}
.FFheader_btn1:last-child{
    color: #ff8b00;
    -webkit-text-stroke: .01rem #fff;
    font-weight: 900;
}
/*  */
.FFCupLine01{
    width: 100%;
    background: #fff;
}
.FFCupLine01_C{
    /* width: 15rem; */
    margin: auto;
    padding: .5rem 0;
    display: flex;
    flex-wrap: wrap;
}
.FFCupLine01_CLi{
    width: 49%;
    border-right: .01rem solid #999999;
    padding: .2rem 0;
    margin-bottom: .1rem;
}
.FFCupLine01_CLi:last-child,.FFCupLine01_CLi:nth-child(2){
    border: none;
}
.FFCupLine01_CLi img{
    display: block;
    margin: auto;
}
.FFCupLine01_CLi p{
    font-size: .28rem;
    color: #666666;
    text-align: center;
    margin-top: .1rem;
}
.FFCupLine02{
    width: 100%;
    background: linear-gradient(to bottom , #fff 58%, #006ec1 50%);
    padding: .5rem .2rem .5rem .2rem;
    box-sizing: border-box;
}
.FFCupLine02_C{
    /* width: 15rem; */
    margin: auto;
    /* display: flex; */
}
.FFCupLine02_CL,.FFCupLine02_CR{
    width: 100%;
}
.FFCupLine02_CL{
    border-radius: .2rem;
    overflow: hidden;
    height: 5rem;
}
.FFCupLine02_CR{
    padding-left: .3rem;
    box-sizing: border-box;
}
.FFCupLine02_CRT{
    font-family: pb;
    font-size: .5rem;
    color: #333333;
    padding-right: 20%;
    line-height: .65rem;
    margin: .3rem 0;
}
.FFCupLine02_CRMsg{
    font-size: .25rem;
    color: #fff;
    font-family: p;
    margin-top: .2rem;
}
.FFCupLine02_CRMsg p{
    margin-bottom: .15rem;
}
.FFCupLine02_CRMsg p:last-child{
    color: #fff;
}
.FFCupLine02_CRBtn{
    font-size: .3rem;
    padding: .2rem 0;
    width: 3.5rem;
    color: #fff;
    text-indent: .3rem;
    background: url("../img/FFCupLineIcon5.png") no-repeat #ff8b00 right;
    background-size: 22%;
    border-radius: .5rem;
    border: .01rem solid #ff8b00;
    margin-top: .35rem;
    cursor: pointer;
    font-family: p;
}
.FFCupLine03{
    width: 100%;
    padding: .5rem .2rem;
    box-sizing: border-box;
}
.FFCupLine03_C{
    /* width: 15rem; */
    margin: auto;
}
.FFCupLine03_T{
    font-size: .5rem;
    color: #333333;
    font-family: pb;
    text-align: center;
}
.FFCupLine03_P{
    font-size: .25rem;
    color: #666666;
    font-family: p;
    text-align: center;
}
.FFHow_PC{
    display: none !important;
}
.FFCupLine03_Ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: .3rem;
}
.FFCupLine03_Li{
    width: 100%;
    height: 6.4rem;
    /* margin-right: 1%; */
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: .2rem;
    overflow: hidden;
    position: relative;
    margin-bottom: .2rem;
}
.FFCupLine03_Li img{
    position: absolute;
    width: 100%;
    height: 4.64rem;
    top: 0;
}
.FFCupLine03_LiMsg{
    width: 100%;
    background: #fff;
    position: absolute;
    /*height: 1.20rem;*/
    bottom: 0;
    font-family: pm;
    padding: .2rem .4rem;
    box-sizing: border-box;
    font-size: .28rem;
    color: #333333;
    text-align: center;
}
.FFCupLine03_LiText{
    position: absolute;
    width: 100%;
    height:5.84rem;
    background: rgba(23, 122, 197, .9);
    left: 0;
    bottom: -5.84rem;
    transition: all .3s;
    display: flex;
    align-items: center;
    padding: 0 .5rem;
    box-sizing: border-box;
}
/*.FFCupLine03_Li:hover .FFCupLine03_LiText{*/
/*    bottom: 0;*/
/*}*/
.LiText03_T{
    font-size: .3rem;
    font-family: pm;
    color: #fff;
    width: 80%;
    margin: auto;
    text-align: center;
}
.LiText03_TLi{
    font-family: p;
    font-size: .25rem;
    color: #fff;
    margin-top: .2rem;
}
.LiText03_TBtn{
    font-family: p;
    color: #ff8b00;
    font-size: .3rem;
    border-radius: .2rem;
    border: .01rem solid #fff;
    padding: .02rem .1rem;
    width: 2.5rem;
    text-align: center;
    margin: auto;
    margin-top: .3rem;
    cursor: pointer;
    border: .01rem solid #ff8b00;
}
.FFCupLine04{
    width: 100%;
    background: #fff;
    padding: .5rem 0;
}
.FFCupLine04_C{
    /* width: 15rem; */
    margin: auto;
}
.FFCupLine04_imgPC{
    display: none !important;
}
.FFCupLine04_img{
    margin-top: .5rem;
}
.FFCupLine04_img img{
    display: block;
    width: 100%;
    height: 100%;
}
.FFCupLine05{
    width: 100%;
    /*background: url("../img/FFWe1_YD.jpg") no-repeat;*/
    background-size: cover;
    padding: .5rem 0 0;
    height: 11rem;
    box-sizing: border-box;
    position: relative;
}
.FFCupLine05_IMg{
    position: absolute;
    width: 100%;
    height: 95%;
}
.FFCupLine05_IMgPC{
    display: none !important;
}
.FFCupLine05 .FFCupLine03_T,.FFCupLine05 .FFCupLine03_P{
    color: #fff;
}
.FFCupLine05LI{
    position: absolute;
    background: #fff;
    display: flex;
    border-radius: .5rem;
    justify-content: space-between;
    padding:.1rem .2rem .1rem .1rem;
    align-items: center;
    box-sizing: border-box;
}
.FFCupLine05LI img{
    display: block;
    width: .8rem;
    height: .8rem;
}
.FFCupLine05LI p{
    font-size: .25rem;
    color: #333333;
    margin-left: .2rem;
    width: 1.7rem;
}
.FFCupLine05LI1:nth-of-type(6){
    left: 2rem;
    top: 2.6rem;
}
.FFCupLine05LI1:nth-of-type(7){
    left: 4rem;
    top:3.8rem;
}
.FFCupLine05LI1:nth-of-type(3){
    left: 4.4rem;
    top: 5.1rem;
}
.FFCupLine05LI1:nth-of-type(4){
    left: 4rem;
    top: 6.5rem;
}
.FFCupLine05LI1:nth-of-type(5){
    left: 3rem;
    top: 7.9rem;
}
.FFCupLine06{
    width: 100%;
    background: #fff;
    padding: .5rem .2rem;
    box-sizing: border-box;
}
.FFCupLine06_C{
    /* width: 15rem; */
    margin: auto;
}
.FFCupLine06_Ul{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .5rem;
}
.FFCupLine06_Li{
    width: 100%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: .1rem;
    overflow: hidden;
    margin-bottom: .2rem;
}
.FFCupLine06_Li img{
    display: block;
    width: 100%;
    height: auto;
}
.FFCupLine06_Msg{
    width: 100%;
    background: #fff;
    padding: .2rem;
    box-sizing: border-box;
}
.FFCupLine06_MsgT{
    font-size: .3rem;
    text-align: center;
    color: #333333;
    font-family: p;
}
.FFCupLine06_MsgBtn{
    font-size: .3rem;
    color: #ff8b00;
    border: .01rem solid #ff8b00;
    width: 3rem;
    text-align: center;
    height: .6rem;
    line-height: .6rem;
    border-radius: .3rem;
    margin: auto;
    margin-top: .2rem;
    cursor: pointer;
}
.FFCupLine06_MsgBtn a{
    color: #ff8b00;
}
.FFCupLine07{
    width: 100%;
    background: #fff;
    padding: .5rem .2rem;
    box-sizing: border-box;
}
.FFCupLine07_C{
    /* width: 15rem; */
    margin: auto;
}
.FFCupLine03_Tab{
    padding: .1rem .3rem;
    border-radius: .5rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    margin: auto;
    margin-top: .2rem;
    display: flex;
    justify-content: space-between;
    width: 55%;
    display: none;
}
.FFCupLine03_TabLi{
    font-size: .28rem;
    color: #333333;
    padding: .05rem .15rem;
    border-radius: .5rem;
    cursor: pointer;
}
.FFCupLine03_TabLiYD{
    background: #006ec1;
    color: #fff;
    width: 40%;
    margin: auto;
    text-align: center;
    margin-top: .3rem;
    margin-bottom: .3rem;
    height: .5rem;
    line-height: .5rem;
}
.FFCupLine03_TabLi.on{
    background: #006ec1;
    color: #fff;
}
.FFCupLine03_Con{
    margin-top: .5rem;
    overflow: hidden;
    /* height: 5.3rem; */
}
.FFCupLine03_ConLI{
    width: 100%;
    justify-content: space-between;
    /* display: flex; */
}
.FFCupLine03_ConLI.on{
    /* display: flex; */
}
.FFCupLine03_ConLIL,.FFCupLine03_ConLIR{
    width:100%;
    margin-bottom: .2rem;
}
.FFCupLine03_ConLILT{
    width: 100%;
    font-size: .25rem;
    color: #666666;
    font-family: p;
}
.FFCupLine03_ConLILT p{
    margin-bottom: .1rem;
}
.FFCupLine03_ConLIImg{
    display: flex;
    justify-content: space-between;
    margin-top: .2rem;
}
.FFCupLine03_ConLIImg img{
    width: 49%;
    display: block;
    border-radius: .1rem;
}
.FFCupLine03_ConLIRImg img{
    width: 100%;
    display: block;
    border-radius: .1rem;
}
.FFOur4_img{
    display: block;
    border-radius: .1rem;
    width: 100%;
    height: 100%;
}
.FFOur5_img{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-content: space-between;
}
.FFOur5_img img{
    display: block;
    width: 49%;
    height: 49%;
    border-radius: .1rem;
    margin-bottom: .2rem;
}
.FFOur9_img{
    display: block;
    width: 100%;
    height: 100%;
}
.From_Box{
    width: 100%;
    padding-top: .5rem;
    background: url("../img/FromBkg.jpg") no-repeat;
    /* height: 9rem; */
    background-size: cover;
    box-sizing: border-box;
    padding-left: .2rem;
    padding-right: .2rem;
    padding-bottom: .5rem;
}
.From_Box_C{
    /* width: 15rem; */
    margin: auto;
    /* display: flex; */
}
.From_BoxL{
    width: 100%;
    padding-top: .5rem;
    /* padding-right: 8%; */
    box-sizing: border-box;
}
.From_BoxR{
    width: 100%;
}
.From_BoxL .FFCupLine03_T{
    color: #fff;
    text-align-last: left;
}
.From_BoxLP{
    font-size: .25rem;
    color: #fff;
    margin-top: .2rem;
}
.From_BoxLB{
    font-size: .25rem;
    color: #fff;
    padding-top: .3rem;
    margin-top: .5rem;
    border-top: .01rem solid #808a96;
}
.From_BoxRBox{
    width: 100%;
    background: #fff;
    border-radius:0  0 .2rem .2rem;
    border-top: .05rem solid #006ec1;
    padding: .2rem;
    box-sizing: border-box;
    margin-top: .3rem;
}
.From_BoxRBoxT{
    font-size: .3rem;
    color: #333333;
    text-align: center;
    margin-top: .5rem;
    font-family: p;
}
.From_BoxRInput{
    width: 100%;
    margin-top: .3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.From_input,.From_textarea{
    width: 100%;
    border: .01rem solid #e5e5e5;
    border-radius: .1rem;
    background: #fafafc;
    color: #999999;
    font-size: .25rem;
    padding-left: .2rem;
    box-sizing: border-box;
    height: .8rem;
    line-height: .8rem;
    margin-bottom: .2rem;
    font-family: p;
}
.From_textarea{
    height: 2rem !important;
}
.From_inputW{
    /* width: 49%; */
}
.From_BoxRBtn{
    font-size: .3rem;
    color: #fff;
    background: #ff8b00;
    border-radius: .3rem;
    width: 3rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    margin: auto;
    margin-top: .3rem;
    margin-bottom: .3rem;
}




.FFOffer01{
    width: 100%;
    /*height: 9.50rem;*/
    background: url("../img/FFOffer01.jpg") no-repeat;
    background-size: cover;
    padding: .8rem .2rem .5rem .2rem;
    box-sizing: border-box;
    overflow: hidden;
}
.FFOffer01_T{
    font-size: .5rem;
    text-align: center;
    color: #fff;
    font-family: pb;
}
.FFOffer01_P{
    color:#999999;
    font-size: .28rem;
    text-align: center;
    font-family: p;
}
.FFOffer01_swiper {
    position: relative;
    height: 100%;
    font-size: .14rem;
    margin-top: .8rem;
}
.FFOffer01_swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: rgba(255, 255, 255, .8);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .1rem;
    overflow: hidden;
    transition: all .5s;
    cursor: pointer;
}
.FFOffer01_swiper .swiper-slide:hover{
    background: #fff;
    box-shadow: rgba(255, 255, 255, 0.5) 0px 5px 15px;

}
.FFOffer01_swiper .swiper-slide img {
    display: block;
    width: 1rem;
    height: 1rem;
    /* object-fit: cover; */
}
.FFOffer01_swiper .swiper {
    width: 100%;
    height: 350px;
    padding-bottom: 1rem;
    box-sizing: border-box;
}
.FFOffer01_swiper .append-buttons {
    text-align: center;
    margin-top: 20px;
}
.FFOffer01_swiper .append-buttons button {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #007aff;
    color: #007aff;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 10px;
    font-size: 13px;
}
.swiper-slideC{
    width: 85%;
}
.swiper-slideT{
    font-size: .35rem;
    font-family: pb;
    color: #333333;
    text-align: left;
    margin: .3rem 0;
}
.swiper-slideP{
    font-size: .25rem;
    font-family: pl;
    color: #666666;
    margin-bottom: .5rem;
    text-align: left;
    line-height: .4rem;
}
.swiper-slideCBtn{
    font-size: .35rem;
    color: #fff;
    text-align-last: left;
    cursor: pointer;
    font-family: pr;
    width: 3rem;
    border: .01rem solid #006ec1;
    border-radius: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: .6rem;
    background: #006ec1;
}
.FFOffer01_swiper .swiper-button-next,.FFOffer01_swiper .swiper-button-prev{
    width: .44rem;
    position: absolute;
    height: .44rem;
    display: block;
    left: 59%;
    transform: translate(-50%, -50%);
    top: 6.1rem;
}
.FFOffer01_swiper .swiper-button-next{
    right: 0 !important;
}
.FFOffer01_swiper .swiper-button-prev{
    left:38% !important;
}


/*表格*/

.tableBox{
    width: 100%;
    margin-top: .5rem;
    border-radius: .2rem;
    overflow: hidden;
}
.tableBox tr:nth-of-type(1) {
    height: 0.52rem !important;
    background: #006ec1 !important;
    font-size: 0.22rem;
    line-height: 0.52rem !important;
}
.tableBox tr:nth-of-type(1) td{
    color:#fff !important;
    /* height: .8rem !important; */
    background: #006ec1 !important;
}
.tableBox tr:nth-of-type(2) td{
    color:#fff !important;
    /* height: .8rem !important; */
    background: #006ec1 !important;
}
.tableBox tr {
    height: 0.52rem !important;
    line-height: 0.52rem !important;
    background: #fff ;
}
.tableBox tr:nth-of-type(odd) {
    background: #fff  !important;
}
.tableBox tr td {
    border: 0.01rem solid #eeeeee;
    color: #666666;
    line-height: .35rem;
}
.tableBox tr td:first-child {
    /* color: #fff; */
}
.tableBox {
    margin: auto;
    width: 100%;
    height: auto;
    border-collapse: collapse;
    text-align: center;
    /* background: #fff; */
    font-size: 0.22rem;
    border-radius: .25rem;
    font-family: p;
}