*{
    padding: 0;
    margin: 0;
}
.beian1{
    width: 590px;
    height: 342px;
    background: url("../images/bg_beiana.png")no-repeat center;
}
.beian_btn{
    width: 190px;
    height: 50px;
    border-radius: 5px;
    background-color: #e84e16;
    color: #ffffff;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    margin-left: 30px;
    margin-top: -30px;
    z-index: 1;
    position: relative;
}
.left{
    float: left;
    overflow: hidden;
}
.right{
    float: right;

}
.right1{
    float: left;
    margin-left: 30px;
}
.fw1{
    width: 1200px;
    margin: 50px auto;
    overflow: hidden;
}
.fw1 li{
    float: left;
    width: 580px;
    height: 264px;
    background-color: #f1f2f3;
    margin: 20px 10px;
}

.fw2{
    width: 1200px;
    margin: 50px auto;
    overflow: hidden;
}
.fw2 li{
    float: left;
    width: 390px;
    height:500px;
    background-color: #ffffff;
    margin: 20px 5px;
}
.fw2 li:hover{
    float: left;
    width: 390px;
    height:500px;
    background-color: #f0561d;
    margin: 20px 5px;
}
.wtbg{
    width: 1200px;height: 500px;margin: 0 auto;border-radius: 2px;
}
.wtbg1{
    width: 1200px;height: 435px;margin: 0 auto;
}
.wtbg2{
    width: 700px;height: 435px;float: left;overflow: hidden
}
.wtbg3{
    width: 330px;height: 125px;background: #f6f9ff;float: left;padding: 30px 0px;
    margin: 0px 13px 23px 0px;
    background: url("../images/wtbggg.jpg") no-repeat center;
}
.wtbg3 .txt{
    font-weight: bold;color: #333333;font-size: 20px;text-align: center
}
.wtbg3 .txt1{
    text-align: center;font-size: 18px;color: #333333;margin-top: 15px;
}
.wtbg2right{
    float: left;
    width: 435px;
    height: 311px;
}
.xj_cffx_dxal_box133445{width: 100%;height: auto;padding: 30px 0px;background: #f5f5f5;}
.xj_cffx_dxal_boxxxx{width: 100%;height:auto;padding: 30px 0px;background: #ffffff;}
.xj_cffx_dxal_box33445{width: 100%;height: auto;padding: 30px 0px;background: #f5f5f5;}
.xj_cffx_dxal_box334455{width: 100%;height: auto;padding: 30px 0px;background: url("../images/pcr_bz_bg.jpg")no-repeat center;background-size: 100% 100%;overflow: hidden;}
.xj_cffx_dxal_box3344555{width: 100%;height:378px;padding: 30px 0px;background: url("../images/hfs_jjwt_bg.jpg")no-repeat center;background-size: 100% 100%;overflow: hidden;}
.xj_cffx_dxal_box334457{width: 100%;height: auto;padding: 30px 0px;background: url("../images/lm_ys_bg.jpg")no-repeat center;background-size: 100% 100%;overflow: hidden;margin-top: 50px;}
.xj_cffx_dxal_box3344588{width: 100%;height: auto;padding: 30px 0px;background: url("../images/pcr_sys_bg.jpg")no-repeat center;background-size: 100% 100%;overflow: hidden;}
.xj_cffx_dxal_box334458{width: 100%;height: 209px;padding: 30px 0px;background: url("../images/pcr_jsfa.png")no-repeat center;background-size: 100% 100%;overflow: hidden;}
.xj_cffx_dxal_box3344556{width: 100%;height: auto;padding: 30px 0px;background: #ffffff;margin-top: 30px;}
.xj_cffx_dxal_box331446{width: 100%;height:247px;padding: 30px 0px;background: url("../images/wsl_jcjg.jpg")no-repeat center;background-size: 100% 100%;overflow: hidden;}
.xj_cffx_dxal_box3314461{width: 100%;height:480px;padding: 30px 0px;background: url("../images/wsl_wt_bg.jpg")no-repeat center;background-size: 100% 100%;overflow: hidden;}
.xj_cffx_dxal_box333446{width: 100%;height:auto;padding: 30px 0px;background: #ffffff;}
.xj_cffx_dxal_box1333446{width: 100%;height:472px;padding: 18px 0px;}
.xj_cffx_dxal_box334466{width: 100%;height: auto;padding: 30px 0px;background: url("../images/xdp_bg.jpg")no-repeat center;background-size: 100% 100%;}
.xj_cffx_dxal_box33447{width: 100%;height: 700px;padding: 30px 0px;background: #f5f5f5;}
.xj_cffx_dxal_box33448{width: 100%;height: 370px;padding: 30px 0px;background: #ffffff;}
.xj_cffx_dxal_box334488{width: 100%;height: 430px;padding: 30px 0px;background: #f5f5f5;}
.cpsx_sxfa_ul_div_more332{display: block;font-size:18px;width: 220px;height:50px;border-radius: 3px;background: #f15a28;color: #FFFFFF;text-align: center;line-height: 50px;margin: 0px auto;margin-top: 30px;}
.shuom{
    overflow: hidden;
}
.shuom li{
    float: left;
    width: 590px;
    height: 260px;
    background: #ffffff;
    margin: 20px 10px 0px 0px;
}
.qd1{
    background: url("../images/qdbg.png") no-repeat center;
    width: 580px;
    height: 332px;
    margin-top: -4px;
    padding:20px 30px;
    line-height: 35px;
}
.qdd1{
    float: left;
    width: 310px;
    font-size: 15px;

}
.qddd1{
    float: left;
    width: 265px;
    font-size: 15px;

}
.qdd2{
    float: left;
    width: 180px;
    font-size: 15px;
}
.qddd2{
    float: left;
    width: 230px;
    font-size: 15px;
}
.qdd3{
    float: left;
    width: 180px;
    font-size: 15px;
}
.qdd4{
    float: left;
    width: 180px;
    font-size: 15px;
}
.qdd5{
    float: left;
    width: 180px;
    font-size: 15px;
}
.qdd6{
    float: left;
    width: 180px;
    font-size: 15px;
}
.qdd7{
     float: left;
     width: 180px;
    font-size: 15px;
 }
.qddd9{
    float: left;
    width: 250px;
    font-size: 15px;

}
.service_lcc{
    width: 775px;
    float: right;
    margin-right: 15px;
    margin-top: -25px;
    overflow: hidden;
}
.service_lcc_02{
    width: 29px;
    height: 27px;
    background: url("../images/xshang.png") no-repeat;
    float: left;
}
.service_lcc_03{
    float: left;
    overflow: hidden;
    width: 120px;
    margin-left:100px;
}
.service_lcc_04{
    width: 29px;
    height: 27px;
    background: url("../images/xxzuo.png") no-repeat;
    float: left;
    margin-left: 40px;
}
.service_lcc_05{
    width: 29px;
    height: 27px;
    background: url("../images/xxyou.png") no-repeat;
    float: left; margin-left: 60px;
}
.service_lcc_06{
    float: left;
    overflow: hidden;
    width: 220px;margin-left: 30px;
}
.service_lcc_07{
    width: 29px;
    height: 27px;
    background: url("../images/xshang.png") no-repeat;
    float: left;margin-left: 15px;
}
.xdp_fl li.on {
    background:#f0561d;
    color: #FFFFFF;
}
.xdp_fl li.on .txt{
    color: #ffffff;
}
.xdp_fl li.on .txt1{
    color: #ffffff;
}
.xdp_fl li.on .xdp_fl_btn{
    background: #ffffff;
    border: 0;
    color: #f0561d;
}
.xdp_fl{
    width: 1200px;
    margin: 30px auto 0px auto;
}
.xdp_fl ul{
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.xdp_fl ul li{
    width: 390px;
    height: 323px;
    background: #f5f5f5;
    padding: 10px;
}
/*.xdp_fl ul li:hover{*/
/*    width: 390px;*/
/*    height: 323px;*/
/*    background: #f0561d;*/
/*}*/
.xdp_fl ul li .txt{
    font-size: 16px;
    color: #666666;
    padding: 0 15px;
    margin-top:5px;
    line-height: 27px;
}
/*.xdp_fl ul li:hover .txt{*/
/*    font-size: 16px;*/
/*    color: #ffffff;*/
/*    padding: 0 15px;*/
/*    margin-top:5px;*/
/*    line-height: 27px;*/
/*}*/
.xdp_fl ul li .txt1{
    font-size: 18px;
    color: #666666;
    font-weight: bold;
    padding: 0 15px;
    margin-top: 5px;
    line-height: 30px;
}
/*.xdp_fl ul li:hover .txt1{*/
/*    font-size: 18px;*/
/*    color: #ffffff;*/
/*    padding: 0 15px;*/
/*    margin-top:5px;*/
/*    font-weight: bold;*/
/*    line-height: 27px;*/
/*}*/
.xdp_fl ul li .xdp_fl_btn{
    width: 163px;
    height: 46px;
    border-radius: 35px;
    border: 1px solid #333333;
    color: #333333;
    font-size: 20px;
    text-align: center;
    line-height:46px;
    margin-left: 15px;
    margin-top: 10px;
}
/*.xdp_fl ul li:hover .xdp_fl_btn{*/
/*    width: 163px;*/
/*    height: 46px;*/
/*    border-radius: 35px;*/
/*    border: 0;*/
/*    color: #f0561d;*/
/*    font-size: 20px;*/
/*    text-align: center;*/
/*    line-height:46px;*/
/*    margin-left: 15px;*/
/*    margin-top: 10px;*/
/*    background: #ffffff;*/
/*}*/
.xdp_nr{
    background: url("../images/xdp_pjnlbg.png")no-repeat center;
    background-size: 100% 100%;
    width: 1200px;
    height: 418px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    padding: 0 80px;
}

.xdp_yw{
    margin-top:50px;
}
.xdp_yw ul{
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.xdp_yw ul li:nth-child(1){
    background: url("../images/xdp_yw1.png")no-repeat center;
    width: 400px;
    height: 231px;
    background-size: 100% 100%;
}
.xdp_yw ul li:nth-child(1):hover{
    background: url("../images/xdp_yw11.png")no-repeat center;
    width: 400px;
    height: 231px;
    background-size: 100% 100%;
}
.xdp_yw ul li:nth-child(1) .xdp_title{color: #333333;text-align: center;margin-top: 30px;font-size: 24px;}
.xdp_yw ul li:nth-child(1) .xdp_txt{color: #666666;text-align: center;margin-top: 10px;font-size: 18px;line-height: 27px;}
.xdp_yw ul li:nth-child(1) .xdp_btn{width: 192px;height: 50px;border-radius: 35px;text-align: center;color: #333333;border: 1px solid #333333;line-height: 50px;font-size: 20px;margin:30px auto}
.xdp_yw ul li:nth-child(1):hover .xdp_title{color: #ffffff;text-align: center;margin-top: 30px;font-size: 24px;}
.xdp_yw ul li:nth-child(1):hover .xdp_txt{color: #ffffff;text-align: center;margin-top: 10px;font-size: 18px;line-height: 27px;}
.xdp_yw ul li:nth-child(1):hover .xdp_btn{width: 192px;height: 50px;border-radius: 35px;text-align: center;color: #f0561d;border: 0;line-height: 50px;font-size: 20px;margin:30px auto;background: #fff}


.xdp_yw ul li:nth-child(2){
    background: url("../images/xdp_yw2.png")no-repeat center;
    width: 400px;
    height: 231px;
    background-size: 100% 100%;
}

.xdp_yw ul li:nth-child(2):hover{
    background: url("../images/xdp_yw22.png")no-repeat center;
    width: 400px;
    height: 231px;
    background-size: 100% 100%;
}
.xdp_yw ul li:nth-child(2) .xdp_title{color: #333333;text-align: center;margin-top: 30px;font-size: 24px;}
.xdp_yw ul li:nth-child(2) .xdp_txt{color: #666666;text-align: center;margin-top: 10px;font-size: 18px;line-height: 27px;}
.xdp_yw ul li:nth-child(2) .xdp_btn{width: 192px;height: 50px;border-radius: 35px;text-align: center;color: #333333;border: 1px solid #333333;line-height: 50px;font-size: 20px;margin:30px auto}
.xdp_yw ul li:nth-child(2):hover .xdp_title{color: #ffffff;text-align: center;margin-top: 30px;font-size: 24px;}
.xdp_yw ul li:nth-child(2):hover .xdp_txt{color: #ffffff;text-align: center;margin-top: 10px;font-size: 18px;line-height: 27px;}
.xdp_yw ul li:nth-child(2):hover .xdp_btn{width: 192px;height: 50px;border-radius: 35px;text-align: center;color: #f0561d;border: 0;line-height: 50px;font-size: 20px;margin:30px auto;background: #fff}

.xdp_yw ul li:nth-child(3){
    background: url("../images/xdp_yw3.png")no-repeat center;
    width: 400px;
    height: 231px;
    background-size: 100% 100%;
}
.xdp_yw ul li:nth-child(3):hover{
    background: url("../images/xdp_yw33.png")no-repeat center;
    width: 400px;
    height: 231px;
    background-size: 100% 100%;
}
.xdp_yw ul li:nth-child(3) .xdp_title{color: #333333;text-align: center;margin-top: 30px;font-size: 24px;}
.xdp_yw ul li:nth-child(3) .xdp_txt{color: #666666;text-align: center;margin-top: 10px;font-size: 18px;line-height: 27px;}
.xdp_yw ul li:nth-child(3) .xdp_btn{width: 192px;height: 50px;border-radius: 35px;text-align: center;color: #333333;border: 1px solid #333333;line-height: 50px;font-size: 20px;margin:30px auto}
.xdp_yw ul li:nth-child(3):hover .xdp_title{color: #ffffff;text-align: center;margin-top: 30px;font-size: 24px;}
.xdp_yw ul li:nth-child(3):hover .xdp_txt{color: #ffffff;text-align: center;margin-top: 10px;font-size: 18px;line-height: 27px;}
.xdp_yw ul li:nth-child(3):hover .xdp_btn{width: 192px;height: 50px;border-radius: 35px;text-align: center;color: #f0561d;border: 0;line-height: 50px;font-size: 20px;margin:30px auto;background: #fff}

.xdp_yw ul li:nth-child(4){
    background: url("../images/xdp_yw4.png")no-repeat center;
    width: 400px;
    height: 231px;
    background-size: 100% 100%;
}
.xdp_yw ul li:nth-child(4):hover{
    background: url("../images/xdp_yw44.png")no-repeat center;
    width: 400px;
    height: 231px;
    background-size: 100% 100%;
}
.xdp_yw ul li:nth-child(4) .xdp_title{color: #333333;text-align: center;margin-top: 30px;font-size: 24px;}
.xdp_yw ul li:nth-child(4) .xdp_txt{color: #666666;text-align: center;margin-top: 10px;font-size: 18px;line-height: 27px;}
.xdp_yw ul li:nth-child(4) .xdp_btn{width: 192px;height: 50px;border-radius: 35px;text-align: center;color: #333333;border: 1px solid #333333;line-height: 50px;font-size: 20px;margin:30px auto}
.xdp_yw ul li:nth-child(4):hover .xdp_title{color: #ffffff;text-align: center;margin-top: 30px;font-size: 24px;}
.xdp_yw ul li:nth-child(4):hover .xdp_txt{color: #ffffff;text-align: center;margin-top: 10px;font-size: 18px;line-height: 27px;}
.xdp_yw ul li:nth-child(4):hover .xdp_btn{width: 192px;height: 50px;border-radius: 35px;text-align: center;color: #f0561d;border: 0;line-height: 50px;font-size: 20px;margin:30px auto;background: #fff}

.xdp_yw ul li:nth-child(5){
    background: url("../images/xdp_yw5.png")no-repeat center;
    width: 400px;
    height: 231px;
    background-size: 100% 100%;
}
.xdp_yw ul li:nth-child(5):hover{
    background: url("../images/xdp_yw55.png")no-repeat center;
    width: 400px;
    height: 231px;
    background-size: 100% 100%;
}
.xdp_yw ul li:nth-child(5) .xdp_title{color: #333333;text-align: center;margin-top: 30px;font-size: 24px;}
.xdp_yw ul li:nth-child(5) .xdp_txt{color: #666666;text-align: center;margin-top: 10px;font-size: 18px;line-height: 27px;}
.xdp_yw ul li:nth-child(5) .xdp_btn{width: 192px;height: 50px;border-radius: 35px;text-align: center;color: #333333;border: 1px solid #333333;line-height: 50px;font-size: 20px;margin:30px auto}
.xdp_yw ul li:nth-child(5):hover .xdp_title{color: #ffffff;text-align: center;margin-top: 30px;font-size: 24px;}
.xdp_yw ul li:nth-child(5):hover .xdp_txt{color: #ffffff;text-align: center;margin-top: 10px;font-size: 18px;line-height: 27px;}
.xdp_yw ul li:nth-child(5):hover .xdp_btn{width: 192px;height: 50px;border-radius: 35px;text-align: center;color: #f0561d;border: 0;line-height: 50px;font-size: 20px;margin:30px auto;background: #fff}

.xdp_yw ul li:nth-child(6){
    background: url("../images/xdp_yw5.png")no-repeat center;
    width: 400px;
    height: 231px;
    background-size: 100% 100%;
}
.xdp_yw ul li:nth-child(6):hover{
    background: url("../images/xdp_yw66.png")no-repeat center;
    width: 400px;
    height: 231px;
    background-size: 100% 100%;
}
.xdp_yw ul li:nth-child(6) .xdp_title{color: #333333;text-align: center;margin-top: 30px;font-size: 24px;}
.xdp_yw ul li:nth-child(6) .xdp_txt{color: #666666;text-align: center;margin-top: 10px;font-size: 18px;line-height: 27px;}
.xdp_yw ul li:nth-child(6) .xdp_btn{width: 192px;height: 50px;border-radius: 35px;text-align: center;color: #333333;border: 1px solid #333333;line-height: 50px;font-size: 20px;margin:30px auto}
.xdp_yw ul li:nth-child(6):hover .xdp_title{color: #ffffff;text-align: center;margin-top: 30px;font-size: 24px;}
.xdp_yw ul li:nth-child(6):hover .xdp_txt{color: #ffffff;text-align: center;margin-top: 10px;font-size: 18px;line-height: 27px;}
.xdp_yw ul li:nth-child(6):hover .xdp_btn{width: 192px;height: 50px;border-radius: 35px;text-align: center;color: #f0561d;border: 0;line-height: 50px;font-size: 20px;margin:30px auto;background: #fff}


.xdp_beian{
    margin-top: 30px;
}
.xdp_beian ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.xdp_beian ul li .txtt{
    font-size: 16px!important;color: #666666;margin-top: -15px;
}
.xdp_beian ul li:hover .txtt{
    font-size: 16px!important;color: #ffffff;margin-top: -15px;
}
.xdp_beian ul li:nth-child(1){
    background: url("../images/gf_lc_bg1.png");
    width: 263px;
    height: 263px;
    background-size: 100% 100%;
}
.xdp_beian ul li:nth-child(1) .xdp_beian_ico{
    background: url("../images/gf_lc_ico1.png")no-repeat center;
    width: 54px;
    height: 54px;
    background-size: 100% 100%;
    margin: 50px auto 0 auto;
}
.xdp_beian ul li:nth-child(1) p{
    text-align: center;
    color: #333333;
    margin-top: 10px;
    font-size: 22px;
}
.xdp_beian ul li:nth-child(1):hover .xdp_beian_ico{
    background: url("../images/gf_lc_ico11.png")no-repeat center;
    width: 54px;
    height: 54px;
    background-size: 100% 100%;
    margin: 50px auto 0 auto;
}
.xdp_beian ul li:nth-child(1):hover p{
    text-align: center;
    color: #ffffff;
    margin-top: 15px;
    font-size: 22px;
}
.xdp_beian ul li:nth-child(1):hover{
    background: url("../images/gf_lc_bg11.png");
    width: 263px;
    height: 263px;
    background-size: 100% 100%;
}





.xdp_beian ul li:nth-child(2){
    background: url("../images/gf_lc_bg1.png");
    width: 263px;
    height: 263px;
    background-size: 100% 100%;
}
.xdp_beian ul li:nth-child(2) .xdp_beian_ico{
    background: url("../images/gf_lc_ico2.png")no-repeat center;
    width: 54px;
    height: 54px;
    background-size: 100% 100%;
    margin: 50px auto 0 auto;
}
.xdp_beian ul li:nth-child(2) p{
    text-align: center;
    color: #333333;
    margin-top: 15px;
    font-size: 22px;
}
.xdp_beian ul li:nth-child(2):hover .xdp_beian_ico{
    background: url("../images/gf_lc_ico22.png")no-repeat center;
    width: 54px;
    height: 54px;
    background-size: 100% 100%;
    margin: 50px auto 0 auto;
}
.xdp_beian ul li:nth-child(2):hover p{
    text-align: center;
    color: #ffffff;
    margin-top: 15px;
    font-size: 22px;
}
.xdp_beian ul li:nth-child(2):hover{
    background: url("../images/gf_lc_bg11.png");
    width: 263px;
    height: 263px;
    background-size: 100% 100%;
}







.xdp_beian ul li:nth-child(3){
    background: url("../images/gf_lc_bg1.png");
    width: 263px;
    height: 263px;
    background-size: 100% 100%;
}
.xdp_beian ul li:nth-child(3) .xdp_beian_ico{
    background: url("../images/gf_lc_ico3.png")no-repeat center;
    width: 54px;
    height: 54px;
    background-size: 100% 100%;
    margin: 50px auto 0 auto;
}
.xdp_beian ul li:nth-child(3) p{
    text-align: center;
    color: #333333;
    margin-top: 15px;
    font-size: 22px;
}
.xdp_beian ul li:nth-child(3):hover .xdp_beian_ico{
    background: url("../images/gf_lc_ico33.png")no-repeat center;
    width: 54px;
    height: 54px;
    background-size: 100% 100%;
    margin: 50px auto 0 auto;
}
.xdp_beian ul li:nth-child(3):hover p{
    text-align: center;
    color: #ffffff;
    margin-top: 15px;
    font-size: 22px;
}
.xdp_beian ul li:nth-child(3):hover{
    background: url("../images/gf_lc_bg11.png");
    width: 263px;
    height: 263px;
    background-size: 100% 100%;
}





.xdp_beian ul li:nth-child(4){
    background: url("../images/gf_lc_bg1.png");
    width: 263px;
    height: 263px;
    background-size: 100% 100%;
}
.xdp_beian ul li:nth-child(4) .xdp_beian_ico{
    background: url("../images/gf_lc_ico4.png")no-repeat center;
    width: 54px;
    height: 54px;
    background-size: 100% 100%;
    margin: 50px auto 0 auto;
}
.xdp_beian ul li:nth-child(4) p{
    text-align: center;
    color: #333333;
    margin-top: 15px;
    font-size: 22px;
}
.xdp_beian ul li:nth-child(4):hover .xdp_beian_ico{
    background: url("../images/gf_lc_ico44.png")no-repeat center;
    width: 54px;
    height: 54px;
    background-size: 100% 100%;
    margin: 50px auto 0 auto;
}
.xdp_beian ul li:nth-child(4):hover p{
    text-align: center;
    color: #ffffff;
    margin-top: 15px;
    font-size: 22px;
}
.xdp_beian ul li:nth-child(4):hover{
    background: url("../images/gf_lc_bg11.png");
    width: 263px;
    height: 263px;
    background-size: 100% 100%;
}


.fw2 li .xdp_sys_img{
    float: left;margin-top: 4px;
    background: url("../images/xdp_sys_ico11.png")no-repeat center;
    width: 23px;
    height: 23px;
    background-size: 100% 100%;
}
.fw2 li:hover .xdp_sys_img{
    float: left;margin-top: 4px;
    background: url("../images/xdp_sys_ico1.png")no-repeat center;
    width: 23px;
    height: 23px;
    background-size: 100% 100%;
}
.fw2 li .xdp_title_sys{
    font-size: 24px;color: #333333;margin-left: 40px;
}
.fw2 li:hover .xdp_title_sys{
    color: #ffffff;
}
.fw2 li .xdp_sys_txt{
    color: #333333;
}
.fw2 li:hover .xdp_sys_txt{
    color: #ffffff;
}
.gf_cpfw{
    margin-top: 20px;
}
.gf_cpfw ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.gf_cpfw ul li{
    margin: 35px 0px 10px 0px;
}

.gf_cpfw li:nth-child(1){
    width: 230px;
    height: 190px;
}
.gf_cpfw li:nth-child(1) .gf_cpfw_img{
    width: 124px;
    height: 98px;
    margin:0 auto 0 auto;
    z-index: 1;
    position: relative;
    border-radius: 75px;
    overflow: hidden;
}
.gf_cpfw ul li:nth-child(1) .gf_cpfw_img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}
.gf_cpfw li:nth-child(1):hover .gf_cpfw_img img {
    transform: scale(1.15);
}
.gf_cpfw_txt{
    width: 230px;
    height: 122px;
    border-radius:80px;
    border: 1px solid #333333;
    z-index: -1;
    margin-top: -30px;
}
.gf_cpfw li:nth-child(1) .gf_cpfw_txt .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #333333;margin-top:30px;
}
.gf_cpfw li:nth-child(1) .gf_cpfw_txt:hover .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #f0561d;margin-top:30px;
}
.gf_cpfw li:nth-child(1) .gf_cpfw_txt .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #666666;line-height: 27px;padding: 0px 10px;
}
.gf_cpfw li:nth-child(1) .gf_cpfw_txt:hover .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #f0561d;line-height: 27px;padding: 0px 10px;
}


.gf_cpfw li:nth-child(2){
    width: 230px;
    height: 190px;
}
.gf_cpfw li:nth-child(2) .gf_cpfw_img{
    width: 124px;
    height: 98px;
    margin:0 auto 0 auto;
    z-index: 1;
    position: relative;
    border-radius: 75px;
    overflow: hidden;
}
.gf_cpfw ul li:nth-child(2) .gf_cpfw_img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}
.gf_cpfw li:nth-child(2):hover .gf_cpfw_img img {
    transform: scale(1.15);
}
.gf_cpfw_txt{
    width: 230px;
    height: 122px;
    border-radius:80px;
    border: 1px solid #333333;
    z-index: -1;
    margin-top: -30px;
}
.gf_cpfw li:nth-child(2) .gf_cpfw_txt .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #333333;margin-top:30px;
}
.gf_cpfw li:nth-child(2) .gf_cpfw_txt:hover .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #f0561d;margin-top:30px;
}
.gf_cpfw li:nth-child(2) .gf_cpfw_txt .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #666666;line-height: 27px;padding: 0px 10px;
}
.gf_cpfw li:nth-child(2) .gf_cpfw_txt:hover .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #f0561d;line-height: 27px;padding: 0px 10px;
}


.gf_cpfw li:nth-child(3){
    width: 230px;
    height: 190px;
}
.gf_cpfw li:nth-child(3) .gf_cpfw_img{
    width: 124px;
    height: 98px;
    margin:0 auto 0 auto;
    z-index: 1;
    position: relative;
    border-radius: 75px;
    overflow: hidden;
}
.gf_cpfw ul li:nth-child(3) .gf_cpfw_img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}
.gf_cpfw li:nth-child(3):hover .gf_cpfw_img img {
    transform: scale(1.15);
}
.gf_cpfw_txt{
    width: 230px;
    height: 122px;
    border-radius:80px;
    border: 1px solid #333333;
    z-index: -1;
    margin-top: -30px;
}
.gf_cpfw li:nth-child(3) .gf_cpfw_txt .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #333333;margin-top:30px;
}
.gf_cpfw li:nth-child(3) .gf_cpfw_txt:hover .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #f0561d;margin-top:30px;
}
.gf_cpfw li:nth-child(3) .gf_cpfw_txt .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #666666;line-height: 27px;padding: 0px 10px;
}
.gf_cpfw li:nth-child(3) .gf_cpfw_txt:hover .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #f0561d;line-height: 27px;padding: 0px 10px;
}


.gf_cpfw li:nth-child(4){
    width: 230px;
    height: 190px;
}
.gf_cpfw li:nth-child(4) .gf_cpfw_img{
    width: 124px;
    height: 98px;
    margin:0 auto 0 auto;
    z-index: 1;
    position: relative;
    border-radius: 75px;
    overflow: hidden;
}
.gf_cpfw ul li:nth-child(4) .gf_cpfw_img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}
.gf_cpfw li:nth-child(4):hover .gf_cpfw_img img {
    transform: scale(1.15);
}
.gf_cpfw_txt{
    width: 230px;
    height: 122px;
    border-radius:80px;
    border: 1px solid #333333;
    z-index: -1;
    margin-top: -30px;
}
.gf_cpfw li:nth-child(4) .gf_cpfw_txt .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #333333;margin-top:30px;
}
.gf_cpfw li:nth-child(4) .gf_cpfw_txt:hover .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #f0561d;margin-top:30px;
}
.gf_cpfw li:nth-child(4) .gf_cpfw_txt .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #666666;line-height: 27px;padding: 0px 10px;
}
.gf_cpfw li:nth-child(4) .gf_cpfw_txt:hover .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #f0561d;line-height: 27px;padding: 0px 10px;
}


.gf_cpfw li:nth-child(5){
    width: 230px;
    height: 190px;
}
.gf_cpfw li:nth-child(5) .gf_cpfw_img{
    width: 124px;
    height: 98px;
    margin:0 auto 0 auto;
    z-index: 1;
    position: relative;
    border-radius: 75px;
    overflow: hidden;
}
.gf_cpfw ul li:nth-child(5) .gf_cpfw_img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}
.gf_cpfw li:nth-child(5):hover .gf_cpfw_img img {
    transform: scale(1.15);
}
.gf_cpfw_txt{
    width: 230px;
    height: 122px;
    border-radius:80px;
    border: 1px solid #333333;
    z-index: -1;
    margin-top: -30px;
}
.gf_cpfw li:nth-child(5) .gf_cpfw_txt .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #333333;margin-top:30px;
}
.gf_cpfw li:nth-child(5) .gf_cpfw_txt:hover .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #f0561d;margin-top:30px;
}
.gf_cpfw li:nth-child(5) .gf_cpfw_txt .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #666666;line-height: 27px;padding: 0px 10px;
}
.gf_cpfw li:nth-child(5) .gf_cpfw_txt:hover .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #f0561d;line-height: 27px;padding: 0px 10px;
}


.gf_cpfw li:nth-child(6){
    width: 230px;
    height: 190px;
}
.gf_cpfw li:nth-child(6) .gf_cpfw_img{
    width: 124px;
    height: 98px;
    margin:0 auto 0 auto;
    z-index: 1;
    position: relative;
    border-radius: 75px;
    overflow: hidden;
}
.gf_cpfw ul li:nth-child(6) .gf_cpfw_img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}
.gf_cpfw li:nth-child(6):hover .gf_cpfw_img img {
    transform: scale(1.15);
}
.gf_cpfw_txt{
    width: 230px;
    height: 122px;
    border-radius:80px;
    border: 1px solid #333333;
    z-index: -1;
    margin-top: -30px;
}
.gf_cpfw li:nth-child(6) .gf_cpfw_txt .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #333333;margin-top:30px;
}
.gf_cpfw li:nth-child(6) .gf_cpfw_txt:hover .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #f0561d;margin-top:30px;
}
.gf_cpfw li:nth-child(6) .gf_cpfw_txt .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #666666;line-height: 27px;padding: 0px 10px;
}
.gf_cpfw li:nth-child(6) .gf_cpfw_txt:hover .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #f0561d;line-height: 27px;padding: 0px 10px;
}


.gf_cpfw li:nth-child(7){
    width: 230px;
    height: 190px;
}
.gf_cpfw li:nth-child(7) .gf_cpfw_img{
    width: 124px;
    height: 98px;
    margin:0 auto 0 auto;
    z-index: 1;
    position: relative;
    border-radius: 75px;
    overflow: hidden;
}
.gf_cpfw ul li:nth-child(7) .gf_cpfw_img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}
.gf_cpfw li:nth-child(7):hover .gf_cpfw_img img {
    transform: scale(1.15);
}
.gf_cpfw_txt{
    width: 230px;
    height: 122px;
    border-radius:80px;
    border: 1px solid #333333;
    z-index: -1;
    margin-top: -30px;
}
.gf_cpfw li:nth-child(7) .gf_cpfw_txt .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #333333;margin-top:30px;
}
.gf_cpfw li:nth-child(7) .gf_cpfw_txt:hover .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #f0561d;margin-top:30px;
}
.gf_cpfw li:nth-child(7) .gf_cpfw_txt .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #666666;line-height: 27px;padding: 0px 10px;
}
.gf_cpfw li:nth-child(7) .gf_cpfw_txt:hover .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #f0561d;line-height: 27px;padding: 0px 10px;
}


.gf_cpfw li:nth-child(8){
    width: 230px;
    height: 190px;
}
.gf_cpfw li:nth-child(8) .gf_cpfw_img{
    width: 124px;
    height: 98px;
    margin:0 auto 0 auto;
    z-index: 1;
    position: relative;
    border-radius: 75px;
    overflow: hidden;
}
.gf_cpfw ul li:nth-child(8) .gf_cpfw_img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}
.gf_cpfw li:nth-child(8):hover .gf_cpfw_img img {
    transform: scale(1.15);
}
.gf_cpfw_txt{
    width: 230px;
    height: 122px;
    border-radius:80px;
    border: 1px solid #333333;
    z-index: -1;
    margin-top: -30px;
}
.gf_cpfw li:nth-child(8) .gf_cpfw_txt .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #333333;margin-top:30px;
}
.gf_cpfw li:nth-child(8) .gf_cpfw_txt:hover .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #f0561d;margin-top:30px;
}
.gf_cpfw li:nth-child(8) .gf_cpfw_txt .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #666666;line-height: 27px;padding: 0px 10px;
}
.gf_cpfw li:nth-child(8) .gf_cpfw_txt:hover .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #f0561d;line-height: 27px;padding: 0px 10px;
}

.gf_cpfw li:nth-child(9){
    width: 230px;
    height: 190px;
}
.gf_cpfw li:nth-child(9) .gf_cpfw_img{
    width: 124px;
    height: 98px;
    margin:0 auto 0 auto;
    z-index: 1;
    position: relative;
    border-radius: 75px;
    overflow: hidden;
}
.gf_cpfw ul li:nth-child(9) .gf_cpfw_img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}
.gf_cpfw li:nth-child(9):hover .gf_cpfw_img img {
    transform: scale(1.15);
}
.gf_cpfw_txt{
    width: 230px;
    height: 122px;
    border-radius:80px;
    border: 1px solid #333333;
    z-index: -1;
    margin-top: -30px;
}
.gf_cpfw li:nth-child(9) .gf_cpfw_txt .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #333333;margin-top:30px;
}
.gf_cpfw li:nth-child(9) .gf_cpfw_txt:hover .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #f0561d;margin-top:30px;
}
.gf_cpfw li:nth-child(9) .gf_cpfw_txt .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #666666;line-height: 27px;padding: 0px 10px;
}
.gf_cpfw li:nth-child(9) .gf_cpfw_txt:hover .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #f0561d;line-height: 27px;padding: 0px 10px;
}

.gf_cpfw li:nth-child(10){
    width: 230px;
    height: 190px;
}
.gf_cpfw li:nth-child(10) .gf_cpfw_img{
    width: 124px;
    height: 98px;
    margin:0 auto 0 auto;
    z-index: 1;
    position: relative;
    border-radius: 75px;
    overflow: hidden;
}
.gf_cpfw ul li:nth-child(10) .gf_cpfw_img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}
.gf_cpfw li:nth-child(10):hover .gf_cpfw_img img {
    transform: scale(1.15);
}
.gf_cpfw_txt{
    width: 230px;
    height: 122px;
    border-radius:80px;
    border: 1px solid #333333;
    z-index: -1;
    margin-top: -30px;
}
.gf_cpfw li:nth-child(10) .gf_cpfw_txt .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #333333;margin-top:30px;
}
.gf_cpfw li:nth-child(10) .gf_cpfw_txt:hover .gf_cpfw_txt_title{
    text-align: center;font-size: 18px;color: #f0561d;margin-top:30px;
}
.gf_cpfw li:nth-child(10) .gf_cpfw_txt .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #666666;line-height: 27px;padding: 0px 10px;
}
.gf_cpfw li:nth-child(10) .gf_cpfw_txt:hover .gf_cpfw_txt_txt1{
    text-align: center;font-size: 16px;color: #f0561d;line-height: 27px;padding: 0px 10px;
}
.gf_jc{
    margin-top: 60px;
    margin-bottom: 30px;
}
.gf_jc ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
}
.gf_jc ul li{
    width: 381px;
    height: auto;
}










