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

}

.clear {
    clear: both;
}

.footer {
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    background: rgb(51, 51, 51);
    text-align: center;
    color: rgb(255, 255, 255);
    letter-spacing: 1.68px;
}

.banner {
    width: 100%;
    height: 160px;
    background: url("../image/banner.png") no-repeat;
    background-size: 100% 100%;
}

.bannerLeft {
    width: 50%;
    float: left;
}

.banner01 {
    width: 97%;
    padding-top: 46px;
    cursor: pointer;

}

.banner02 {
    width: 100%;
    cursor: pointer;

}

.bannerBtn {
    float: right;
    width: 33.2%;
    margin-top: 56px;

}

.bannerBtn a {
    width: 45%;
    height: 48px;
    line-height: 48px;
    display: block;
    background: rgb(223, 61, 62);
    border: 2px solid rgb(255, 255, 255);
    box-shadow: 0px 1px 2px 0px rgb(223, 61, 62);
    border-radius: 8px;
    font-size: 19px;
    text-align: center;
    color: rgb(255, 255, 255);
    float: left;
    margin-right: 30px;
    transition: all .8s;
}

.bannerBtn a:hover {
    background: rgb(252, 183, 41);
    box-shadow: 0px 1px 2px rgb(223, 61, 62);
    cursor: pointer;
}

.nav {
    width: 100%;
    height: 53px;
    background: rgb(223, 61, 62);
    margin-bottom: 20px;
}

.nav a {
    width: 149px;
    height: 53px;
    line-height: 53px;
    float: left;
    display: block;
    font-size: 16px;
    border-right: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    text-align: center;
    transition: all .8s;
}

.nav a:hover {
    background: rgb(252, 183, 41);
    cursor: pointer;
    text-decoration: underline;
}

.bannerImg {
    width: 100%;
    margin-bottom: 20px;

}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.banner_img {
    position: relative;
    cursor: pointer;
}

.banner_img img {
    width: 100%;
}

.banner_img p {
    width: 100%;
    position: absolute;
    font-size: 40px;
    color: rgb(255, 255, 255);
    text-align: center;
    top: 26px;

}

.s2Wrap {
    width: 100%;
    margin-bottom: 20px;

}

