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

}
.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("../images/banner.jpg") no-repeat;
    background-size: 100% 100%;
}
.bannerLeft{
    width:50%;
    float: left;
}
.banner01{
    width:97%;
    padding-top:46px;
    cursor: pointer;
    
} 
.banner02{
    width:97%;
    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 rgba( 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:37%;
    height: 290px;
    float: left;
    background:url("../images/s1img.jpg") no-repeat;
    background-size: 100% 100%;
    margin-right:20px;

}
.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:40%;
    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("../images/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("../images/s1right_01.jpg") no-repeat;
    background-size: 100% 100%;
}
.s2Right_li02{
    background: url("../images/s1right_02.jpg") no-repeat;
    background-size: 100% 100%;
}
.s2Right_li03{
    background: url("../images/s1right_03.jpg") no-repeat;
    background-size: 100% 100%;
}
.s2Right_li04{
    background: url("../images/s1right_04.jpg") 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, 197, 197);
    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, 197, 197);
    margin-bottom:17px;
}

.s3_table_list{
    height: 102px;

    border-bottom:1px solid rgb(255, 197, 197);
}
.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( 255, 197, 197);

}
.s3_left_m{
    width:33%;
    float: left;
    border-right:1px solid rgb(255, 197, 197);
}
.s3_left_m li{
    width:100%;
    height: 52px;
    border-bottom:1px solid rgb(255, 197, 197);
    font-size: 18px;
    color:rgb(102,102,102);
    display: table;
    background:rgb(252, 249, 249);
}
.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_left_r{
    width:34.8%;
    float: left;
}
.s3_left_r li{
    width:100%;
    height: 52px;
    border-bottom:1px solid rgb(255, 197, 197);
    font-size: 20px;
    color:rgb(102,102,102);
    display: table;
    background:rgb(252, 249, 249);
}
.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, 197, 197);
    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;
    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, 197, 197);
    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;
}
.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("../images/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("../images/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;
    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;
    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;
}*/
.s5_Wrap{
    padding-top:10px;
    margin-bottom:20px;
}
.s5Left{
    width:90%;
    /*height: 564px;*/
    border:1px solid rgb(184,186,192);
    border-radius: 20px;
    margin:0 auto;
    background: rgb(255,255,255);
}
.s5Left img{
    width:57.5%;
    display: block;
    float: left;
}
.s5_left_ul{
    width:auto;
    float: left;
}
.s5_left_ul p{
    font-size: 28px;
    color:rgb( 51, 51, 51);
    text-align: center;
    font-weight: 600;
    margin-top:50px;
    margin-bottom:30px;
}
.s5_left_ul p em{
    color:rgb(223,61,62);
}
.s5_left_ul{
    padding:0 38px;
}
.s5_left_ul li{
    height: 40px;
    line-height: 40px;
    margin-bottom:24px;
}

.s5_left_ul li span{
    font-size: 18px;
    color:rgb( 51, 51, 51);
    font-weight: 500;
    float: left;
    width:276px;

}
.s5_left_ul li a{
    width:107px;
    height: 40px;
    line-height: 40px;
    display: block;
    float: right;
    background:rgb( 223,61,62);
    box-shadow: 0px 4px 0px 0px rgb(119,31,29);
    border-radius: 12px;
    font-size: 18px;
    color:rgb(255,255,255);
    text-align: center;
    font-weight: 500;
    cursor: pointer;
    transition: transform 0.5s;
}

.s5_left_ul li a:hover{
    transform: scale(1.1,1.1);
    cursor: pointer;
}
.s6Wrap{
    margin-bottom:20px;
}
.s6left{
    width:42%;
    float: left;
    border:1px solid rgb( 204, 204, 204);
    margin-right:20px;
}
.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:43%;
}
.s6RightDiv ul:nth-of-type(2){
     width:33%;
}
.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 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;
    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{

}
.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, 197, 197);
}

.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);
}