.wsl_al{
    margin-top: 50px;
    margin-bottom: 30px;
}
.wsl_al ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
}
.wsl_al ul li{
    width: 290px;
    height: 402px;
    background: #f0561d;
}
.wsl_al ul li .wsl_al_btn{
    width: 284px;
    height: 50px;
    background: #ffffff;
    line-height: 50px;
    padding: 0px 15px;
    font-size: 20px;
    color: #f0561d;
    margin-left: 6px;
}
.wsl_al ul li:hover .wsl_al_btn{
    width: 284px;
    height: 50px;
    background: #f0561d;
    line-height: 50px;
    padding: 0px 15px;
    font-size: 20px;
    color: #ffffff;
    margin-left: 6px;
}

.container{
    width:1200px;
    margin: 20px auto 0 auto;

}

.ss .course_item{
    width:300px;
    height:472px;
    position: relative;
    perspective: 300px;
    /*-webkit-perspective: 500;*/
    display: block;
    cursor: pointer;
    margin:-15px 0px 5px 0px;
    float: left;
    background: url("../images/lm_jjxq1.png")no-repeat center;
    background-size: cover;
    margin-top: -58px;
}
.ss .course_item:hover{
    width:300px;
    height:472px;
    position: relative;
    perspective: 300px;
    /*-webkit-perspective: 500;*/
    display: block;
    cursor: pointer;
    margin:-15px 0px 5px 0px;
    float: left;
    background: url("../images/lm_jjxq1.png")no-repeat center;
    background-size: cover;
    margin-top: -58px;
}
.sss .course_item{
    width:300px;
    height:472px;
    position: relative;
    perspective: 300px;
    /*-webkit-perspective: 500;*/
    display: block;
    cursor: pointer;
    margin:-15px 0px 5px 0px;
    float: left;
    background: url("../images/lm_jjxq2.png")no-repeat center;
    background-size: cover;
    margin-top: -58px;
}
.sss .course_item:hover{
    width:300px;
    height:472px;
    position: relative;
    perspective: 300px;
    /*-webkit-perspective: 500;*/
    display: block;
    cursor: pointer;
    margin:-15px 0px 5px 0px;
    float: left;
    background: url("../images/lm_jjxq2.png")no-repeat center;
    background-size: cover;
    margin-top: -58px;
}
.ssss .course_item{
    width:300px;
    height:472px;
    position: relative;
    perspective: 300px;
    /*-webkit-perspective: 500;*/
    display: block;
    cursor: pointer;
    margin:-15px 0px 5px 0px;
    float: left;
    background: url("../images/lm_jjxq3.png")no-repeat center;
    background-size: cover;
    margin-top: -58px;
}
.ssss .course_item:hover{
    width:300px;
    height:472px;
    position: relative;
    perspective: 300px;
    /*-webkit-perspective: 500;*/
    display: block;
    cursor: pointer;
    margin:-15px 0px 5px 0px;
    float: left;
    background: url("../images/lm_jjxq3.png")no-repeat center;
    background-size: cover;
    margin-top: -58px;
}
.sssss .course_item{
    width:300px;
    height:472px;
    position: relative;
    perspective: 300px;
    /*-webkit-perspective: 500;*/
    display: block;
    cursor: pointer;
    margin:-15px 0px 5px 0px;
    float: left;
    background: url("../images/lm_jjxq4.png")no-repeat center;
    background-size: cover;
    margin-top: -58px;
}
.sssss .course_item:hover{
    width:300px;
    height:472px;
    position: relative;
    perspective: 300px;
    /*-webkit-perspective: 500;*/
    display: block;
    cursor: pointer;
    margin:-15px 0px 5px 0px;
    float: left;
    background: url("../images/lm_jjxq4.png")no-repeat center;
    background-size: cover;
    margin-top: -58px;
}

