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

}
html {
    font-size: calc(100vw / 19.2);
    font-weight: 500;
}


.w1200{
    width:13.5rem;

}
.clear{
	clear:both;
}
.foot{
	width: 100%;
    line-height: 0.28rem;
    font-size: 0.2rem;
    color: rgb(51,51,51);
    text-align: center;
    /*background:rgb(51,51,51);*/
    padding:0.23rem 0;
    /*background: rgb(51 51 51);*/
    margin-top:0.3rem;
}

.leftFix{
    width:1.54rem;
    background: -webkit-linear-gradient(top, rgb(112, 147, 246), rgb(95, 134, 246));
    border-radius: 0.1rem;
    padding:0.12rem 0 0.06rem 0;
    position: absolute;
    left: 0.2rem;
    top: 2.6rem;
    border:0.02rem solid rgb(193, 209, 253);

}
.a_01{
    width:100%;
    text-align: center;
    font-size: 0.24rem;
    color:rgb(255,255,255);
    text-shadow: 0px 0.01rem 0.01rem rgb( 47, 89, 207);
    text-align: center;
    font-weight: 900;
}
.leftFix ul{
    width:1.34rem;
    border-radius: 0.06rem;
    background:rgb(255,255,255);
    margin:0 auto;
    margin-top:0.06rem;
    padding:0.2rem 0 0.01rem 0;

}
.leftFix ul li{
    width:100%;
    height: 0.22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.18rem;
    color:rgb(51,51,51);
    margin-bottom:0.2rem;
    transition: all .8s;
}

.leftFix ul li:hover{
    cursor: pointer;
    color:rgb(70,97, 230);
    transform: translateX(3px);
}
.leftFix ul li img{
    width:0.16rem;
    margin-right:0.1rem;
}
.a_02{
    width:1.26rem;

    /*height: 0.05rem;*/
    display: block;
    margin:0 auto;

    margin-top:0.1rem;
    margin-bottom:0.1rem;

}
.backtop{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.18rem;
    color:rgb(255,255,255);
    padding:0.15rem 0;
    cursor: pointer;
}
.backtop img{
    width:0.15rem;
    margin-left: 0.08rem;

}
.chinese{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.18rem;
    color:rgb(255,255,255);
    position: absolute;
    left:0.4rem;
    top:0.3rem;
    cursor: pointer;
}
.chinese span{
    width:0.16rem;
    height: 0.16rem;
    background:rgb(208, 161, 0);
    border-radius: 50%;
    margin-right:0.1rem;

}
.banner{
    width:100%;
    height: 3.5rem;
    background:url("../images/banner.png") no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}
.banner01 {
    background-image: linear-gradient(to bottom,rgb( 255, 255, 255), rgb(255, 240, 219));
    -webkit-background-clip: text;
    color: transparent;
    font-size: 0.5rem;
    font-weight: 900;
    text-align: center;
    padding-top:0.4rem;
    margin-bottom:0.1rem;
}
.banner01::before {
    content: attr(text);
    position: absolute;
    z-index: -1;
    text-shadow: 0 0.04rem 0.01rem rgb(9, 74, 175);
}
.banner02{
    font-size: 0.18rem;
    text-align: center;
    color:rgb(255,255,255);
    letter-spacing: 1px;
    margin-bottom:0.3rem;
}

.bannerBottom{
    width:5rem;
    border:0.02rem solid rgb(255,255,255);
    height: 0.5rem;
    margin:0 auto;
    display: flex;
    margin-bottom:0.3rem;
    background: rgb(248, 251, 255);
    border-radius: 0.97rem;



}
.navTop-l{
    width:1.1rem;
    height: 0.5rem;
    line-height:0.5rem;
    float: left;
    font-size: 0.18rem;
    color:rgb( 70,97, 230);
    text-align: center;
    background: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0.01rem 0.06rem 0px rgb(54, 83, 208, 0.5) inset;
    border-radius: 0.97rem 0  0 0.97rem;

  
}
.navTop-l img{
    width:0.19rem;
    height: 0.22rem;
    margin-right:0.1rem;


}