.s2Left {
    width: 45%;
    height: 290px;
    float: left;
    background: url("../image/s1img.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 20px;
    padding: 38px 49px;
    box-sizing: border-box;
}

.s2Left_top {
    width: 124px;
    height: 35px;
    background: #FFFFFF;
    border-radius: 16px 0px 16px 0px;
    opacity: 0.7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s2Left_top span {
    color: #181818;
    font-size: 20px;
    transition: all .8s;
    /* font-weight: 600; */
}

.s2Left_top span:hover {
    cursor: pointer;
    color: #FCE429;
}

.s2Left_title {
    font-family: PingFang-SC, PingFang-SC;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    font-weight: 600;
    color: #FFFFFF;
    font-size: 62px;
}

.s2Left_nav {
    color: #FFFFFF;
    font-size: 20px;
    margin-top: 10px;
}

.s2Left_nav span {
    transition: all .8s;

}

.s2Left_nav span:hover {
    cursor: pointer;
    color: #FCE429;
    text-decoration: underline;

}

.s2Left_btn {
    display: flex;
    margin-top: 22px;
}

.s2Left_btn1 {
    width: 160px;
    height: 42px;
    background: #FFFFFF;
    border-radius: 8px;
    text-align: center;
    line-height: 42px;
    font-size: 18px;
    transition: all .8s;
    margin-right: 40px;
}

.s2Left_btn1:hover {
    background: #FCE429;
    cursor: pointer;
}


.s2Left01 {
    width: 72%;
    display: block;
    margin: 0 auto;
    padding-top: 74px;
    cursor: pointer;
}

.s2Left02 {
    width: 68%;
    display: block;
    margin: 0 auto;
    padding-top: 15px;
    cursor: pointer;
}

.s2Middle {
    width: 32%;
    float: left;
    border: 1px solid rgb(204, 204, 204);
    margin-right: 20px;
}

.s2Middle_tit {
    height: 34px;
    padding-top: 14px;
    background: rgb(223, 61, 62);
}

.s2Middle_tit span {
    height: 20px;
    line-height: 19px;
    border-left: 3px solid rgb(255, 255, 255);
    display: block;
    font-size: 20px;
    color: rgb(255, 255, 255);
    padding-left: 10px;
    margin-left: 20px;
}

.s2Middle ul {
    background: rgb(255, 255, 255);
    padding: 20px 20px 10px 20px;
}

.s2Middle ul li {
    font-size: 16px;
    color: rgb(102, 102, 102);
    margin-bottom: 14px;
    transition: all .8s;
}

.s2Middle ul li:hover {
    cursor: pointer;
    transform: translateX(3px);
    color: rgb(223, 61, 62);
}

.s2Right {
    width: 19.5%;
    float: left;
}

.s2Right li {
    height: 76px;
    margin-top: -3px;

}

.s2Right li p {
    width: 80%;
    height: 55px;
    line-height: 55px;
    background: url("../image/s1_r_ico.png") no-repeat;
    background-size: 100% 100%;
    font-size: 18px;
    color: rgb(223, 61, 62);
    text-align: center;
    float: right;
    margin-top: 9px;
    transition: all .8s;

}

.s2Right li p:hover {
    cursor: pointer;
    transform: translateX(-3px);
    color: rgb(223, 61, 62);
}

.s2Right_li01 {
    background: url("../image/s1right_01.png") no-repeat;
    background-size: 100% 100%;
}

.s2Right_li02 {
    background: url("../image/s1right_02.png") no-repeat;
    background-size: 100% 100%;
}

.s2Right_li03 {
    background: url("../image/s1right_03.png") no-repeat;
    background-size: 100% 100%;
}

.s2Right_li04 {
    background: url("../image/s1right_04.png") no-repeat;
    background-size: 100% 100%;
}

.s3Wrap,
.s4Wrap {
    padding: 30px 20px;
    border: 1px solid rgb(204, 204, 204);
    background: rgb(255, 255, 255);
    margin-bottom: 20px;
}

.s3Title {
    font-size: 32px;
    color: rgb(51, 51, 51);
    text-align: center;
    margin-bottom: 25px;
}

.s3Title span {
    color: rgb(223, 61, 62);
}

.s3Left {
    width: 39%;
    float: left;
    border: 1px solid rgb(204, 204, 204);
    margin-right: 20px;
}

.s3Left ul {
    padding: 20px 20px 0 20px;
}

.s3Left ul li {
    width: 47%;
    height: 43px;
    line-height: 43px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 8px;
    float: left;
    background: rgb(244, 244, 244);
    color: rgb(102, 102, 102);
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 20px;
    transition: all .8s;
}

.s3Left ul li:hover {
    background: rgb(223, 61, 62);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 192, 192);
    cursor: pointer;
}

.s3Right {
    width: 59%;
    float: right;
}

.s2Middle_tit_span {
    height: 20px;
    line-height: 19px;
    border-left: 3px solid rgb(223, 61, 62);
    display: block;
    font-size: 20px;
    color: rgb(223, 61, 62);
    padding-left: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.s3Table {
    border-radius: 12px;
    border: 1px solid rgb(255, 192, 192);
    margin-bottom: 17px;
}

.s3_table_list {
    height: 102px;

    border-bottom: 1px solid rgb(255, 192, 192);
}

.s3_table_list:last-child {
    height: 152px;
}

.s3_table_list:last-child div {
    line-height: 152px;
}

.s3_table_list div {
    width: 32%;
    line-height: 102px;
    float: left;
    background: rgb(223, 61, 62);
    font-size: 18px;
    color: rgb(255, 255, 255);
    text-align: center;
    border-bottom: 1px solid rgb(211, 123, 123);

}

.s3_left_m {
    width: 33%;
    float: left;
    border-right: 1px solid rgb(255, 192, 192);
}

.s3_left_m li {
    width: 100%;
    height: 52px;
    border-bottom: 1px solid rgb(255, 192, 192);
    font-size: 18px;
    color: rgb(102, 102, 102);
    display: table;
    background: rgb(255, 246, 246);
}

.s3_left_m li p {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.s3_left_m li:hover {
    color: rgb(223, 61, 62);
    text-decoration: underline;
    cursor: pointer;
}

.s3_height {
    height: 49px !important;
    border-bottom: 0 !important;
}

.s3_height1 {
    height: 49px !important;
}

.s3_left_r {
    width: 34.8%;
    float: left;
}

.s3_left_r li {
    width: 100%;
    height: 52px;
    border-bottom: 1px solid rgb(255, 192, 192);
    font-size: 20px;
    color: rgb(102, 102, 102);
    display: table;
    background: rgb(255, 246, 246);
}

.s3_left_r li p {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.s3_left_r li p a {
    width: 67%;
    height: 32px;
    line-height: 32px;
    display: block;
    margin: 0 auto;
    background: rgb(223, 61, 62);
    font-size: 16px;
    color: rgb(255, 255, 255);
    border-radius: 8px;
    transition: all .8s;
    transition: transform 0.8s;
    /*transition: all .8s;*/
}

.s3_left_r li p a:hover {
    /*box-shadow: 0px 0px 20px rgba(0, 0, 0, .3);*/
    background: rgb(252, 182, 41);
    cursor: pointer;
    transform: scale(1.1, 1.1);
}

.s3List {
    display: flex;
    /*padding:0 100px;*/
    margin-bottom: 22px;
    align-items: center;
    justify-content: center;
}

.s3List a {
    font-size: 18px;
    display: inline-block;
    float: left;
    border-right: 1px solid rgb(255, 192, 192);
    padding: 0 30px;
    color: rgb(51, 51, 51);
    position: relative;
    transition: transform 0.8s;
}

.s3List a img {
    width: 12%;
    position: absolute;
    top: -10px;
    right: 7px;
}

.s3List a:hover {
    color: rgb(223, 61, 62);
    cursor: pointer;
    transform: scale(1.1, 1.1);
}

.s3Btn {
    padding: 0 60px;
    display: flex;
}

.s3Btn a {
    /* width:156px;
    height: 32px; */
    width: 344px;
    height: 50px;
    line-height: 50px;
    /* line-height: 32px; */
    display: block;
    background: rgb(223, 61, 62);
    border-radius: 8px;
    margin-right: 50px;
    font-size: 16px;
    color: rgb(255, 255, 255);
    text-align: center;
    transition: transform 0.8s;
}

.s3Btn a:hover {
    cursor: pointer;
    background: rgb(252, 183, 41);
    transform: scale(1.1, 1.1);
}

.s4Left {
    width: 66.2%;
    float: left;
    margin-right: 20px;
}

.s4Left ul {
    width: 100%;
}

.s4Left ul li {
    width: 135px;
    height: 47px;
    line-height: 47px;
    float: left;
    border: 1px solid rgb(204, 204, 204);
    background: rgb(244, 244, 244);
    border-radius: 8px;
    font-size: 20px;
    color: rgb(102, 102, 102);
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
    transition: all .8s;


}

.s4Left ul li:hover {
    background: rgb(223, 61, 62);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 192, 192);
    cursor: pointer;
}

.s4Btn {
    display: flex;
}

.s4Btn a {
    width: 344px;
    height: 50px;
    line-height: 50px;
    display: block;
    float: left;
    background: rgb(223, 61, 62);
    margin-right: 80px;
    border-radius: 8px;
    font-size: 24px;
    color: rgb(255, 255, 255);
    text-align: center;
    transition: all .8s;
}

.s4Btn a:hover {
    cursor: pointer;
    background: rgb(252, 183, 41);
    /*transform: scale(1.1,1.1);*/
}

.s4Right {
    width: 32%;
    float: right;
}

.s4Right ul li {
    width: 100%;
    display: flex;
    height: 50px;
    background: rgb(223, 61, 62);
    border-radius: 8px;
    margin-bottom: 19px;
}

.s4Right ul li p {
    width: 200px;
    font-size: 20px;
    line-height: 50px;
    color: rgb(255, 255, 255);
    float: left;
    text-align: center;
}

.s4Right ul li a {
    width: 167px;
    height: 40px;
    line-height: 40px;
    display: block;
    float: right;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    font-size: 20px;
    color: rgb(223, 61, 62);
    text-align: center;
    margin-top: 5px;
    margin-right: 5px;
    transition: transform 0.8s;

}

.s4Right ul li a:hover {
    cursor: pointer;
    transform: scale(1.1, 1.1);
}

.s5Wrap {
    padding: 30px 20px 30px 80px;
    background: rgb(223, 61, 62);
    margin-bottom: 20px;
}

.s5Left {
    width: 50%;
    float: left;
    margin-right: 100px;
}

.s5Left_p01 {
    font-size: 24px;
    color: rgb(255, 255, 255);
    text-align: center;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 20px;
}

.s5Left_p01 span {
    color: rgb(255, 233, 11);
}

.s5_timeDiv {
    width: 82%;
    margin: 0 auto;
    padding-top: 20px;
    margin-left: 70px;
    /*margin-bottom:30px;*/
    /*margin-left: 80px;*/
}

.timeMonth,
.timeDay {
    width: 35%;
    height: 147px;
    display: block;
    float: left;
    font-size: 100px;
    color: rgb(255 255 255);
    text-align: center;
    line-height: 147px;
    background: url("../image/time_bj.png") no-repeat;
    background-size: 100% 100%;
    position: relative;
}

.timeIco {
    width: 100%;
    position: absolute;
    top: 41%;
    left: 0;
}

.yue2,
.ri {
    float: left;
    height: 147px;
    line-height: 250px;
    font-size: 40px;
    color: rgb(255, 255, 255);
    padding: 0 10px;
    font-weight: 600;
}

.fm1,
.fm2 {
    width: 50%;
    float: left;
}

.fd1,
.fd2 {
    width: 50%;
    float: left;
}

.s5Left_tips {
    width: 100%;
    height: 196px;
    margin: 0 auto;
    background: url("../image/s5_tips.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 30px;
    position: relative;
    margin-bottom: 30px;
}

.s5Left_tips span {
    font-size: 24px;
    color: rgb(255, 255, 255);
    display: block;
    font-weight: 600;
    position: absolute;
    left: 44%;
    letter-spacing: 2.88px;
}

.s5Left_tips p {
    font-size: 16px;
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    padding-left: 25px;
    margin-bottom: 20px;
    letter-spacing: 1.92px;

}

.s5Left_tips p img {
    margin-right: 10px;
    width: 4%;
}

.s5Left_tips p:nth-of-type(1) {
    padding-top: 62px;
}

.s5LeftBtn {
    width: 66%;
    display: block;
    height: 50px;
    line-height: 50px;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    margin: 0 auto;
    font-size: 22px;
    color: rgb(223, 61, 62);
    text-align: center;
    transition: all .8s;

}

.s5LeftBtn:hover {
    cursor: pointer;
    background: rgb(252, 183, 41);
    transform: scale(1.1, 1.1);
    color: rgb(255, 255, 255);
}

.s5Right {
    width: 40.9%;
    float: right;
}

.s5_r_Div {
    background: rgb(255, 255, 255);
    padding: 57px 25px 36px 37px;
}

.s5_r_Div ul {
    border-left: 1px dashed rgb(223, 61, 62);
}

.s5_r_Div ul li {
    margin-left: 45px;
    border-bottom: 1px solid rgb(238, 238, 238);
    padding-bottom: 12px;
    margin-bottom: 20px;
    /*padding-top:11px;*/
    position: relative;
}

.s5_r_Div ul li i {
    width: 15px;
    height: 15px;
    background: rgb(223, 61, 62);
    border-radius: 50%;
    position: absolute;
    left: -52px;
    top: 25px;
}

.s5_p_time {
    font-size: 18px;
    color: rgb(51, 51, 51);
    margin-bottom: 20px;

}

.s5_p_time a {
    font-size: 40px;
    color: rgb(252, 42, 41);
    padding: 0 10px;
}

.s5_p_time02 {
    font-size: 16px;
    color: rgb(102, 102, 102);

}

.s5_p_time02 a {
    color: rgb(252, 42, 41);
}

.s5Ul_div {
    margin-left: 45px;
}

.s5Ul_div p {
    font-size: 16px;
    margin-bottom: 30px;
    height: 22px;
    line-height: 22px;
    position: relative;

}

.s5Ul_div p i {
    width: 10px;
    height: 10px;
    background: rgb(223, 61, 62);
    border-radius: 50%;
    position: absolute;
    left: -50px;
    top: 6px;
}

.s5Ul_div p a {
    color: rgb(223, 61, 62);
    width: 100px;
    display: block;
    float: left;
    cursor: pointer;

}

.s5Ul_div p span {
    color: rgb(102, 102, 102);
    display: block;
    float: left;
    cursor: pointer;
}

.s6Wrap {
    margin-bottom: 20px;
}

.s6left {
    width: 42%;
    float: left;
    border: 1px solid rgb(204, 204, 204);
}

.s6left ul {
    padding: 10px 20px 20px 20px;
    background: rgb(255, 255, 255);
}

.s6left ul li {
    border-bottom: 1px solid rgb(238, 238, 238);
    /*padding:10px 0;*/
    height: 42px;
    line-height: 42px;


}

.s6left ul li p {
    width: 77%;
    height: 42px;
    line-height: 42px;

    display: flex;
    align-items: center;
    /*justify-content: center;*/
    font-size: 16px;
    color: rgb(102, 102, 102);
    transition: all .8s;
    float: left;
}

.s6left ul li p:hover {
    cursor: pointer;
    transform: translateX(3px);
    color: rgb(223, 61, 62);
}

.s6left ul li p img {
    margin-right: 10px;
    width: 6.3%;
}

.s6left ul li a {
    width: 20%;
    height: 32px;
    line-height: 32px;
    display: block;
    background: rgb(223, 61, 62);
    font-size: 16px;
    color: rgb(255, 255, 255);
    border-radius: 8px;
    transition: all .8s;
    transition: transform 0.8s;
    float: right;
    text-align: center;
    margin-top: 5px;
}

.s6left ul li a:hover {
    background: rgb(252, 182, 41);
    cursor: pointer;
    transform: scale(1.1, 1.1);
}

.s6Right {
    width: 56%;
    float: right;
    border: 1px solid rgb(204, 204, 204);
}

.s6RightDiv {
    padding: 20px 20px 20px 20px;
    background: rgb(255, 255, 255);
    display: flex;
}

.s6RightDiv ul {
    float: left;
}

.s6RightDiv ul:nth-of-type(1) {
    width: 40%;
}

.s6RightDiv ul:nth-of-type(2) {
    width: 35%;
}

.s6RightDiv ul:nth-of-type(3) {
    width: 24%;
}

.s6Right_ul01 {
    font-size: 18px;
    color: rgb(223, 61, 62);
    text-align: center;
    margin-bottom: 10px;
}

.s6Right_01 li {
    height: 22px;
    line-height: 22px;
    width: 100%;
    margin-bottom: 5px;
    font-size: 16px;

}

.s6Right_01:nth-child(2) li p span {
    margin-left: 20px;
}

.s6Right_01 li a {

    color: rgb(153, 153, 153);
    display: block;
    float: left;
    margin-right: 28px;
}

.s6Right_01 li p {
    float: left;

    color: rgb(102, 102, 102);
}

.s6Right_01 li p span {
    float: left;
    /* padding: 0 16px; */
    display: inline-block;
    width: 80px;
    text-align: left;
    transition: all .8s;
}

.s6Right_01 li p span:hover {
    cursor: pointer;
    transform: translateX(3px);
    color: rgb(223, 61, 62);
}

.s6Right_01 div {
    height: 22px;
    line-height: 22px;
    width: 100%;
    margin-bottom: 5px;
    text-align: center;
    font-size: 16px;
    transition: all .8s;
    color: rgb(102, 102, 102);
}

.s6Right_01 div:hover {
    cursor: pointer;
    transform: translateX(3px);
    color: rgb(223, 61, 62);
}

.colorHover {
    color: rgb(223, 61, 62) !important;
}


.s7Wrap ul li {
    width: 25%;
    float: left;
    position: relative;
    cursor: pointer;
    transition: all .8s;
}

.s7Wrap ul li:hover {
    cursor: pointer;
    transform: scale(1.1, 1.1);
}

.s7Img {
    width: 100%;
    height: 180px;
}

.s7Wrap ul li p {
    width: 87.6%;
    height: 45px;
    line-height: 45px;
    background: rgb(255, 255, 255, 0.9);
    position: absolute;
    top: 64px;
    left: 19px;
    font-size: 20px;

    color: rgb(223, 61, 62);
    text-align: center;
}

.leftFixed {
    width: 150px;
    height: 310px;
    background: rgb(223, 61, 62);
    border-radius: 12px;
    position: absolute;
    left: 10px;
    top: 249px;
}

.left_fix_ico {
    margin-top: -20px;
}

.a_01 {
    width: 77%;
    display: block;
    margin: 0 auto;
    cursor: pointer;
}

.left_ico {
    display: block;
    float: left;
    width: 24px;
    margin-left: 17px;
    margin-right: 10px;
    margin-top: 1px;
}

.left_fix_p {
    font-size: 20px;
    color: rgb(255 255 255);
    margin-right: 13px;
    cursor: pointer;
    font-weight: 600;
}

.leftUl {
    width: 89%;
    height: 250px;
    background: rgb(255 255 255);
    border-radius: 12px;
    margin: 0 auto;
    margin-top: 5px;
    padding-top: 7px;
}

.leftUl li {
    width: 84%;
    height: 47px;
    line-height: 47px;
    margin: 0 auto;
    border-bottom: 1px dashed rgb(255, 204, 204);
}

.fix01 {
    display: block;
    float: left;
    width: 28%;
    margin-top: 8px;
    margin-right: 6px;
    margin-left: 5px;
}

.left_ul_p {
    float: left;
    font-size: 16px;
    color: rgb(51, 51, 51);
    transition: all .8s;

}

.left_ul_p:hover {
    color: rgb(223, 61, 62);
    cursor: pointer;
    transform: translateX(3px);
}