.course_item_name1{
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}
.course_item_name{
    color: #ffffff;
    font-size: 24px;
    margin-top: 160px;
    text-align: center;
}
.course_item:nth-child(1):hover .course_item_name{
    color: #ffffff;
    font-size: 24px;
    text-align: center;
}
.course_item:nth-child(2):hover .course_item_name{
    color: #ffffff;
    font-size: 24px;
    text-align: center;
}
.course_item:nth-child(3):hover .course_item_name{
    color: #ffffff;
    font-size: 24px;
    text-align: center;
}
.course_item:nth-child(4):hover .course_item_name{
    color: #ffffff;
    font-size: 24px;
    text-align: center;
}

.course_item_modal{
    width: 100%;
    height: 352px;
    position: absolute;
    top: 0;
    left: 0;
    /*transform: rotateY(0deg);*/
    /*transform-origin: left;*/
    display: none;
    margin-top: 141px;
    /*height: 260px;*/
}
.course_item_inner{
    width: 100%;
    /*height: 100%;*/
    color: #FFFFFF;
    box-sizing: border-box;
    height: 352px;

}
.course_item_modal h4{
    font-size: 18px;
    text-align: center;
    height: 50px;
    width: 170px;
    margin: 0px auto 0px auto;
    line-height: 50px;
}
.course_item_modal.active{
    display: block;
    transform-origin: left;
    animation: animate 1.5s;

}
.course_item_inner p{
    text-align: center;
    font-size: 16px;
    height: 50px;
    line-height: 27px;
}
.fwdxbtn1{
    text-align: center;
    line-height: 46px;
    font-size: 20px;
    color: #f15a28;
}
.ttt1{
    width: 150px;
    margin: 0 auto;
}
.ttt1 p {
    text-align: center;
    line-height: 27px;
    margin-top: 10px;
    height: 81px;
    color: #fff;
}
.course_item:hover .ttt1 p {
    text-align: center;
    line-height: 27px;
    color: #fff;
}
.course_item_inner .fwdxbtn{
    width: 180px;
    height: 41px;
    border-radius: 35px;
    text-align: center;
    line-height: 41px;
    font-size: 18px;
    color: #ffffff;
    border: 1px solid #fff;
    margin: 15px auto 20px auto;
}
.course_item_inner p{
    height: 81px;
}

