.navone:nth-child(2):after { content: ''; display: block; width: 60px; height: 4px; background-color: #ff6a00; position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); }
.topbanner { height: 500px; width: 100%; background: url(/Images/jjfa/fxds/fxds1.jpg); background-size: auto 100%; background-position: center; }

.faa { width: 1200px; margin: 30px auto; }
.faatitle { text-align: center; height: 45px; line-height: 45px; font-size: 36px; font-weight: bold; }
.faades { text-align: center; line-height: 25px; font-size: 18px; margin-top: 15px; color: #999; }
.faabg { width: 1200px; height: 440px; position: relative; padding: 60px 10px; }
.faaone { width: 265px; float: left; margin-right: 35px; background-color: #f5f5f5; border-radius: 15px; overflow: hidden; }
    .faaone:nth-child(2n) { margin-top: 10px; }
    .faaone:nth-child(4n) { margin-right: 0px; }
.faatext { padding: 30px; }
.faattitle { font-size: 20px; font-weight: bold; }
.faatdes { font-size: 15px; color: #999; line-height: 25px; padding-top: 10px; text-align: justify; }
.faatimg { }
.faaone:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); transform: translateY(-2px); }

.fab { background-image: url(/Images/jjfa/fxds/fxds2.jpg); background-position: center center; background-size: auto 100%; padding: 60px 0 10px 0; }
.fabtitle { text-align: center; height: 45px; line-height: 45px; font-size: 36px; font-weight: bold; }
.fabdes { text-align: center; line-height: 25px; font-size: 18px; margin-top: 15px; }
.fablist { width: 1200px; margin: 140px auto 0 auto; height: 794px; background-image: url(/Images/jjfa/fxds/fxds16.png); background-repeat: no-repeat; background-position: center 46px; position: relative; }
.fabone { width: 310px; text-align: left; background-color: #fff; position: absolute; border-radius: 60px; height: 120px; left: 100px; }
.faboimg { position: absolute; left: -30px; top: 7px; }
.fabotitle { font-size: 18px; padding: 16px 0 0 80px; font-weight: bold; }
.fabodes { padding: 5px 30px 0 80px; color: #999; line-height: 20px; font-size: 15px; }
.fabone1 { left: 735px; top: -65px; }
.fabone2 { left: 920px; top: 128px; }
.fabone3 { left: 931px; top: 315px; }
.fabone4 { left: 820px; top: 495px; }
.fabone5 { left: 455px; top: 611px; }
.fabone6 { left: 90px; top: 495px; }
.fabone7 { left: -16px; top: 315px; }
.fabone8 { left: -5px; top: 128px; }
.fabone9 { left: 155px; top: -60px; }
.fabone:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); transform: translateY(-2px); }

.fac { background-position: center center; background-size: auto 100%; padding: 60px 0 10px 0; }
.factitle { text-align: center; height: 45px; line-height: 45px; font-size: 36px; font-weight: bold; }
.facdes { text-align: center; line-height: 25px; font-size: 18px; margin-top: 15px; }
.faclist { width: 1200px; margin: 20px auto 0 auto; height: 685px; background-image: url(/Images/jjfa/fxds/fxds17.jpg); background-repeat: no-repeat; background-position: center 46px; position: relative; }
.facone { text-align: left; background-color: #fff; position: absolute; border-radius: 60px; height: 58px; box-sizing: border-box; padding-right: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.facoimg { position: absolute; left: -1px; top: -1px; }
.facotitle { font-size: 18px; padding: 15px 0 0 70px; font-weight: bold; }
.facone1 { left: 735px; top: 65px; color: #f7b245; border: solid 1px #f7b245; }
.facone2 { left: 970px; top: 145px; border: solid 1px #f16bcf; color: #f16bcf; }
.facone3 { left: 1010px; top: 325px; border: solid 1px #2bb9eb; color: #2bb9eb; }
.facone4 { left: 800px; top: 466px; border: solid 1px #847df1; color: #847df1; }
.facone5 { left: 380px; top: 467px; border: solid 1px #5ddcb5; color: #5ddcb5; }
.facone6 { left: 75px; top: 398px; border: solid 1px #f7b144; color: #f7b144; }
.facone7 { left: 7px; top: 220px; border: solid 1px #827bf1; color: #827bf1; }
.facone8 { left: 98px; top: 65px; border: solid 1px #2bb9eb; color: #2bb9eb; }
.facone9 { left: 365px; top: 65px; border: solid 1px #f16dcd; color: #f16dcd; }
.facone_l { position: absolute; left: 190px; top: 570px; color: #ed5090; font-size: 22px; font-weight: bold; }
.facone_r { position: absolute; left: 700px; top: 570px; color: #436ae1; font-size: 22px; font-weight: bold; }
.facone:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); transform: translateY(-2px); }


.fad { padding: 50px 0 30px 0; background-color: #f5f8ff; }
.fadtitle { text-align: center; height: 45px; line-height: 45px; font-size: 36px; font-weight: bold; }
.faddes { text-align: center; line-height: 25px; font-size: 18px; margin-top: 15px; color: #999; }
.fadbg { width: 1200px; margin: 0 auto; padding: 30px 10px; overflow: hidden; }
.fadone { float: left; width: 380px; height: 250px; margin-right: 30px; margin-top: 30px; border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
    .fadone:nth-child(3n) { margin-right: 0px; }
    .fadone:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); transform: translateY(-2px); }
.img1 { background-image: url(/Images/jjfa/ncds15.png); }
.img2 { background-image: url(/Images/jjfa/ncds16.png); }
.img3 { background-image: url(/Images/jjfa/ncds17.png); }
.img4 { background-image: url(/Images/jjfa/ncds18.png); }
.img5 { background-image: url(/Images/jjfa/ncds19.png); }
.img6 { background-image: url(/Images/jjfa/ncds20.png); }
.fadotitle { font-size: 20px; font-weight: bold; padding: 45px 40px 15px 40px; color: #fff; }
.fadodes { font-size: 16px; padding: 0px 40px 20px 40px; color: #999; line-height: 30px; color: #fff; }
.fadone:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5); transform: translateY(-2px); }
.fx_part4 { background: url(/Images/jjfa/fxds/fxds31.jpg); padding: 50px 0; }
    .fx_part4 ul { max-width: 1200px; margin: 20px auto; }
        .fx_part4 ul:after, .fx_part5 ul:after, .fx_part5 ul li:after { content: ""; display: table; clear: both; }
    .fx_part4 .factitle, .fx_part4 .facdes { color: #fff; }
    .fx_part4 ul li { width: 19%; float: left; padding: 2%; margin: 1%; background: #fff; border-radius: 25px; box-shadow: 5px 20px 30px rgba(133,58,204,0.15); }
        .fx_part4 ul li img, .fx_part5 ul li img { margin: 0 auto; width: 100%; max-width: 198px; }
        .fx_part4 ul li h2 { font-weight: bold; font-size: 24px; padding: 15px 0; }
        .fx_part4 ul li p { color: #98a1ab; line-height: 24px; }
.fx_part5 { padding: 50px 0; }
    .fx_part5 ul { max-width: 1200px; margin: 20px auto; }
        .fx_part5 ul li { width: 16%; float: left; margin: 2%; text-align: center; }
            .fx_part5 ul li img { margin: 0 auto; }
            .fx_part5 ul li h2 { font-weight: bold; font-size: 24px; padding: 15px 0 0 0; }
            .fx_part5 ul li em { display: inline-block; width: 42px; height: 5px; background: #626eed; margin: 10px auto 5px auto; }
            .fx_part5 ul li p { color: #98a1ab; line-height: 24px; }
.img8 { display: none; }

@media screen and (max-width:800px) {
    /*.topimg{height:50vw; width:100%; object-fit:cover;}*/
    .topbanner { height: 55vw; width: 100%; background-position: 60% center; }
    .faa { width: 100vw; padding: 0 3vw; box-sizing: border-box; margin: 0 auto; }
    .faatitle, .fabtitle, .factitle, .fadtitle, .faetitle { font-size: 24px; padding: 0 2vw; }
    .faddes, .faedes, .fafdes, .faades, .facdes { margin-top: 0; font-size: 16px; }
    .faaone:after { content: ""; clear: both; display: table; }
    .faabg { padding: 10px 0; width: 94vw; height: auto; }

    .faaone { width: 94vw; float: none; margin: 2vw 0; height: 35vw; }
    .faatext { width: 45vw; float: left; padding: 5vw; height: 30vw; }
    .faaone img { height: 35vw; float: right; }
    .faaone:hover { box-shadow: 0 0 10px rgba(0,0,0,0); transform: translateY(0); }

    .fablist { width: 100vw; background-size: 70%; height: auto; }
    .fabone:hover { box-shadow: 0 0 10px rgba(0,0,0,0); transform: translateY(0); }
    .fabone { position: unset; width: 94vw; margin: 2vw auto; height: 110px; }
    .fablist { margin-top: 3vw; padding-top: 70vw; }
    .faboimg { position: unset; float: left; padding-left: 3vw; padding-top: 13px; width: 75px; }
    .fabotitle, .fabodes { padding-left: 92px; padding-top: 12px; }
    .faclist { width: 100vw; height: auto; background: none; }
    .facone_l { left: 0; }
    .facone_l, .facone_r { width: 48%; text-align: center; position: unset; float: left; padding: 0 1% 1% 1%; font-size: 16px; }
    .facone_r { left: 50%; }
    .facone { position: unset; width: 44%; margin: 10px 3%; float: left; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding-right: 0px; height: 52px; }
    .facoimg { position: unset; float: left; width: 50px; }
    .img8 { display: block; width: 100%; }
    .fx_part4 { padding-bottom: 20px; }
    .facone:hover { box-shadow: 0 0 10px rgba(0,0,0,0.1); transform: translateY(0); }
    .fx_part4 ul li { float: none; width: 80%; padding: 5%; margin: 20px auto; }

    .fx_part5 ul li { float: none; width: 90%; margin: 20px auto; text-align: left; }
        .fx_part5 ul li img { float: left; max-width: 140px; width: 22vw; margin-right: 15px; }
        .fx_part5 ul li h2 { padding-top: 5px; }
    .faattitle { font-size: 18px; }
    .faatdes { font-size: 14px; }
    .fabdes { margin-top: 0; }
    .fablist { background-position: center top; }
    .fabodes { font-size: 14px; }
    .fabodes { padding: 5px 19px 0 92px; }
    .fac { padding-top: 20px; }
    .facotitle { font-size: 16px; padding: 15px 0 0 58px; }
    .fx_part5 { padding: 20px 0; }
}