header {
    background: #FFFFFF;
}

header a {
    font-family: 'SourceHanSansCN-Light';
    color: #2362DE;
}

.header_nav b {
    position: absolute;
    height: 3px;
    width: 0%;
    background: #2362DE;
    top: 77px;
    left: 0;
    margin-left: -22%;
}

.banner {
    width: 100%;
    height: 100%;
    margin-top: 80px;
}

.banner>img {
    width: 100%;
    height: 540px;
}

.give_view {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 36px 0px;
    background: #eeee;
}

.give_view>.give>p:nth-child(1) {
    font-size: 58px;
    letter-spacing: 2px;
    font-weight: bolder;
    color: #000000;
}

.give>p:nth-child(2) {
    background: #000;
    color: #fff;
    border-radius: 16px;
    font-size: 24px;
    margin-top: 24px;
    padding: 4px 12px;
}

.title_view {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 24px;
    background: #eeee;
}

.title_view>li {
    width: 36%;
    /* border: 1px solid #000; */
    /* border: 1px solid #000; */
    margin-bottom: 24px;
    /* display: flex;
    justify-content: center;
    align-items: center; */
}

.title_view>li:nth-child(odd) {
    margin-right: 70px;
    /* flex-direction: row; */
    display: flex;
    justify-content: flex-end;
    /* flex-direction: row-reverse; */
}

.title_view>li:nth-child(even) {}

.title {
    width: 200px;
    height: 40px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    position: absolute;
    top: 14px;
    left: -42px;
    background: url('../img/banner/lwfw_round.png') no-repeat;
}

.txt {
    width: 70%;
    background: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 160px;
    position: relative;
    border-radius: 14px;
}

.txt:nth-child(odd) {
    flex-direction: row;
}

.t {
    width: 80%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    /* border: 1px solid red; */
    margin-top: 50px;
}

.t>p {
    font-size: 18px;
    margin-left: 24px;
    margin-bottom: 4px;
}

.hader_view {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #eeee;
}

.hader_view>p {
    font-size: 48px;
    font-weight: bolder;
    padding: 0px 24px;
    margin-bottom: 24px;
}

.hader_view>p:nth-child(1) {
    color: #FF100B;
}

.hader_view>p:nth-child(2) {
    color: #010101;
    border-left: 5px solid #000;
}

.card_view {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: #eeee;
}

.card {
    width: 40%;
    /* border: 1px solid #000; */
    position: relative;
    margin-bottom: 24px;
}

.card_special {
    margin-right: 200px;
    display: flex;
    justify-content: flex-end;
}

.special {
    width: 60%;
    display: flex;
    /* border: 1px solid #000; */
    justify-content: center;
    align-items: center;
    margin-bottom: 48px;
}

.blue_card {
    width: 200px;
    font-size: 28px;
    background: #2279EA;
    padding: 36px 24px;
    color: #fff;
    font-weight: bolder;
}

.card_txt {
    width: 300px;
    background: #fff;
    position: relative;
    top: -22px;
    left: 26px;
    padding: 24px;
    font-size: 28px;
    letter-spacing: 2px;
    border-radius: 0px 0px 60px 0px;
}

.process_view {
    background: #eeee;
}

.process_hader {
    display: flex;
    justify-content: center;
    align-items: center;
}

.process_hader>div>p:nth-child(1) {
    font-size: 36px;
    color: #030303;
    text-align: center;
    letter-spacing: 2px;
    margin-bottom: 24px;
}

.process_hader>div>p:nth-child(2) {
    font-size: 18px;
    background: #030303;
    border-radius: 24px;
    color: #fff;
    letter-spacing: 2px;
    padding: 4px 48px;
}

.process {
    display: flex;
    justify-content: center;
    margin-top: 48px;
}

.process>li {
    background: #2175E9;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    color: #fff;
    margin-right: 24px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    margin-bottom: 48px;
}

.process>li>p {
    font-size: 28px;
    letter-spacing: 2px;
}

.process>li>div>p:nth-child(1) {
    margin-bottom: 8px;
    font-size: 32px;
}

section {
    position: relative;
}

.seek {
    position: fixed;
    right: 1%;
    top: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* position: relative; */
}

.btn_view>button {
    padding: 12px 26px 12px 10px;
    width: 8px;
    /* height: 40px; */
    font-size: 18px;
    text-align: center;
    background: #2175E9;
    color: #fff;
    border-radius: 6px;
    border: none;
}

.seek_info {
    background: #fff;
    margin-right: 24px;
    padding: 16px;
    border-radius: 16px;
    position: relative;
    display: none;
}
.seek_info>div{
    width: 0;
    height:0;
    border-top:10px solid transparent;
    border-left:10px solid #fff ;
    border-bottom:10px solid transparent;
    position: absolute;
    right: -5%;
    top: 45%;
}
.center{
    font-size: 18px;
    font-weight: bolder;
    display: flex;
    justify-content: center !important;
    margin-bottom: 8px;
}
.seek_info>p{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}
.seek_info>p>span:nth-child(1){
    margin-right: 24px;
}
.btn_view{
    height: 180px;
    line-height: 140px;
    /* border: 1px solid #000; */
}