.container .course_item{
    width:301px;
    height:472px;
}
.course_item{
    width:301px;
    height:372px;
    transition: all 0.6s linear;
}
.course_item:hover{
    transform: scale(1.15);
}

.wsl_more{
    margin-top: 30px;
}
.wsl_more ul{
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: nowrap;
}
.wsl_more ul li:nth-child(1){
    width: 285px;
    height: 50px;
    border-radius: 35px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 15px;
    margin-top: 30px;
    margin-left: 90px;
}
.wsl_more ul li:nth-child(1):hover{
    width: 285px;
    height: 50px;
    border-radius: 35px;
    background: #f0561d;
    padding: 0px 15px;
}
.wsl_more ul li:nth-child(1) a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}
.wsl_more ul li:nth-child(1):hover  .titler{
    font-size: 16px;
    margin-left: 10px;
    color: #fff;
}
.wsl_more ul li:nth-child(1):hover  .img{
    margin-top:5px;
    background: url("../images/wsl_wt_shou.png")no-repeat center;
    width: 35px;
    height: 35px;
    background-size: 100% 100%;
}
.wsl_more ul li:nth-child(1) .titler{
    font-size: 16px;
    margin-left: 10px;
}
.wsl_more ul li:nth-child(1) .img{
    margin-top:5px;
    background: url("../images/wsl_wt_Q.png")no-repeat center;
    width: 22px;
    height:22px;
    background-size: 100% 100%;
}
.wsl_more ul li:nth-child(2){
    width: 285px;
    height: 50px;
    border-radius: 35px;
    background: #fff;
    line-height:50px;
    padding: 0px 20px;
    margin-top: 30px;
    margin-right: 90px;
}
.wsl_more ul li:nth-child(2) a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}
.wsl_more ul li:nth-child(2) .img{
    margin-top:5px;
    background: url("../images/wsl_wt_Q.png")no-repeat center;
    width: 22px;
    height:22px;
    background-size: 100% 100%;
}
.wsl_more ul li:nth-child(2) .titler{
    font-size: 16px;
    margin-left: 10px;
}
.wsl_more ul li:nth-child(2):hover{
    width: 285px;
    height: 50px;
    border-radius: 35px;
    background: #f0561d;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 20px;
}
.wsl_more ul li:nth-child(2):hover  .titler{
    font-size: 16px;
    margin-left: 10px;
    color: #fff;
}
.wsl_more ul li:nth-child(2):hover  .img{
    margin-top:5px;
    background: url("../images/wsl_wt_shou.png")no-repeat center;
    width: 35px;
    height: 35px;
    background-size: 100% 100%;
}