.navTop-l p{
    font-size: 0.28rem;
    color:rgb(186,38,26);
    float: left;
    font-weight: 500;
    
}
.box_div{
    width:calc(100% - 1.1rem);
    height: 0.5rem;
    float:left;
    /*padding-left:0.35rem;*/
    background: rgb(54, 83, 208);
    border-radius: 0 0.97rem  0.97rem  0;
    box-shadow: 0px 0.01rem 0.06rem 0px rgb(0, 0, 0, 0.4) inset;
}

#scrollDiv{
    overflow:auto;
}
.scrollText{
    width:100%;
    height:0.5rem;
    min-height:0.20rem;
    line-height:0.20rem;
    float:left;
    overflow:hidden;
}
.scrollText li{
    height:0.5rem;
    line-height: 0.5rem;
    padding-left:0.2rem;
    font-size: 0.18rem;
    color:rgb(255,255,255);
    font-weight: 500;
    cursor: pointer;
}
.scrollText li img{
    width:0.27rem;
}
.btn{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0 3.3rem;
}
.btn a{
    width:1.9rem;
    height: 0.44rem;
    line-height: 0.44rem;
    background:rgb(232, 236, 255);
    border:0.02rem solid rgb(232, 236, 255);
    display: block;
    font-size: 0.2rem;
    color:rgb(51, 76 ,196);
    text-align: center;

    border-radius: 0.02rem;
    transition: all .8s;

}
.btn a:hover{
    background:rgb(54, 83, 208);
    color:rgb(255, 255 ,255);
    cursor: pointer;
}
.nav{
    height: 0.6rem;
    line-height: 0.6rem;
    background:rgb(112, 147, 246);
    margin-bottom:0.2rem;
}
.navDiv{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.navDiv a{
    width:1.675rem;
    display: block;
    font-size: 0.2rem;
    color:rgb(255, 255 ,255);
    text-align: center;
    border-right:1px solid rgb(152 ,179, 255);
}
.nav_active{
    background:rgb(230, 190, 70);
    color:rgb(255,255,255);
    cursor: pointer;
}
.s1Wrap,.s2Wrap,.s4Wrap,.s5Wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:0.4rem;
}
.s1Left{
    width:2.3rem;
    background:rgb(255,255,255);
    padding-bottom:0.15rem;
}
.title{
    height: 0.48rem;
    border-bottom:1px solid rgb( 216, 216, 216);
    margin-bottom:0.2rem;
}
.title p{
    height: 0.26rem;
    line-height: 0.26rem;
    border-left: 2px solid rgb(70, 97, 230);
    font-size: 0.21rem;
    color:rgb(51, 51 ,51);
    text-indent: 0.15rem;
    margin-left: 0.2rem;
    margin-top:0.2rem;
    font-weight: 500;
}
.s1Left ul{
    /*padding:0.2rem 0 0.15rem 0;*/
    position: relative;
    border-left:1px dashed rgb(238, 238, 238);
    margin-left: 0.25rem;

}
.s1_a{
    width:1px;
    height: 2.36rem;
    position: absolute;
    left: 0.213rem;
    /*top:0.1rem;*/



}
.s1Left ul li{
    height: 0.22rem;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    font-size: 0.18rem;
    color:rgb(51, 51 ,51);
    margin-bottom:0.15rem;
    cursor: pointer;
    position: relative;
}
.s1_01{
    width:0.11rem;
    display: block;
    position: absolute;
    left: -0.065rem;


}
.s1_02{
    width:0.75rem;
    display: block;
    margin:0 0.1rem;
    
}
.s1Middle{
    width:4.8rem;
    background:url("../images/s1_bj.png") no-repeat;
    background-size: 100% 100%;

}
.s1_m_p{
    width:2.2rem;
    height: 0.4rem;
    line-height: 0.4rem;

    border:0.02rem solid rgb(173, 220, 255);
    background:rgb(19, 76, 226);
    font-size: 0.22rem;
    color:rgb(255, 255 ,255);
    border-radius: 0.2rem 0.2rem 0.2rem 0;
    margin:0 auto;
    text-align: center;
    margin-top:0.83rem;
    font-weight: 500;

}
.s1Middle img{
    width:3.99rem;
    display: block;
    margin:0 auto;
    margin-top:0.25rem;
    margin-bottom:0.4rem;
}
.s1_m_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 0.22rem;
    padding:0 0.5rem;
    color:rgb(255,255,255);
    font-weight: 500;


}
.s1_m_list a{
    color:rgb(255,255,255);

    
    
}
.s1_m_list a:hover{
    color:rgb(230, 190, 70);
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
}
.s1Right{
    width:5.8rem;
    background:rgb(255,255,255);
}
.s1Right ul{
    padding:0 0.2rem 0.2rem 0.2rem;

}
.s1Right ul li{
    font-size: 0.18rem;
    color:rgb(51,51,51);
    margin-bottom:0.12rem;
    transition: all .8s; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0.002rem;
}
.s1Right ul li:hover{
    color: rgb(70, 97, 230);
    cursor: pointer;
    transform: translateX(3px);
}
.s2Left{
    width:8.8rem;

}
.s2Title{
    font-size: 0.24rem;
    color:rgb(51,51,51);
    font-weight: 900;
    margin-bottom:0.2rem;

}
.s2Left ul{
    background:rgb(255,255,255);
    padding:0.2rem;
}
.s2Left ul ol{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s2Left ul ol li{
    width:1.25rem;
    height: 0.4rem;
    line-height: 0.4rem;
    background:rgb(235, 238, 255);
    font-size: 0.2rem;
    color:rgb(51,51,51);
    text-align: center;
    margin-bottom:0.15rem;
    font-weight: 500;

}
.s2Left ul ol li:hover{
    background:rgb(70, 97, 230);
    color:rgb(255,255,255);
    cursor: pointer;
}
.s2Btn{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0 1.96rem;
}
.s2Btn a{
    width:2rem;
    height: 0.4rem;
    line-height: 0.4rem;
    display: block;
    font-size: 0.2rem;
    color:rgb(70, 97, 230);
    text-align: center;
    border:1px solid rgb(70, 97, 230);
    background:rgb(245, 246, 249);
    font-weight: 500;
}
.s2Btn a:hover{
    background:rgb(70, 97, 230);
    color:rgb(255,255,255);
    cursor: pointer;
}

.s2Right ul {
    width:4.3rem;

}
.s2Right ul li{
    width:100%;
    height:0.52rem;
    line-height: 0.52rem;

    background:url("../images/s2_ico.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:0.24rem;
    transition: all .8s; 

}
.s2Right ul li:hover{
    cursor: pointer;
    transform: translateX(-3px);

}
.s2Right ul li span{
    width:58%;
    text-align: center;
    font-size: 0.21rem;
    display: block;
    float: left;
    color:rgb(255,255,255);
    font-weight: 500;

}
.s2Right ul li p{
    width:42%;
    font-size: 0.18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    color:rgb(70, 97, 230);
    
    font-weight: 500;
} 

.s2Right ul li p img{
    width:0.1rem;
    height: 0.13rem;
    margin-left:0.05rem;

}
.s2_r{
    width:1.8rem;
    float: left;
    height: 0.5rem;
    line-height: 0.5rem;
    display: block;
    font-size: 0.2rem;
    color:rgb(70, 97, 230);
    text-align: center;
    border:1px solid rgb(70, 97, 230);
    background:rgb(245, 246, 249);
    font-weight: 500;
    margin-left: .44rem;
}
.s2_r:hover{
    background:rgb(70, 97, 230);
    color:rgb(255,255,255);
    cursor: pointer;
}
.s3Wrap{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:0.4rem;
}
.s3Left{
    width:2.4rem;
    background:rgb(255,255,255);
    padding-bottom:0.15rem;
}
.s3Left ul{
    padding:0 0.13rem;

}
.s3Left ul li{
    /*width:1.85rem;*/
    height: 0.36rem;
    border:1px solid rgb(161, 175, 242);
    font-size: 0.16rem;
    color:rgb(70, 97, 230);
    background-image: linear-gradient(to bottom,rgb( 255, 255, 255), rgb(238, 241, 255));
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:0.16rem;
}
.s3Left ul li:hover{
    color:rgb(255,255,255);
    background-image: linear-gradient(to bottom,rgb(93, 118, 245), rgb(52, 80, 216));
    cursor: pointer;
}
.s3Left ul li img{
    width:0.09rem;
    margin-left:0.03rem;
}
.s3Middle{
    width:8.1rem;
    background:rgb(255,255,255);
}
.s3Middle ul p{
    font-size: 18px;
    color: #2f59cf;
}
.s3Middle ul{
    float: left;
    color: #555;
}
.ulli1{
    width: 45%;
    text-align: center;
}
.ulli1 li{
    float: left;
    width: 30%;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
}
.ulli2{
    width: 30%;
    text-align: center;
}
.ulli2 li{
    float: left;
    width: 48%;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
}
.ulli3{
    width: 25%;
    text-align: center;
}
.ulli3 li{
    width: 100%;
    height: 27px;
    line-height: 27px;
    font-size: 14px;
}
.s3Middle li:hover{
    cursor: pointer;
    transform: scale(1.05,1.05);
    transition: .5s;
    color: rgb( 47, 89, 207);
}


.s3Right{
    width:5rem;
    background:rgb(255,255,255);
}
.s3Right ul{
    padding:0rem 0.05rem 0.15rem 0.2rem;
}
.box4{
   
}
.box4 p{
    text-align: center;
    font-size: .20rem;
}
.time{
    width: 57%;
    height: .9rem;
    font-size: .60rem;
    margin: .4rem auto;
}
.tim1,.tim2{
    width: 35%;
    height: .9rem;
    line-height: .9rem;
    text-align: center;
    float: left;
    font-weight: bolder;
    color: rgb( 47, 89, 207);
    border-radius: .1rem;
    box-shadow: 0px 0px 10px rgb(156, 182, 255);
}
.time b{
    float: left;
    font-size: .22rem;
    font-weight: normal;
    line-height: .9rem;
    margin: .1rem;
}


.s4Div{
    width:5.2rem;
    background:no-repeat;
    background-size: 100% 100%;

}
.s4Div_p01{
    width:1.8rem;
    height: 0.42rem;
    line-height: 0.42rem;
    text-align: center;
    background:rgb(230, 190, 70);
    border-radius: 0.21rem;
    font-size: 0.24rem;
    color:rgb(255,255,255);
    text-align: center;
    margin:0 auto;
    margin-top:0.95rem;
    font-weight: 900;


}

.s4_01{
    width:3.9rem;
    display: block;
    /*margin:0 auto;*/
    margin:0.3rem auto;
}
.s4Div_p02{
    font-size: 0.36rem;
    color:rgb(255, 255, 255);
    text-align: center;
    text-shadow: 0px 0.02rem 0px rgb(42 ,56, 179);
    margin-bottom:0.99rem;
    font-weight: 500;
}
.s4Div_p02:hover{
    text-decoration: underline;
}
.s4Ul{
    width:8rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s4Ul li{
    width:3.87rem;
    background:rgb(255,255,255);
    margin-bottom:0.2rem;
    transition: all .8s; 
}


.s4Ul li:hover{
    cursor: pointer;
    transform: scale(1.05,1.05);

}
.s4_ul_div{
    padding:0 0.2rem 0.15rem 0.2rem;
    font-size: 0.2rem;
    color:rgb(102,102,102);
    /*text-align: center;*/
}
.more{
    font-size: 0.16rem;
    color:rgb(223, 63, 63);
    display: block;
    float: right;
    /*line-height: 0.3rem;*/
    padding-right:0.2rem;
    cursor: pointer;
}
.more:hover{
    text-decoration: underline;
}
.s4Ul li ol{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding:0 0.4rem;
    padding-bottom:0.1rem;
}
.s4Ul li ol a{
    width:1.4rem;
    height: 0.36rem;
    line-height: 0.36rem;

    background:rgb(235, 238, 255);
    border-radius: 0.02rem;
    display: block;
    font-size: 0.18rem;
    color:rgb(70, 97, 230);
    text-align: center;
    margin-bottom:0.1rem;
}
.s4Ul li ol a:hover{
    background:rgb(70, 97, 230);
    color:rgb(255,255,255);
    cursor: pointer;
}
.s5Left{
    width:5.2rem;
    background:rgb(255,255,255);

}
.s5Left ul{
    padding:0 0.2rem;

}
.s5Left ul li{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:0.2rem;

}
.s5Left ul li p{
    font-size: 0.18rem;
    color:rgb(51,51,51);
}
.s5Left ul li a{
    width:0.84rem;
    height: 0.32rem;
    line-height: 0.32rem;
    background:rgb(235, 238, 255);
    border-radius: 0.02rem;
    display: block;
    font-size: 0.16rem;
    color:rgb(70, 97, 230);
    text-align: center;


}
.s5Left ul li a:hover{
    background:rgb(70, 97, 230);
    color:rgb(255,255,255);
    cursor: pointer;
}
.s5Right{
    width:9rem;
    background: rgb(255,255,255);
}
.s5Ul{
    padding:0 0.25rem 0.15rem 0.25rem ;

}
.s5Ul_a {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:0.1rem;
}
.s5Ul_a a{
    font-size: 0.18rem;
    color:rgb(70, 97, 230);
    font-weight: 500;
}
.s5Ul li{
    font-size: 0.2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:0.05rem;

}
.s5Ul li p{
    color:rgb(155,155,155);

}
.s5Ul li a{
    /*width:0.7rem;*/
    text-align: left;
    color:rgb(102,102,102);
    cursor:pointer;

    transition: all .8s;
}
.s5Ul li a:hover{
    cursor: pointer;
    /*border:1px solid rgb(3, 58, 99);*/
    transform: scale(1.05,1.05);
}
.s6Wrap{

}
.s6Title{
    font-size: 0.24rem;
    color:rgb(51,51,51);
    font-weight: 900;
    margin-bottom:0.2rem;

}
.s6Wrap ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s6Wrap ul li{
    width:2.8rem;
    background:rgb(255,255,255);
    border-radius: 0.02rem;
    padding:0.2rem;
    border:1px solid rgb(255,255,255);
    transition: all .8s;
    cursor: pointer;

}
.s6Wrap ul li:hover{
    transform: scale(1.01,1.01);
}
.s6Wrap ul li img{
    width:100%;
    display: block;
}
.s6Wrap ul li p{
    margin:0.15rem 0;
    font-size: 0.24rem;
    color:rgb(51,51,51);
    font-weight: 600;
    text-align: center;
}
.s6Wrap ul li span{
    display: block;
    font-size: 0.2rem;
    color:rgb(102,102,102);
    margin-bottom:0.16rem;

}
.s6Wrap ul li a{
    width:1.3rem;
    height: 0.36rem;
    line-height: 0.36rem;
    display: block;
    background:rgb(235, 238, 255);
    border-radius: 0.02rem;
    margin:0 auto;
    font-size: 0.18rem;
    color:rgb(70, 97, 230);
    text-align: center;
    transition: all .8s;

}

.s2_r2{
    width:80%;
    height: 0.4rem;
    line-height: 0.4rem;
    display: block;
    font-size: 0.2rem;
    color:rgb(70, 97, 230);
    text-align: center;
    border:1px solid rgb(70, 97, 230);
    background:rgb(245, 246, 249);
    font-weight: 500;
    margin: 0px auto;
}
.s2_r2:hover{
    background:rgb(70, 97, 230);
    color:rgb(255,255,255);
    cursor: pointer;
}



.s2Leftaa{
    width:4.5rem;

}
.s2Title{
    font-size: 0.24rem;
    color:rgb(51,51,51);
    font-weight: 900;
    margin-bottom:0.2rem;

}
.s2Leftaa ul{
    background:rgb(255,255,255);
    padding:0.2rem;
}
.s2Leftaa ul ol{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.s2Leftaa ul ol li{
    width:1.25rem;
    height: 0.58rem;
    line-height: 0.58rem;
    background:rgb(235, 238, 255);
    font-size: 0.2rem;
    color:rgb(51,51,51);
    text-align: center;
    margin-bottom:0.15rem;
    font-weight: 500;

}
.s2Leftaa ul ol li:hover{
    background:rgb(70, 97, 230);
    color:rgb(255,255,255);
    cursor: pointer;
}