.wsl_more1{
    margin-top: 15px;
}
.wsl_more1 ul{
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: nowrap;
}
.wsl_more1 ul li:nth-child(1){
    width: 435px;
    height: 50px;
    border-radius: 35px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 15px;
    margin-top: 30px;
    margin-left:-45px;
}
.wsl_more1 ul li:nth-child(1):hover{
    width: 435px;
    height: 50px;
    border-radius: 35px;
    background: #f0561d;
    padding: 0px 15px;
}
.wsl_more1 ul li:nth-child(1) a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}
.wsl_more1 ul li:nth-child(1):hover  .titler{
    font-size: 16px;
    margin-left: 10px;
    color: #fff;
}
.wsl_more1 ul li:nth-child(1):hover  .img{
    margin-top:5px;
    background: url("../images/wsl_wt_shou.png")no-repeat center;
    width: 35px;
    height: 35px;
    background-size: 100% 100%;
}
.wsl_more1 ul li:nth-child(1) .titler{
    font-size: 16px;
    margin-left: 10px;
}
.wsl_more1 ul li:nth-child(1) .img{
    margin-top:5px;
    background: url("../images/wsl_wt_Q.png")no-repeat center;
    width: 22px;
    height:22px;
    background-size: 100% 100%;
}
.wsl_more1 ul li:nth-child(2){
    width: 300px;
    height: 50px;
    border-radius: 35px;
    background: #fff;
    line-height:50px;
    padding: 0px 20px;
    margin-top: 30px;
    margin-right: 90px;
}
.wsl_more1 ul li:nth-child(2) a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}
.wsl_more1 ul li:nth-child(2) .img{
    margin-top:5px;
    background: url("../images/wsl_wt_Q.png")no-repeat center;
    width: 22px;
    height:22px;
    background-size: 100% 100%;
}
.wsl_more1 ul li:nth-child(2) .titler{
    font-size: 16px;
    margin-left: 10px;
}
.wsl_more1 ul li:nth-child(2):hover{
    width: 300px;
    height: 50px;
    border-radius: 35px;
    background: #f0561d;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 15px;
}
.wsl_more1 ul li:nth-child(2):hover  .titler{
    font-size: 16px;
    margin-left: 10px;
    color: #fff;
}
.wsl_more1 ul li:nth-child(2):hover  .img{
    margin-top:5px;
    background: url("../images/wsl_wt_shou.png")no-repeat center;
    width: 35px;
    height: 35px;
    background-size: 100% 100%;
}




.wsl_more2{
    margin-top:20px;
}
.wsl_more2 ul{
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: nowrap;
}
.wsl_more2 ul li:nth-child(1){
    width: 520px;
    height: 50px;
    border-radius: 35px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 15px;
    margin-top: 30px;
    margin-left:-45px;
}
.wsl_more2 ul li:nth-child(1):hover{
    width: 520px;
    height: 50px;
    border-radius: 35px;
    background: #f0561d;
    padding: 0px 15px;
}
.wsl_more2 ul li:nth-child(1) a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}
.wsl_more2 ul li:nth-child(1):hover  .titler{
    font-size: 16px;
    margin-left: 10px;
    color: #fff;
}
.wsl_more2 ul li:nth-child(1):hover  .img{
    margin-top:5px;
    background: url("../images/wsl_wt_shou.png")no-repeat center;
    width: 35px;
    height: 35px;
    background-size: 100% 100%;
}
.wsl_more2 ul li:nth-child(1) .titler{
    font-size: 16px;
    margin-left: 10px;
}
.wsl_more2 ul li:nth-child(1) .img{
    margin-top:5px;
    background: url("../images/wsl_wt_Q.png")no-repeat center;
    width: 22px;
    height:22px;
    background-size: 100% 100%;
}
.wsl_more2 ul li:nth-child(2){
    width: 450px;
    height: 50px;
    border-radius: 35px;
    background: #fff;
    line-height:50px;
    padding: 0px 20px;
    margin-top: 30px;
    margin-right: 20px;
}
.wsl_more2 ul li:nth-child(2) a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
}
.wsl_more2 ul li:nth-child(2) .img{
    margin-top:5px;
    background: url("../images/wsl_wt_Q.png")no-repeat center;
    width: 22px;
    height:22px;
    background-size: 100% 100%;
}
.wsl_more2 ul li:nth-child(2) .titler{
    font-size: 16px;
    margin-left: 10px;
}
.wsl_more2 ul li:nth-child(2):hover{
    width: 450px;
    height: 50px;
    border-radius: 35px;
    background: #f0561d;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0px 15px;
}
.wsl_more2 ul li:nth-child(2):hover  .titler{
    font-size: 16px;
    margin-left: 10px;
    color: #fff;
}
.wsl_more2 ul li:nth-child(2):hover  .img{
    margin-top:5px;
    background: url("../images/wsl_wt_shou.png")no-repeat center;
    width: 35px;
    height: 35px;
    background-size: 100% 100%;
}


.wsl_sl{
    margin-top: 30px;
}
.wsl_sl ul{
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
}
.wsl_sl ul li:nth-child(1){
    width: 550px;
    height: 160px;
    border: 1px solid #eeeeee;
    margin: 25px 0px 0px 0px;
    padding: 30px 30px;
    display: flex;
    align-items: start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
.wsl_sl_txt{
    margin-left: 50px;
}
.wsl_sl ul li:nth-child(1) .wsl_sl_txt .wsl_sl_txt_title{
    font-size: 20px;
    color: #333333;
    margin-top: 5px;
}
.wsl_sl ul li:nth-child(1):hover .wsl_sl_txt_title{
    font-size: 20px;
    color: #ffffff;
    margin-top: 5px;
}
.wsl_sl ul li:nth-child(1) .wsl_sl_txt .wsl_sl_txt_title1{
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
    line-height: 27px;
}
.wsl_sl ul li:nth-child(1):hover .wsl_sl_txt_title1{
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
    line-height: 27px;
}
.wsl_sl ul li:nth-child(1):hover{
    width: 550px;
    height: 160px;
    border:0;
    margin: 25px 0px 0px 0px;
    padding: 30px 30px;
    background: #f15a28;
}
.wsl_sl ul li:nth-child(1) .wsl_sl_img{
    background: url("../images/wsl_sl1.png")no-repeat center;
    background-size: 100% 100%;
    width: 101px;
    height: 100px;
}
.wsl_sl ul li:nth-child(1):hover .wsl_sl_img{
    background: url("../images/wsl_sl11.png")no-repeat center;
    background-size: 100% 100%;
    width: 101px;
    height: 100px;
}


.wsl_sl ul li:nth-child(2){
    width: 550px;
    height: 160px;
    border: 1px solid #eeeeee;
    margin: 25px 0px 0px 0px;
    display: flex;
    align-items: start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 30px 30px;
}
.wsl_sl ul li:nth-child(2) .wsl_sl_txt .wsl_sl_txt_title{
    font-size: 20px;
    color: #333333;
    margin-top: 5px;
}
.wsl_sl ul li:nth-child(2):hover .wsl_sl_txt_title{
    font-size: 20px;
    color: #ffffff;
    margin-top: 5px;
}
.wsl_sl ul li:nth-child(2) .wsl_sl_txt_title1{
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
    line-height: 27px;
}
.wsl_sl ul li:nth-child(2):hover .wsl_sl_txt_title1{
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
    line-height: 27px;
}
.wsl_sl ul li:nth-child(2):hover{
    width: 550px;
    height: 160px;
    border:0;
    margin: 25px 0px 0px 0px;
    padding: 30px 30px;
    background: #f15a28;
}
.wsl_sl ul li:nth-child(2) .wsl_sl_img{
    background: url("../images/wsl_sl2.png")no-repeat center;
    background-size: 100% 100%;
    width: 101px;
    height: 100px;
}
.wsl_sl ul li:nth-child(2):hover .wsl_sl_img{
    background: url("../images/wsl_sl22.png")no-repeat center;
    background-size: 100% 100%;
    width: 101px;
    height: 100px;
}



.wsl_sl ul li:nth-child(3){
    width: 550px;
    height: 160px;
    border: 1px solid #eeeeee;
    margin: 25px 0px 0px 0px;
    display: flex;
    align-items: start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 30px 30px;
}
.wsl_sl ul li:nth-child(3) .wsl_sl_txt_title{
    font-size: 20px;
    color: #333333;
    margin-top: 5px;
}
.wsl_sl ul li:nth-child(3):hover .wsl_sl_txt_title{
    font-size: 20px;
    color: #ffffff;
    margin-top: 5px;
}
.wsl_sl ul li:nth-child(3) .wsl_sl_txt_title1{
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
    line-height: 27px;
}
.wsl_sl ul li:nth-child(3):hover .wsl_sl_txt_title1{
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
    line-height: 27px;
}
.wsl_sl ul li:nth-child(3):hover{
    width: 550px;
    height: 160px;
    border:0;
    margin: 25px 0px 0px 0px;
    padding: 30px 30px;
    background: #f15a28;
}
.wsl_sl ul li:nth-child(3) .wsl_sl_img{
    background: url("../images/wsl_sl3.png")no-repeat center;
    background-size: 100% 100%;
    width: 101px;
    height: 100px;
}
.wsl_sl ul li:nth-child(3):hover .wsl_sl_img{
    background: url("../images/wsl_sl33.png")no-repeat center;
    background-size: 100% 100%;
    width: 101px;
    height: 100px;
}


.wsl_sl ul li:nth-child(4){
    width: 550px;
    height: 160px;
    border: 1px solid #eeeeee;
    margin: 25px 0px 0px 0px;
    display: flex;
    align-items: start;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 30px 30px;
}
.wsl_sl ul li:nth-child(4) .wsl_sl_txt_title{
    font-size: 20px;
    color: #333333;
    margin-top: 5px;
}
.wsl_sl ul li:nth-child(4):hover .wsl_sl_txt_title{
    font-size: 20px;
    color: #ffffff;
    margin-top: 5px;
}
.wsl_sl ul li:nth-child(4) .wsl_sl_txt_title1{
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
    line-height: 27px;
}
.wsl_sl ul li:nth-child(4):hover .wsl_sl_txt_title1{
    font-size: 14px;
    color: #ffffff;
    margin-top: 10px;
    line-height: 27px;
}
.wsl_sl ul li:nth-child(4):hover{
    width: 550px;
    height: 160px;
    border:0;
    margin: 25px 0px 0px 0px;
    padding: 30px 30px;
    background: #f15a28;
}
.wsl_sl ul li:nth-child(4) .wsl_sl_img{
    background: url("../images/wsl_sl4.png")no-repeat center;
    background-size: 100% 100%;
    width: 101px;
    height: 100px;
}
.wsl_sl ul li:nth-child(4):hover .wsl_sl_img{
    background: url("../images/wsl_sl44.png")no-repeat center;
    background-size: 100% 100%;
    width: 101px;
    height: 100px;
}


.fwxm{
    margin-top: 30px;
}
.fwxm ul{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.fwxm ul li{
    width: 276px;
    height: 213px;
    background: #ffffff;
    margin: 20px 0px;
}
.fwxm ul li:hover{
    box-shadow: 0px 10px 8px 0px rgb(0 0 0 / 20%);
}
.fwxm_01{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}




.fwxm li .aniu{
    width: 130px;
    height: 28px;
    position: relative;
    color: #f0561d;
    margin-top: 18px;
    font-size: 18px;
}
.fwxm li .aniu::before{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: .5s;
    transition: .5s;
    border-bottom: 1px solid #f0561d;
}
.fwxm li:hover .aniu::before {
    width: 130px; margin: 0 auto;
}



.options {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    width: 1200px;
    /*width: calc(100% - 100px);*/
    height: 400px;
    margin:0px auto;
}

.options .option {
    position: relative;
    overflow: hidden;
    width: 210px;
    height: 400px;
    margin: 10px;
    background: var(--optionBackground, var(--defaultBackground, #E6E9ED));
    background-size: auto 120%;
    background-position: center;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.options .option:nth-child(1) {
    --defaultBackground: #ED5565;
}

.options .option:nth-child(2) {
    --defaultBackground: #FC6E51;
}

.options .option:nth-child(3) {
    --defaultBackground: #FFCE54;
}

.options .option:nth-child(4) {
    --defaultBackground: #2ECC71;
}

.options .option:nth-child(5) {
    --defaultBackground: #5D9CEC;
}

.options .option:nth-child(6) {
    --defaultBackground: #AC92EC;
}

.options .option.active {
    flex-grow: 10000;
    -webkit-transform: scale(1);
    transform: scale(1);
    max-width: 545px;
    height: 390px;
    margin: 10px 0;
    background-size: 100% 100%;
    /*&:active {
     transform:scale(0.9);
  }*/
}

.options .option.active .label {
    bottom: 20px;
    left: 20px;
}

.options .option.active .label .info>div {
    left: 0px;
    opacity: 1;
}

.options .option:not(.active) {
    flex-grow: 1;
}

.options .option:not(.active) .label {
    bottom: 10px;
    left: 10px;
}

.options .option:not(.active) .label .info>div {
    left: 20px;
    opacity: 0;
}

.options .option .shadow {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 120px;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.options .option .label {
    display: flex;
    flex-direction: column;
    position: absolute;
    /*justify-content: flex-start;*/
    right: 0px;
    /*height: 40px;*/
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.options .option .label .icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:180px;
    height: 40px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
}

.options .option .label .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*margin-left: 10px;*/
    color: white;
    /*white-space: pre;*/
    margin-left: 20px;
    margin-top: 15px;
}

.options .option .label .info>div {
    position: relative;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity 0.5s ease-out;
}

/*.options .option .label .info .main {*/
/*    font-weight: bold;*/
/*    font-size: 1.2rem;*/
/*}*/

.options .option .label .info .sub {
    transition-delay: .1s;
    margin-top: 10px;
}




.zs_btn{
    width: 180px;
    height: 50px;
    border: 1px solid #333333;
    font-size: 20px;
    text-align: center;
    color: #333333;
    line-height: 50px;
    position: relative;
    display: block;
}
.zs_btn::before{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: .5s;
    transition: .5s;
    background: #f0561d;
    z-index: -1;
}
.zs_btn:hover{
    border: 0;
    z-index:1;
    color: #ffffff;
}
.zs_btn:hover::before{
    width: 180px;
    height: 50px;  border: 0;;
}





#tFocus{width:1200px;height:648px;margin: 0 auto;}
#tFocus-pic{width:458px;height:398px;z-index: 11111;position:relative;}
#tFocus-pic li{width:1200px;height:398px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0;display: flex;align-items: center;justify-content: space-between;flex-direction: row;flex-wrap: wrap}
#tFocusBtn{width:1200px;height:250px;padding-left:5px;z-index:99999999999;overflow:hidden;position:relative;margin: -40px 0px}
#tFocus-btn{width:1200px;height:130px;position:relative;left:0;bottom:0;overflow:hidden;float:left;margin-left: 20px;margin-top: 60px;}
#tFocus-btn ul{width:1800px;position:absolute;left:0;top:0;}
#tFocus-btn li{
    display: flex;
    flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: space-between;
    height:109px;width:378px;float:left;padding: 5px;background: url("../images/xj_kh_bg.png")no-repeat center;background-size: 100% 100%;margin: 20px 5px 0px 10px }

#tFocus-btn li img{z-index:1;
    position: relative;
display: flex;
flex-wrap: wrap;flex-direction: row;align-items: center;justify-content: space-between}

#tFocus-btn li.active{background: url("../images/xj_kh_bg.png")no-repeat;background-size: 100% 100%;padding: 5px;z-index: -1;position: relative}/**/
/*#tFocus-btn li.active p{display: none}!**!*/
/*#tFocus-btn li.active img{border:2px solid #40b9e5;}*/
#tFocus-leftbtn,#tFocus-rightbtn{
    height: 40px;
    margin-top:0px;
    width: 15px;
    margin-left: -5px;
}
#tFocus-leftbtn{background-position:-455px 60px;margin-left: 70%;margin-top: -50px}
#tFocus-rightbtn{background-position:-480px 60px;}

/*.kehu_btn{*/
/*    width: 180px;height: 52px;text-align: center;line-height: 52px;color: #333333;font-size: 16px;margin-top: 30px;border: 1px solid #333333;*/
/*    margin-left: 120px;*/
/*}*/


.kehu_btn{
    width: 210px;
    height: 52px;
    border: 1px solid #333333;
    font-size: 20px;
    text-align: center;
    color: #333333;
    line-height: 50px;
    position: relative;
    display: block;
    margin: 0 auto;
    border-radius: 35px;
}
.kehu_btn::before{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: .5s;
    transition: .5s;
    background: #f0561d;
    border-radius: 35px;
    z-index: -1;
}
.kehu_btn:hover{
    border: 0;
    z-index:1;
    color: #ffffff;
    border-radius: 35px;
}
.kehu_btn:hover::before{
    width: 210px;
    height: 52px;  border-radius: 35px;
}




.kehu_btn1{
    width: 220px;
    height: 52px;
    border: 1px solid #ffffff;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    position: relative;
    display: block;
    border-radius: 35px;
    margin: 0px auto 20px auto;
}
.kehu_btn1::before{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: .5s;
    transition: .5s;
    background: #f0561d;
    border-radius: 35px;
    z-index: -1;
}
.kehu_btn1:hover{
    border: 0;
    z-index:1;
    color: #ffffff;
    border-radius: 35px;
}
.kehu_btn1:hover::before{
    width: 220px;
    height: 52px;  border-radius: 35px;
}


.fwxm li .imgBox {
    width: 276px;
    height: 104px;
    overflow: hidden;
}

.fwxm li .imgBox img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}

.fwxm li :hover .imgBox img {
    transform: scale(1.15);
}

.pcr_sysfw{
    margin-top: 30px;
}
.pcr_sysfw ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}
.pcr_sysfw li a{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.pcr_sysfw li:nth-child(1){
    width: 585px;
    height: 163px;
    border-radius: 7px;
    background: #ffffff;
    margin: 20px 0px 0px 0px;
    padding: 30px 20px;
}
.pcr_sysfw li:hover{
    box-shadow: 0px 9px 10px 0px rgb(0 0 0 / 20%);
}
.titke{
    font-size: 24px;
}
.pcr_sysfw li:hover .titke{
    font-weight: bold; font-size: 24px;
}
.pcr_sysfw li:nth-child(1) .pcr_sysfw_img{
    background: url("../images/lm_wp_ico1.png")no-repeat center;
    width: 48px;
    height: 48px;
}
.pcr_sysfw li:nth-child(1):hover .pcr_sysfw_img{
    background: url("../images/lm_wp_ico11.png")no-repeat center;
    width: 48px;
    height: 48px;
}

.pcr_sysfw li:nth-child(2){
    width: 585px;
    height: 163px;
    border-radius: 7px;
    background: #ffffff;
    margin: 20px 0px 0px 0px;
    padding: 30px 20px;
}

.pcr_sysfw li:nth-child(2) .pcr_sysfw_img{
    background: url("../images/lm_wp_ico2.png")no-repeat center;
    width: 48px;
    height: 48px;
}
.pcr_sysfw li:nth-child(2):hover .pcr_sysfw_img{
    background: url("../images/lm_wp_ico22.png")no-repeat center;
    width: 48px;
    height: 48px;
}

.pcr_sysfw li:nth-child(3){
    width: 585px;
    height: 163px;
    border-radius: 7px;
    background: #ffffff;
    margin: 20px 0px 0px 0px;
    padding: 30px 20px;
}
.pcr_sysfw li:nth-child(3) .pcr_sysfw_img{
    background: url("../images/lm_wp_ico3.png")no-repeat center;
    width: 48px;
    height: 48px;
}
.pcr_sysfw li:nth-child(3):hover .pcr_sysfw_img{
    background: url("../images/lm_wp_ico33.png")no-repeat center;
    width: 48px;
    height: 48px;
}

.pcr_sysfw li:nth-child(4){
    width: 585px;
    height: 163px;
    border-radius: 7px;
    background: #ffffff;
    margin: 20px 0px 0px 0px;
    padding: 30px 20px;
}
.pcr_sysfw li:nth-child(4) .pcr_sysfw_img{
    background: url("../images/lm_wp_ico4.png")no-repeat center;
    width: 48px;
    height: 48px;
}
.pcr_sysfw li:nth-child(4):hover .pcr_sysfw_img{
    background: url("../images/lm_wp_ico44.png")no-repeat center;
    width: 48px;
    height: 48px;
}

.pcr_sysfw li:nth-child(5){
    width: 585px;
    height: 163px;
    border-radius: 7px;
    background: #ffffff;
    margin: 20px 0px 0px 0px;
    padding: 30px 20px;
}
.pcr_sysfw li:nth-child(5) .pcr_sysfw_img{
    background: url("../images/lm_wp_ico5.png")no-repeat center;
    width: 48px;
    height: 48px;
}
.pcr_sysfw li:nth-child(5):hover .pcr_sysfw_img{
    background: url("../images/lm_wp_ico55.png")no-repeat center;
    width: 48px;
    height: 48px;
}

.pcr_sysfw li:nth-child(6){
    width: 585px;
    height: 163px;
    border-radius: 7px;
    background: #ffffff;
    margin: 20px 0px 0px 0px;
    padding: 30px 20px;
}
.pcr_sysfw li:nth-child(6) .pcr_sysfw_img{
    background: url("../images/lm_wp_ico6.png")no-repeat center;
    width: 48px;
    height: 48px;
}
.pcr_sysfw li:nth-child(6):hover .pcr_sysfw_img{
    background: url("../images/lm_wp_ico66.png")no-repeat center;
    width: 48px;
    height: 48px;
}


.kehu_btn2{
    width: 220px;
    height: 52px;
    border: 1px solid #ffffff;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    position: relative;
    display: block;
    border-radius: 35px;
    margin: 50px auto 20px auto;
}
.kehu_btn2::before{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: .5s;
    transition: .5s;
    background: #f0561d;
    border-radius: 35px;
    z-index: -1;
}
.kehu_btn2:hover{
    border: 0;
    z-index:1;
    color: #ffffff;
    border-radius: 35px;
}
.kehu_btn2:hover::before{
    width: 220px;
    height: 52px;  border-radius: 35px;
}

.kehu_btn3{
    width: 220px;
    height: 52px;
    border: 1px solid #333333;
    font-size: 20px;
    text-align: center;
    color: #333333;
    line-height: 50px;
    position: relative;
    display: block;
    border-radius: 35px;
    margin: 40px 0 20px 0;
}
.kehu_btn3::before{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: .5s;
    transition: .5s;
    background: #f0561d;
    border-radius: 35px;
    z-index: -1;
}
.kehu_btn3:hover{
    border: 0;
    z-index:1;
    color: #ffffff;
    border-radius: 35px;
}
.kehu_btn3:hover::before{
    width: 220px;
    height: 52px;  border-radius: 35px;
}




.huoqu{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.pcr_lc{
    width: 1200px;
    margin: -35px auto;
    z-index: 1;
    position: relative;
}
.pcr_lc ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.pcr_lc ul li{
    width: 150px;
    height: 150px
}
.pcr{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 40px;
}
.pcr_team{
    width: 652px;
}
.pcr_team ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.pcr_team ul li{
    margin: 10px 0px 10px 0px;
}

.pcr_more{
    margin-top: 40px;
}
.pcr_more ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.pcr_more ul li{
    width: 370px;
    height: 353px;
    background: #fff;
}
.pcr_more ul li{
    width: 370px;
    height: 353px;
    background: #fff;
}


/*.kehu_btn3{*/
/*    width: 140px;*/
/*    height: 50px;*/
/*    border: 1px solid #333333;*/
/*    font-size: 18px;*/
/*    text-align: center;*/
/*    color: #333333;*/
/*    line-height: 50px;*/
/*    position: relative;*/
/*    display: block;*/
/*    border-radius: 35px;*/
/*    margin: 30px auto 20px auto;*/
/*}*/
/*.kehu_btn3::before{*/
/*    position: absolute;*/
/*    content: '';*/
/*    width: 0;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    -webkit-transition: .5s;*/
/*    transition: .5s;*/
/*    background: #f0561d;*/
/*    border-radius: 35px;*/
/*    z-index: -1;*/
/*}*/
/*.kehu_btn3:hover{*/
/*    border: 0;*/
/*    z-index:1;*/
/*    color: #ffffff;*/
/*    border-radius: 35px;*/
/*}*/
/*.kehu_btn3:hover::before{*/
/*    width: 140px;*/
/*    height: 50px; border-radius: 35px;*/
/*}*/

.xj_pfzh_our_yw_ul {
    width: 100%;
    height: 390px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}

.xj_pfzh_our_yw_ul li {
    width: 278px;
    height: 390px;
    transition: all 0.6s;
    background: #1e88f8;
    position: relative;
}

.xj_pfzh_our_yw_ul li span {
    display: block;
    text-align: center;
    position: absolute;
    left: 50%;
    font-size: 20px;
    color: #f15a28;
    text-decoration: underline;
    bottom: 34px;
    display: none;
}

.xj_pfzh_our_yw_ul_top {
    width: 100%;
    height: 134px;
    background: #0057b4;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transition: all 0.6s;
}

.xj_pfzh_our_yw_ul_top img {
    width: 43px;
    height: auto;
    display: block;
    transition: all 0.6s;
}

.xj_pfzh_our_yw_ul_top h2 {
    font-size: 22px;
    color: #fff;
    margin-top: 10px;
}

.xj_pfzh_our_yw_ul_bottom {
    width: 210px;
    height: auto;
    display: flex;
    justify-content: space-around;
    margin: 22px auto;
    flex-wrap: wrap;
}

.xj_pfzh_our_yw_ul_bottom p {
    font-size: 18px;
    color: #fff;
    line-height: 36px;
}

.xj_pfzh_our_yw_ul li:hover {
    height: 260px;
    background: #efefef;
}

.xj_pfzh_our_yw_ul li:hover .xj_pfzh_our_yw_ul_top {
    /*background: url(../images/pfzh_yw_list_bg.png) no-repeat center center;*/
    background: #0057b4;
    height: 165px;
}

.xj_pfzh_our_yw_ul li:hover .xj_pfzh_our_yw_ul_top img {
    width: 74px;
}

.xj_pfzh_our_yw_ul li:hover .xj_pfzh_our_yw_ul_bottom p {
    color: #ff8300;
    height: 35px;
    border-bottom: 1px solid #ff8300;
}

.xj_pfzh_our_yw_ul li:hover span {
    display: block;
}

.xj_pfzh_case_box {
    width: 100%;
    height: auto;
    padding: 60px 0px;
    background: #f5f5f5;
}

.xj_pfzh_case_btn {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.xj_pfzh_case_btn li {
    width: 275px;
    height: 69px;
}

.hfs_jcfw{
    margin-top: 30px;
}
.hfs_jcfw ul{
    display: flex;
    justify-content: space-around;
    margin: 22px auto;
    flex-wrap: wrap;
    align-items: center;
}
.hfs_jcfw ul li{
    height: 320px;
    width: 386px;
    background: #f5f5f5;
    margin: 15px 0px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}
.hfs_jcfw ul li:hover{
    box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 20%);
}


.hfs_jcfw li:hover .thumb-10 {
    width: 386px;
    box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.thumb-10 .thumb-content {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 3px;
    right: 0px;
    text-align: center;
    background-color: rgba(0,0,0,0.7);
    font-weight: bold;
    color: #FFF;
    padding: 80px 10px;
    transform: rotateX(90deg);
    transition: all 0.25s linear;
    font-size: 20px;
}

.thumb-10 .thumb-content p {
    font-weight: normal;
    padding: 10px;
    font-size: 13px;
}

.thumb-10:hover .thumb-content {
    transform: rotateX(0deg);
}





















.hfs_bz{
    margin-top: 30px;
}
.hfs_bz ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.hfs_bz ul li{
    width: 273px;
    height: 332px;
    background: #f5f5f5;
    padding:40px 20px;
    visibility: hidden;
    /*opacity:0;*/
}
.hfs_bz ul li:hover{
    width: 273px;
    height: 332px;
    background:url("../images/hfs_bz_bg.jpg")no-repeat center;
    background-size: 100% 100%;
    padding:40px 20px;
    visibility: visible;
    /*opacity: 1;*/
    transition: all 1s ease-in-out;
}
.hfs_bz ul li:nth-child(1) .img{
    background: url("../images/hfs_bz1.png")no-repeat center;
    width: 56px;
    height: 59px;
}
.hfs_bz ul li:nth-child(1):hover .img{
    background: url("../images/hfs_bz11.png")no-repeat center;
    width: 56px;
    height: 59px;
}
.hfs_bz li:nth-child(1) .hfs_bz_title{
    font-weight: bold;font-size: 24px;color: #333333;margin-top: 30px;
}
.hfs_bz li:nth-child(1):hover .hfs_bz_title{
    font-weight: bold;font-size: 24px;color: #ffffff;margin-top: 30px;
}
.hfs_bz li:nth-child(1) .hfs_bz_txt{
    font-size: 16px;color: #666666;margin-top: 20px;text-align: justify;line-height: 28px;
}
.hfs_bz li:nth-child(1):hover .hfs_bz_txt{
    font-size: 16px;color: #ffffff;margin-top: 20px;text-align: justify;line-height: 28px;
}



.hfs_bz ul li:nth-child(2) .img{
    background: url("../images/hfs_bz2.png")no-repeat center;
    width: 56px;
    height: 59px;
}
.hfs_bz ul li:nth-child(2):hover .img{
    background: url("../images/hfs_bz22.png")no-repeat center;
    width: 56px;
    height: 59px;
}
.hfs_bz li:nth-child(2) .hfs_bz_title{
    font-weight: bold;font-size: 24px;color: #333333;margin-top: 30px;
}
.hfs_bz li:nth-child(2):hover .hfs_bz_title{
    font-weight: bold;font-size: 24px;color: #ffffff;margin-top: 30px;
}
.hfs_bz li:nth-child(2) .hfs_bz_txt{
    font-size: 16px;color: #666666;margin-top: 20px;text-align: justify;line-height: 28px;
}
.hfs_bz li:nth-child(2):hover .hfs_bz_txt{
    font-size: 16px;color: #ffffff;margin-top: 20px;text-align: justify;line-height: 28px;
}


.hfs_bz ul li:nth-child(3) .img{
    background: url("../images/hfs_bz3.png")no-repeat center;
    width: 56px;
    height: 59px;
}
.hfs_bz ul li:nth-child(3):hover .img{
    background: url("../images/hfs_bz33.png")no-repeat center;
    width: 56px;
    height: 59px;
}
.hfs_bz li:nth-child(3) .hfs_bz_title{
    font-weight: bold;font-size: 24px;color: #333333;margin-top: 30px;
}
.hfs_bz li:nth-child(3):hover .hfs_bz_title{
    font-weight: bold;font-size: 24px;color: #ffffff;margin-top: 30px;
}
.hfs_bz li:nth-child(3) .hfs_bz_txt{
    font-size: 16px;color: #666666;margin-top: 20px;text-align: justify;line-height: 28px;
}
.hfs_bz li:nth-child(3):hover .hfs_bz_txt{
    font-size: 16px;color: #ffffff;margin-top: 20px;text-align: justify;line-height: 28px;
}


.hfs_bz ul li:nth-child(4) .img{
    background: url("../images/hfs_bz4.png")no-repeat center;
    width: 56px;
    height: 59px;
}
.hfs_bz ul li:nth-child(4):hover .img{
    background: url("../images/hfs_bz44.png")no-repeat center;
    width: 56px;
    height: 59px;
}
.hfs_bz li:nth-child(4) .hfs_bz_title{
    font-weight: bold;font-size: 24px;color: #333333;margin-top: 30px;
}
.hfs_bz li:nth-child(4):hover .hfs_bz_title{
    font-weight: bold;font-size: 24px;color: #ffffff;margin-top: 30px;
}
.hfs_bz li:nth-child(4) .hfs_bz_txt{
    font-size: 16px;color: #666666;margin-top: 20px;text-align: justify;line-height: 28px;
}
.hfs_bz li:nth-child(4):hover .hfs_bz_txt{
    font-size: 16px;color: #ffffff;margin-top: 20px;text-align: justify;line-height: 28px;
}

.hfs_wp{
    width: 900px;
    margin:50px auto;
}
.hfs_wp ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.hfs_wp ul li{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.td_left{
    width: 476px;
    height: 142px;
    background: #f8f8f8;
    margin-top: -5px;
}
.td_left .td_num{
    font-size: 30px;
    font-weight: bold;
    color: #999999;
    margin-left: 50px;
    padding-top: 25px;
}
.td_left:hover{
    width: 476px;
    height: 142px;
    background: url("../images/lm_cstd_bg3.jpg")no-repeat center;
    background-size: 100% 100%;
    margin-top: -5px;
}
.td_left:hover .td_num{
    border-bottom: 2px solid #f0561d;
    width: 40px;
}


.td_center{
    width: 362px;
    height: 165px;
    background: #f8f8f8;
    margin-top: -5px; z-index: -1;
}
.td_center .td_num{
    font-size: 30px;
    font-weight: bold;
    color: #999999;
    margin-left: 50px;
    padding-top: 25px;
}
.td_center:hover{
    width: 362px;
    height: 165px;
    background: url("../images/lm_cstd_bg1.jpg")no-repeat center;
    background-size: 100% 100%;
    margin-top: -5px;
    box-shadow: 2px 3px 12px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    position: relative;
}
.td_center:hover .td_num{
    border-bottom: 2px solid #f0561d;
    width: 40px;
}

.td_center_bottom{
    width: 362px;
    height: 165px;
    background: #efefef;
    margin-top: -5px;
    z-index: -1;
}
.td_center_bottom .td_num{
    font-size: 30px;
    font-weight: bold;
    color: #999999;
    margin-left: 50px;
    padding-top: 25px;
}
.td_center_bottom:hover{
    width: 362px;
    height: 165px;
    background: url("../images/lm_cstd_bg2.jpg")no-repeat center;
    background-size: 100% 100%;
    margin-top: -5px;
    box-shadow: 2px 3px 12px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    position: relative;
}
.td_center_bottom:hover .td_num{
    border-bottom: 2px solid #f0561d;
    width: 40px;
}



.td_right{
    width: 362px;
    height: 165px;
    background: #efefef;
    margin-top: -5px; z-index: -1;
}
.td_right .td_num{
    font-size: 30px;
    font-weight: bold;
    color: #999999;
    margin-left: 50px;
    padding-top: 25px;
}
.td_right:hover{
    width: 362px;
    height: 165px;
    background: url("../images/lm_cstd_bg2.jpg")no-repeat center;
    background-size: 100% 100%;
    margin-top: -5px;
    box-shadow: 2px 3px 12px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    position: relative;
}
.td_right:hover .td_num{
    border-bottom: 2px solid #f0561d;
    width: 40px;
}

.td_right_bottom{
    width: 362px;
    height: 165px;
    background: #f8f8f8;
    margin-top: -5px;
    z-index: -1;
}
.td_right_bottom .td_num{
    font-size: 30px;
    font-weight: bold;
    color: #999999;
    margin-left: 50px;
    padding-top: 25px;
}
.td_right_bottom:hover{
    width: 362px;
    height: 165px;
    background: url("../images/lm_cstd_bg1.jpg")no-repeat center;
    background-size: 100% 100%;
    margin-top: -5px;
    box-shadow: 2px 3px 12px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    position: relative;
}
.td_right_bottom:hover .td_num{
    border-bottom: 2px solid #f0561d;
    width: 40px;
}

.pcr_more ul li .img {width:370px;height: 187px;overflow: hidden;}
.pcr_more li .img img {width: 100%;height: 100%;transition: all 0.6s linear;}
.pcr_more li .img:hover img {transform: scale(1.15);}

.cpfx{
    margin-top: 40px;
}
.cpfx ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cpfx ul li{
    width: 290px;
    height: 270px;
    background: #fff;
    border-radius: 7px;
    padding: 27px 15px;
    margin: 30px 0px 20px 0px;
}
.cpfx ul li:hover{
    box-shadow: 0px 5px 25px 0px rgb(0 0 0 / 20%);
    margin-top: -5px;
    transition: all 0.6s;
}
.cpfx ul li .cpfx_zixun{
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
}
.cpfx ul li:hover .cpfx_zixun{
    color: #f0561d;
}

.thumbnailWrapper{width:1200px;margin:40px auto 0 auto;}
.thumbnailWrapper ul li{float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;}
.thumbnailWrapper ul li:nth-child(1){float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
background: url("../images/tl_zz1.png")no-repeat center;height: 245px;
}
.thumbnailWrapper ul li:nth-child(1):hover{float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz1.png")no-repeat center;height: 245px; transition: all 0.8s;
}
.thumbnailWrapper ul li:nth-child(2){float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz2.png")no-repeat center;height: 245px;
}
.thumbnailWrapper ul li:nth-child(2):hover{float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz2.png")no-repeat center;height: 245px; transition: all 0.8s;
}
.thumbnailWrapper ul li:nth-child(3){float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz3.png")no-repeat center;height: 245px;
}
.thumbnailWrapper ul li:nth-child(3):hover{float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz3.png")no-repeat center;height: 245px; transition: all 0.8s;
}
.thumbnailWrapper ul li:nth-child(4){float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz4.png")no-repeat center;height: 245px;
}
.thumbnailWrapper ul li:nth-child(4):hover{float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz4.png")no-repeat center;height: 245px; transition: all 0.8s;
}
.thumbnailWrapper ul li:nth-child(5){float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz5.png")no-repeat center;height: 245px;
}
.thumbnailWrapper ul li:nth-child(5):hover{float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz5.png")no-repeat center;height: 245px; transition: all 0.8s;
}
.thumbnailWrapper ul li:nth-child(6){float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz6.png")no-repeat center;height: 245px;
}
.thumbnailWrapper ul li:nth-child(6):hover{float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz6.png")no-repeat center;height: 245px; transition: all 0.8s;
}
.thumbnailWrapper ul li:nth-child(7){float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz7.png")no-repeat center;height: 245px;
}
.thumbnailWrapper ul li:nth-child(7):hover{float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz7.png")no-repeat center;height: 245px; transition: all 0.8s;
}
.thumbnailWrapper ul li:nth-child(8){float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz8.png")no-repeat center;height: 245px;
}
.thumbnailWrapper ul li:nth-child(8):hover{float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz8.png")no-repeat center;height: 245px; transition: all 0.8s;
}
.thumbnailWrapper ul li:nth-child(9){float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz9.png")no-repeat center;height: 245px;
}
.thumbnailWrapper ul li:nth-child(9):hover{float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz9.png")no-repeat center;height: 245px; transition: all 0.8s;
}
.thumbnailWrapper ul li:nth-child(10){float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz10.png")no-repeat center;height: 245px;
}
.thumbnailWrapper ul li:nth-child(10):hover{float:left;position:relative;overflow:hidden;width:227px;margin: 15px 10px 0px 0px;
    background: url("../images/tl_zz10.png")no-repeat center;height: 245px; transition: all 0.8s;
}


.hfs_jcfw1{
    margin-top: 30px;
}
.hfs_jcfw1 ul{
    display: flex;
    justify-content: space-around;
    margin: 22px auto;
    flex-wrap: wrap;
    align-items: center;
}
.hfs_jcfw1 ul li:nth-child(1){
    height: 500px;
    width: 386px;
    background: #fff;
    margin: 15px 0px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;padding: 15px;
}
.hfs_jcfw1 ul li:nth-child(1):hover{
    box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 20%);
}


.hfs_jcfw1 ul li:nth-child(1) .aniu1{
    width: 150px;
    height: 35px;
    position: relative;
    color: #f0561d;
    font-size: 18px;
    margin:220px 85px;
}
.hfs_jcfw1 ul li:nth-child(1) .aniu1::before{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: .5s;
    transition: .5s;
    border-bottom: 1px solid #f0561d;
}
.hfs_jcfw1 ul li:nth-child(1):hover .aniu1::before {
    width: 150px; margin: 0 auto;
}



.hfs_jcfw1 ul li:nth-child(2){
    height: 500px;
    width: 386px;
    background: #fff;
    margin: 15px 0px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;padding: 15px;
}
.hfs_jcfw1 ul li:nth-child(2):hover{
    box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 20%);
}


.hfs_jcfw1 ul li:nth-child(2) .aniu1{
    width: 170px;
    height: 35px;
    position: relative;
    color: #f0561d;
    font-size: 18px;
    margin:220px 85px;
}
.hfs_jcfw1 ul li:nth-child(2) .aniu1::before{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: .5s;
    transition: .5s;
    border-bottom: 1px solid #f0561d;
}
.hfs_jcfw1 ul li:nth-child(2):hover .aniu1::before {
    width: 170px; margin: 0 auto;
}


.hfs_jcfw1 ul li:nth-child(3){
    height: 500px;
    width: 386px;
    background: #fff;
    margin: 15px 0px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    padding: 15px;
}
.hfs_jcfw1 ul li:nth-child(3):hover{
    box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 20%);
}


.hfs_jcfw1 ul li:nth-child(3) .aniu1{
    width: 170px;
    height: 35px;
    position: relative;
    color: #f0561d;
    font-size:18px;
    margin:220px 85px;
}
.hfs_jcfw1 ul li:nth-child(3) .aniu1::before{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: .5s;
    transition: .5s;
    border-bottom: 1px solid #f0561d;
}
.hfs_jcfw1 ul li:nth-child(3):hover .aniu1::before {
    width: 170px;margin: 0 auto;
}















.thumbnailWrapper ul li a img{width:227px;position:relative;border:none;}
.caption{position:absolute;bottom:0px;left:0px;width:100%;display:none;background:#fff;color:#666666;height: 85px;z-index: 1;text-align: center;margin-top: 0px;}
.caption .captionInside{padding:10px 3px;margin:0px;height: 70px;font-size: 14px;}

#app {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-top: 40px;
    flex-wrap: wrap;
}

.box {
    width: 281px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 0 15px 25px 15px;

}
/*.box:hover{   box-shadow: 0px 3px 13px 0px rgb(0 0 0 / 40%);*/
/*}*/
.box a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #535353;
    text-decoration: none;
}

/*.box a:hover {*/
/*    color: #e52d67;*/
/*}*/
.fwfw{margin-top: 20px;font-size: 16px; color: #333;}
.box:hover .fwfw{color: #ea5514}
.imgBox {
    width: 280px;
    height: 164px;
    overflow: hidden;
}

.imgBox img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}
.box>a:hover::after {
    height: 10px;
}

.box:hover img {
    transform: scale(1.15);
}

.box:hover .source {
    background: #e52d67;
    border-color: #e52d67;
    color: #ffffff;
}
.wenzi{
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
    width: 760px;
    margin: 40px auto;
}
.xj_cffx_dxal_box3344577{width: 100%;height: auto;padding: 30px 0px;background: #f5f5f5;overflow: hidden;}
.xj_cffx_dxal_box3344578{width: 100%;height: auto;padding: 40px 0px;background:url("../images/jjj_jcbg_bg.jpg")no-repeat center;background-size: 100% 100%}
.fenlei{
    margin-top: 30px;
}
.fenlei ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.fenlei ul li{
    width: 271px;
    height: 78px;
    background-image: linear-gradient(to right, #f7a506, #ef6809);
    border-radius:10px;
    box-sizing: border-box;
    position: relative;
    margin: 15px 0px;
}
.fenlei_txt{
    width: 266px;
    height: 72px;
    background: #ffffff;
    border-radius: 9px;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    margin-top: 0px;
}
.fenlei ul li a{
    font-size: 19px;
    color: #f0561d;
    line-height: 72px;
}

.fenlei_txt::before{
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: .5s;
    transition: .5s;
    background-image: linear-gradient(to bottom right, #f7a506, #ef6809);
    border-radius: 8px;
    z-index: -1;
}
.fenlei ul li .fenlei_txt:hover a{
    border: 0;
    z-index:1;
    color: #ffffff;
    border-radius: 8px;
}
.fenlei_txt:hover::before{
    width: 267px;
    height: 72px; border-radius: 8px;
}

.bgyt{
    margin-top: 50px;
}
.bgyt ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.bgyt ul li{
    width: 283px;
    height: 335px;
    background:#fff;
    border-radius: 13px;
}
.bgyt ul li .img{
    width: 247px;
    height: 243px;
    margin: 16px auto;
    overflow: hidden;
}
.bgyt ul li .img img {
    width: 100%;
    height: 100%;
    transition: all 0.6s linear;
}
.bgyt ul li .img:hover img {
    transform: scale(1.15);
    border-radius: 13px;
}
.bgyt ul li .txt{
    text-align: center;
    font-size: 20px;
    color: #333;
    margin-top: 10px;
}


