/********************* common ***********************/
.main > div{
    width: 100%;
    height: 100%;
    position: relative;
    display: none;
}



/********************* Chapter1 ***********************/
/********************* Chapter1 ***********************/
/********************* Chapter1 ***********************/
/********************* Chapter1 ***********************/
.Chapter1 { 
    display: none
}

.Chapter1_gray {
    -webkit-filter: grayscale(100%);
    filter:progid:DXImageTransform.Microsoft.BasicImage(graysale=1);
    opacity: .4;
    display:flex!important;
}

.Chapter1 .text {
    width: 684px;
    height: 490px;
    background: url(../imgs/main/wrhtext.png) center center / 100% 100% no-repeat;
    position: absolute;
    top: 230px;
    left: 31px;
}

.Chapter1 .text_shadow {
    width: 1200px;
    height: 1000px;
    background: #f4f4f4;
    position: absolute;
    z-index: 1;
    transform: rotate(57deg);

    top: -182px;
    left: -277px;
}

.Chapter1 .text_og {
    position: absolute;
    top: 771px;
    left: 43px;
    border-top: 3px solid #c8102e;
    border-bottom: 3px solid #c8102e;
    font-size: 40px;
    padding-bottom: 25px;
    padding-top: 25px;
    color: #c8102e;
    width: 662px;
    text-align: center;
    z-index: 2;
    opacity: 0;
    
}

.Chapter1 .logo {
    position: absolute;
    top: 1104px;
    left: 330px;
    background: url(../imgs/common/index_logo.png) center center / 100% 100% no-repeat;
    width: 93px;
    height: 94px;
}

.Chapter1 .index_svg {
    left: 355px;
    top: 1270px;
    height: 60px;
    width: 39px;
    position: absolute;
    bottom: 30px;
}

#indexSvg {
    position: relative;
    z-index: 2;
}

/* Chapter1隐藏圆点 */
.Chapter1 .pie {
    opacity: 0;
}

.text_shadow_animate{
    animation: text_shadow_animate 1.5s .5s forwards;
}

.text_og_animate{
    animation: text_og_animate .4s 2s forwards;
}


/********************* Chapter2 ***********************/
/********************* Chapter2 ***********************/
/********************* Chapter2 ***********************/
/********************* Chapter2 ***********************/
/* .slide_hwgk_start {
    animation: slide_hwgk_start .6s linear;
}
.slide_hwfb_start {
    animation: slide_hwfb_start .6s linear;
}
.slide_hwsr_start {
    animation: slide_hwsr_start .6s linear;
}
.slide_hwgk_end {
    animation: slide_hwgk_end .6s linear;
}
.slide_hwfb_end {
    animation: slide_hwfb_end .6s linear;
}
.slide_hwsr_end {
    animation: slide_hwsr_end .6s linear;
} */

.Chapter2 {
    color: #595757;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.Chapter2 > .box{
    width: 598px;
    background: #fefcfc;
    /* display: none; */
    border: 1px solid #d2d2d2;
    border-radius: 1px;
    box-shadow: 0 0 10px #d2d2d2;
}
.Chapter2 .hwgk {
    display: flex;
    height: 260px;
    flex-direction: column;
    position: absolute;
    top: 80px;
}
.Chapter2 .hwgk a{
    font-size: 40px;
    text-align: center;
    padding: 28px;
}
.Chapter2 .hwgk i{
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 50%;
    background: #c8102e;
    position: relative;
    top: 30px;
    left: 45px;
}

.Chapter2 .hwgk p{
    padding-top: 0px;
    padding-left: 71px;
    padding-right: 51px;
    line-height: 38px;
}

.Chapter2 .bigFontRed {
    font-size: 36px;
    margin-left: -5px;
    color: #c8102e;
}

.Chapter2 .hwfb {
    margin-top: 28px;
    height: 426px;
    justify-content: center;
    position: absolute;
    top: 340px;
    display: flex;
}

.Chapter2 .hwfb_left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 40px;
}

.Chapter2 .hwfb_left i:nth-child(1) {
    width: 51px;
    height: 76px;
    background: url(../imgs/main/hwfb_right01.png) center center / 100% 100% no-repeat;
}

.Chapter2 .hwfb_left i:nth-child(2) {
    margin:50px auto;
    width: 222px;
    height: 103px;
    background: url(../imgs/main/hwfb_right02.png) center center / 100% 100% no-repeat;
}

.Chapter2 .hwfb_left i:nth-child(3) {
    width: 197px;
    height: 93px;
    background: url(../imgs/main/hwfb_right03.png) center center / 100% 100% no-repeat;
}

.Chapter2 .hwfb_right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: -20px;
}

.Chapter2 .hwfb_right p:nth-child(2) {
    margin: 80px auto;
}

.Chapter2 .hwsr {
    display: flex;
    top: 795px;
    position: absolute;
    margin-top: 28px;
    flex-direction: column;
    height: 421px;
    align-items: center;
}

.Chapter2 .hwsr p:nth-child(1) {
    margin-top: 48px;
    margin-left: -364px;
}

.Chapter2 .hwsr p:nth-child(2) {
    margin-top: 10px;
    margin-left: -134px;
}

.Chapter2 .hwsr i {
    margin-top: 20px;
    width: 439px;
    height: 232px;
    background: url(../imgs/main/hwsr_table_EN.png) center center / 100% 100% no-repeat;
}

/********************* Chapter3 ***********************/
/********************* Chapter3 ***********************/
/********************* Chapter3 ***********************/
/********************* Chapter3 ***********************/
.Chapter3 {
    color: #595757;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
}

.owns_animateion {
    animation: text_og_animate .8s forwards;
}

.Chapter3 .owns{
    position: absolute;
    top: 389px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}

.Chapter3 .owns .owns_pic {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 44px;
}

.Chapter3 .owns .owns_pic li:nth-child(2) {
    padding: 140px 0;
}

.Chapter3 .owns .owns_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 35px;
    /* align-items: center; */
}

.Chapter3 .owns .owns_text li:nth-child(2) {
    padding: 213px 0;
}

.Chapter3 .owns .error {
    display: none;
    position: absolute;
    left: 49px;
}

.Chapter3 .owns .error li:nth-child(2){
    padding: 170px 0;
}

.Chapter3 .owns .error_line {
    display: none;
    width: 639px;
    flex-direction: column;
    position: absolute;
}
.error_line_animation {
    animation: error_line_animation .6s forwards;
}

.error_line_animation_y_1 {
    animation: error_line_animation_y .6s forwards;
}

.error_line_animation_y_2 {
    animation: error_line_animation_y .6s .3s forwards;
}

.error_line_animation_y_3 {
    animation: error_line_animation_y .6s .6s forwards;
}

.Chapter3 .owns .error_line li:nth-child(1) {
    opacity: 0;
    transform: translateX(-415px);
    width: 639px;
    height: 29px;
    background: url(../imgs/main/linebar.png) center center / 100% 100% no-repeat;
}
.Chapter3 .owns .error_line li:nth-child(2){
    margin: 217px 0;
    opacity: 0;
    transform: translateX(-415px);
    width: 639px;
    height: 29px;
    background: url(../imgs/main/linebar.png) center center / 100% 100% no-repeat;
}
.Chapter3 .owns .error_line li:nth-child(3){
    opacity: 0;
    transform: translateX(-415px);
    width: 639px;
    height: 29px;
    background: url(../imgs/main/linebar.png) center center / 100% 100% no-repeat;
}

.Chapter3 .summary {
    display: flex;
    flex-direction: column;
    align-items: center;
    display: none;
}
.Chapter3 .summary p{
    text-align: center;
    font-size: 50px;
    margin-bottom: 50px;
    animation: summary_p_animation .8s ;
}
.Chapter3 .summary i{
    display: block;
    width: 475px;
    height: 182px;
    background: url(../imgs/main/hands.png) center center / 100% 100% no-repeat;
    animation: summary_i_animation .8s ;
}

/******************************** Chapter4  ************************************/
/******************************** Chapter4  ************************************/
/******************************** Chapter4  ************************************/
/******************************** Chapter4  ************************************/

.Chapter4 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #595757;
    display: none;
}

.module02_02_flower01_img_animation {
    display: flex!important;
    animation: module02_02_flower01_img_animation .5s linear;
}

.module02_02_flower01_img_animation_end {
    animation: module02_02_flower01_img_animation_end .5s linear forwards;
}
.module02_02_flower02_img_animation_end {
    animation: module02_02_flower02_img_animation_end .5s linear forwards;
}
.module02_02_flower03_img_animation_end {
    animation: module02_02_flower03_img_animation_end .5s linear forwards;
}
.module02_02_flower04_img_animation_end {
    animation: module02_02_flower04_img_animation_end .5s linear forwards;
}
.module02_02_flower05_img_animation_end {
    animation: module02_02_flower05_img_animation_end .5s linear forwards;
}
.module02_02_flower06_img_animation_end {
    animation: module02_02_flower06_img_animation_end .5s linear forwards;
}

.module02_02_flower01_animation {
    display: flex!important;
    animation: module02_02_flower01_animation .5s linear;
}
.module02_02_flower04_animation {
    display: flex!important;
    animation: module02_02_flower04_animation .5s linear;
}

.Chapter4 > .module02_02_cotent {
    position: relative;
    left: -370px;
    display: none;
    top: -616px;
}

.Chapter4 .module02_02_center {
    /* display: flex; */
    align-items: center;
    position: absolute;
    flex-direction: column;
    top: 670px;
    left: 274px;
    text-align: center;
    justify-content: center;
    width: 200px;
}

.Chapter4 .module02_02_center p {
    font-size: 58px;
    color: #c8102e;
    font-weight: bold;
    /* display: none; */
}

.Chapter4 .module02_02_center i {
    font-size: 30px;
    margin-top: 10px;
    /* color: #c8102e; */
    /* display: none; */
}
.title_cn_small {
    color: #5c5a5a;
    font-size: 30px;
    font-weight: 500;
}

.Chapter4 .module02_02_flower01_img {
  
    transform-origin: 100% 0%;
    position: absolute;
    top: 707px;
    left: 146px;
}

.Chapter4 .module02_02_flower02_img {
    transform-origin: 100% 100%;
    position: absolute;
    top: 580px;
    left: 173px;
}
.Chapter4 .module02_02_flower03_img {
    transform-origin: 100% 100%;
    position: absolute;
    top: 491px;
    left: 273px;
}
.Chapter4 .module02_02_flower04_img {
    transform-origin: 0% 100%;
    position: absolute;
    top: 491px;
    left: 407px;
}
.Chapter4 .module02_02_flower05_img {
    transform-origin: 0% 100%;
    position: absolute;
    top: 580px;
    left: 445px;
}
.Chapter4 .module02_02_flower06_img {
    transform-origin: 0% 10%;
    position: absolute;
    top: 707px;
    left: 459px;
}
.Chapter4 .module02_02_flower01 {
    position: absolute;
    top: 664px;
    left: 18px;
    /* display: flex; */
    flex-direction: column;
}
.Chapter4 div i {
    font-size: 24px;
}
.Chapter4 .module02_02_flower01 i:nth-child(1) {
    margin-bottom: 5px;
    width: 150px;
    margin-left: -22px;
}
.Chapter4 .module02_02_flower01 i:nth-child(3) {
    margin-top: -10px;
    margin-left: -22px;
}
.Chapter4 .module02_02_flower02 {
    position: absolute;
    top: 534px;
    left: 55px;
    /* display: flex; */
    flex-direction: column;
}
.Chapter4 .module02_02_flower02 i:nth-child(1) {
    margin-bottom: 5px;
    margin-left: -25px;
}
.Chapter4 .module02_02_flower02 i:nth-child(3) {
    margin-top: -10px;
    margin-left: -25px;
}
.Chapter4 .module02_02_flower03 {
    position: absolute;
    top: 441px;
    left: 174px;
    /* display: flex; */
    flex-direction: column;
}
.Chapter4 .module02_02_flower03 i:nth-child(1) {
    margin-bottom: 5px;
    margin-left: -25px;
}
.Chapter4 .module02_02_flower03 i:nth-child(3) {
    margin-top: -10px;
    margin-left: -25px;
}
.Chapter4 .module02_02_flower04 {
    position: absolute;
    top: 440px;
    left: 469px;
    /* display: flex; */
    flex-direction: column;
    /*color: #c8102e;*/
}
.Chapter4 .module02_02_flower04 i:nth-child(1) {
    margin-left: 16px;
    margin-bottom: 5px;
}
.Chapter4 .module02_02_flower04 i:nth-child(3) {
    margin-left: 47px;
    margin-top: -10px;
    color: #c8102e;
}
.Chapter4 .module02_02_flower05 {
    position: absolute;
    top: 534px;
    left: 568px;
    /* display: flex; */
    flex-direction: column;
}
.Chapter4 .module02_02_flower05 i:nth-child(1) {
    margin-bottom: 5px;
    margin-left: 16px;
}
.Chapter4 .module02_02_flower05 i:nth-child(3) {
    margin-top: -10px;
    margin-left: 16px;
}
.Chapter4 .module02_02_flower06 {
    position: absolute;
    top: 664px;
    left: 595px;
    /* display: flex; */
    flex-direction: column;
}
.Chapter4 .module02_02_flower06 i:nth-child(1) {
    margin-bottom: 5px;
    margin-left: 16px;
}
.Chapter4 .module02_02_flower06 i:nth-child(3) {
    margin-top: -10px;
    margin-left: 16px;
}

.module02_03{
    
    justify-content: center;
    align-items: center;
    display: none;
}

.module02_03 .module02_03_pie_z {
    transform: scale(.67);
    z-index: 1;
    display: none;
    position: absolute;
    top: 119px;
    width: 1334px;
    height: 1334px;
    background: url(../imgs/main/module02_03_pie_b.png) center center / 100% 100% no-repeat;
}

.module02_03_pie_z_animation {
    animation: module02_03_pie_z_animation 1.2s forwards;
}
.module02_03 .module02_03_pie {
    display: none;
    position: absolute;
    top: 516px;
    width: 536px;
    height: 536px;
    background: url(../imgs/main/module02_03_pie.png) center center / 100% 100% no-repeat;
}

.module02_03 .module02_03_text {
 
    position: absolute;
    top: 738px;
    align-items: center;
    flex-direction: column;
    font-size: 24px;
}

.module02_03 .module02_03_text p {
    font-size: 48px;
    color: #c8102e;
}

.font_margin_top1 {
    font-size: 30px;
    margin-top: 20px;
}

.module02_04{
 
    align-items: center;
    flex-direction: column;
    display: none;
}


.module02_04>.module02_03_img1{
    position: absolute;
    top: 500px;
    width: 577px;
    height: 577px;
    background: url(../imgs/main/wd.png) center center / 100% 100% no-repeat;
}
.module02_04>.module02_03_img2{
    position: absolute;
    top: 500px;
    width: 577px;
    height: 577px;
    background: url(../imgs/main/yd.png) center center / 100% 100% no-repeat;
}

.module02_04 .module02_03_text {
 
    position: absolute;
    top: 742px;
    align-items: center;
    flex-direction: column;
    font-size: 24px;
}

.module02_04 .module02_03_text p {
    font-size: 48px;
    color: #c8102e;
    font-weight: bold;
}
.module02_04 > .module03-02-content {
    width: 100%;
    position: absolute;
    top: 38px;
}
.module03-02-content .module02_03_tipNumBlue {
    top: 400px;
    position: absolute;

    flex-direction: column;
    top: 400px;
    left: 390px;
    color: #30b5c5;
    z-index: -1;
    font-size: 24px;
}
.module03-02-content .module02_03_tipNumBlue p {
    font-size: 48px;
    position: absolute;
    right: 0px;
    top: -50px;
}
.module03-02-content .module02_03_tipNumBlue i:nth-child(3) {
    position: absolute;
    top: -2px;
    right: 0px;
    display: block;
}
.module03-02-content .module02_03_tipNumBlue i:nth-child(4){
    position: absolute;
    width: 200px;
    top: 24px;
    text-align: right;
    right: 0;
}

.module02_03_tipNumBlue_start{
    animation: module02_03_tipNumBlue_start .8s ;
}
.module02_03_tipNumBlue_end{
    animation: module02_03_tipNumBlue_end .8s ;
}
.module02_03_tipNumRed_start{
    animation: module02_03_tipNumRed_start .8s ;
}
.module02_03_tipNumRed_end{
    animation: module02_03_tipNumRed_end .8s ;
}

.module03-02-content .module02_03_tipNumOrange {
    z-index: -1;
    position: absolute;
 
    flex-direction: column;
    top: 1060px;
    left: 380px;
    color: #ed6d00;
    font-size: 24px;
}
.module03-02-content .module02_03_tipNumOrange p {
    font-size: 48px;
    position: absolute;
    top: -11px;
    right: 5px;
}
.module03-02-content .module02_03_tipNumOrange i:nth-child(3) {
    position: absolute;
    /* min-width: 122px; */
    white-space: nowrap;
    top: 34px;
    right: 0;
}
.module03-02-content .module02_03_tipNumRed {
    z-index: -1;
    position: absolute;

    flex-direction: column;
    top: 377px;
    left: 40px;
    color: #c40054;
    font-size: 24px;
}
.module03-02-content .module02_03_tipNumRed p {
    font-size: 48px;
}
.module03-02-content .module02_03_tipNumRed i:nth-child(3) {
    position: relative;
    top: -16px;
    left: -296px;
}
.module03-02-content .module02_03_tipNumRed i:nth-child(4) {
    position: relative;
    top: 12px;
    left: -471px;
}

.module02_02_cotent>svg, .module02_02_cotent>div {
    display: none;
}

/*********************************** chapter5 ********************************************/
/*********************************** ch  5 r5 ********************************************/
/*********************************** ch  5 r5 ********************************************/
/*********************************** chapter5 ********************************************/
.Chapter5{
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: #fff;
    display: none;
}
.Chapter5 .topLine {
    display: flex;
    width: 658px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 43px;
}

.Chapter5 .topLine div {
    width: 658px;
    height: 2px;
    background: #ffffff;
}

.Chapter5 .topLine span {
    display: flex;
    font-size: 26.8px;
    margin: auto 30px;
}

.Chapter5 .module02_ts_mainTitle {
    font-size: 95px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 73px;
    text-align: center;
}

.Chapter5 .module02_ts_fuTitle {
    display: block;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    width:100%;
    font-size: 30px;
    top: 287px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
}


.Chapter5 .bottomLine {
    position: absolute;
    top: 356px;
    width: 658px;
    height: 2px;
    background: #ffffff;
}

.Chapter5 .module02_ts_content {
    position: absolute;
    top: 422px;
    width: 605px;
    height: 793px;
    background: url(../imgs/main/module02_ts.png) center center / 100% 100% no-repeat;
}

.Chapter5 .module02_ts_baiban01 {
    width: 300vw;
    position: absolute;
    height: 0rem;
    background: #fff;
    display: none;
    top: 0rem;
}
.Chapter5 .module02_ts_baiban02 {
    width: 300vw;
    position: absolute;
    height: 0rem;
    background: #fff;
    display: none;
}
.Chapter5 .module02_ts_baiban03 {
    width: 300vw;
    position: absolute;
    height: 0rem;
    background: #fff;
    bottom: 0;
    display: none;
}
.module02_ts_baiban01_animation {
    animation: module02_ts_baiban01_animation .8s linear forwards;
    display: block!important;
}
.module02_ts_baiban02_animation {
    animation: module02_ts_baiban02_animation .6s linear forwards;
    display: block!important;
}
.module02_ts_baiban03_animation {
    display: block!important;
    animation: module02_ts_baiban03_animation .8s linear forwards;
}

/*********************************** chapter6 ********************************************/
/*********************************** ch  6 r6 ********************************************/
/*********************************** ch  6 r6 ********************************************/
/*********************************** chapter6 ********************************************/

.Chapter6 {
    display: flex;
    align-items: center;
    flex-direction: column;
    display: none;
}
.Chapter6 .hands{
    position: relative;
    left: -370px;
}

.module03-01_handright {
    background: url(../imgs/main/hand_right.png) center center / 100% 100% no-repeat;
    width: 125px;
    height: 316px;
    position: absolute;
    left: 420px;
    top: 504px;
    z-index: 2;
    opacity: 0;
}
.module03-01_handtop {
    background: url(../imgs/main/hand_top.png) center center / 100% 100% no-repeat;
    width: 315px;
    height: 126px;
    position: absolute;
    left: 230px;
    top: 470px;
    z-index: 1;
    opacity: 0;
}
.module03-01_handbtm {
    background: url(../imgs/main/hand_btm.png) center center / 100% 100% no-repeat;
    width: 315px;
    height: 126px;
    position: absolute;
    left: 187px;
    top: 695px;
    z-index: 3;
    opacity: 0;
}
.module03-01_handleft {
    width: 126px;
    height: 300px;
    top: 470px;
    left: 190px;
    position: absolute;
    opacity: 0;
}
.module03-01_hand_a {
    background: url(../imgs/main/left_a.png) center center / 100% 100% no-repeat;
    width: 93px;
    height: 118px;
    position: absolute;
    top: 470px;
    left: 190px;
    z-index: 0;
    opacity: 0;
}
.module03-01_hand_b {
    background: url(../imgs/main/left_b.png) center center / 100% 100% no-repeat;
    width: 126px;
    height: 203px;
    position: absolute;
    top: 581px;
    left: 182px;
    z-index: 4;
    opacity: 0;
}
.module03-01_svg {
    height: 76px;
    width: 86px;
    position: absolute;
    top: 615px;
    display: none;
}
.module03-01_text {
    width: 100vw;
    position: absolute;
    top: 945px;
    display: flex;
    flex-direction: column;
}
.module03-01_text>p {
    display: inline-block;
    text-align: center;
    font-size: 28px;
    color: #595757;
    /* font-family: "黑体"; */
    /*font-weight: 700;*/
}
.module03-01_text>p:nth-child(2) {
    margin-top: 14px;
}
.module03-01_handright_anime {
    animation: module03-01_handright_anime .6s forwards;
}

.module03-01_handtop_anime {
    animation: module03-01_handtop_anime .6s forwards;
}


.module03-01_handbtm_anime {
    animation: module03-01_handbtm_anime .6s forwards;
}

.module03-01_handbtmff_anime {
    animation: module03-01_handbtmff_anime .6s forwards;
}

/*********************************** chapter7 ********************************************/
/*********************************** ch  7 r7 ********************************************/
/*********************************** ch  7 r7 ********************************************/
/*********************************** chapter7 ********************************************/
.Chapter7 {
    display: flex;
    justify-content: center;
    align-items: center;
}
.c7_content_animation{
    animation: showopacity 2s;
}
.c7_content {
    margin-top: 340px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.c7_content li,.c7_content svg text {
    font-size: 26px;
    font-family: inherit;
}

.c7_content li:nth-child(1){
    margin-bottom: 10px;
    margin-left: -21px;
}
.c7_content li:nth-child(1) span:nth-child(1){
    padding-right: 133px;
}
.c7_content li:nth-child(2){
    display: flex;
    align-items: center;
    margin-left: -20px;
}
.c7_content li:nth-child(2) i{
    background: url(../imgs/main/cp7_pie.png) center center / 100% 100% no-repeat;
    width: 171px;
    height: 176px;
    display: inline-block;
    margin-right: 56px;
}
.c7_content li:nth-child(2) svg:nth-child(2){
    margin: auto 0px auto -10px;
}



.c7_content li:nth-child(4), .c7_content li:nth-child(6){
    display: flex;
    align-items: flex-start;
}

.c7_content li:nth-child(4) svg:nth-child(1){
    margin-right: 163px;
}

.c7_content li:nth-child(5){
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 20px auto;
}

.c7_content li:nth-child(5) svg:nth-child(1){
    margin-left: 155px;
}

.c7_content li:nth-child(5) svg:nth-child(2){
    margin-right: 22px;
}

.c7_content li:nth-child(6) svg:nth-child(1){
    margin-right:56px;
}


/*********************************** chapter8 ********************************************/
/*********************************** ch  8 r8 ********************************************/
/*********************************** ch  8 r8 ********************************************/
/*********************************** chapter8 ********************************************/
.Chapter8 {
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
}

.cp8_part1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 200px;
    display: none;
}

.cp8_part1 .cp8_part1img {
    height: 577px;
    width: 577px;
    background: url(../imgs/main/p03-info.png) center center / 100% 100% no-repeat;
    opacity: 1;
}

.c8_content_animation{
    animation: showopacityf 1s;
}
.c8_content_animationy{
    animation: showopacity .6s forwards;
}

.c8_content_animationyx{
    animation: showopacityx .6s forwards;
}

.cp8_part1 .cp8_part1svg {
    height: 577px;
    width: 577px;
    position: absolute;

    transform: rotateX(180deg);
    /* opacity: 0; */
}

.cp8_part1 .cp8_part1cc {
    stroke-dasharray: 1231.0068359375;
    stroke-dashoffset: 0;
}

.module03-03_circle_a {
    animation: module03-03_dash 1s 1 linear 0s forwards;
}

.module03-03_circle_as {
    animation: module03-03_dashs 1s 1 linear 0s forwards;
}

.cp8_part1 span{
    position: absolute;
    bottom: -100px;
    font-size: 26px;

}
.cp8_part1 ul li{
    margin-bottom: 5px;
}
.cp8_part1 .cp8_orange{
    position: absolute;
    color: #eb5c01;
    font-size: 26px;
    top: -90px;
    left: -10px;
}

.cp8_part1 .cp8_red{
    position: absolute;
    color: #e4a2b0;
    font-size: 26px;
    top: -102px;
    left: 329px;

}
.cp8_part1 .cp8_red li{
    padding-left: 40px;
}
.cp8_part1 .cp8_red li:nth-child(3){
    padding-left: 0;


}
.cp8_part1 .cp8_red li:nth-child(4){
    padding-left: 40px;
    margin-top: -36px;

}

.cp8_part2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 200px;
    display: none;
}
.cp8_part2 span {
    position: absolute;
    top: -239px;
    width: 500px;
    text-align: center;

}
.cp8_part2 .cp8_part1img2 {
    height: 536px;
    width: 536px;
    background: url(../imgs/main/p03-info2.png) center center / 100% 100% no-repeat;
    position: absolute;
    opacity: 1;
    transform: scale(1.2);
}
.cp8_part1img2_animate{
    animation: cp8_part1img2_animate 1.5s forwards;
}
.cp8_part2 .part2_text {
    height: 340px;
    width: 254px;
    font-size: 31px;
    font-weight: bold;
    position: absolute;
    z-index: 999;
    text-align: center;
    /*margin-top: 147px;*/
    top: -18px;
}

.cp8_part2 .part2_text li{
    color: #c8102e;
    margin-bottom: 20px;
}

.cp8_part3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding-top: 200px;
    height: 200vh;
    width: 200vw;
    display: none;

}
.cp8_part3 span {
    width: 604px;
    text-align: center;
    font-size: 30px;
    padding-bottom: 50px;
}


.cp8_part2 .box_top{
    width: 205px;
    height: 15px;
    background: url(../imgs/main/post_1.png) center center / 100% 100% no-repeat;
    position: absolute;
    top: -117px;
}
.cp8_part2 .box_fg{
    height: 213px;
    width: 220px;
    background: url(../imgs/main/post_hand.png) center center / 100% 100% no-repeat;
    position: absolute;
    /* top: -238px;
    left: -69px; */

    top: -391px;
    left: 68px;
}

.box_fg_bf{
    top: -238px!important;
    left: -69px!important;
}
.cp8_part2 .box_st{
    height: 204px;
    width: 205px;
    background: url(../imgs/main/post_2.png) center center / 100% 100% no-repeat;
    position: absolute;
}

.box_fg_animate {
    animation: box_fg_animate .6s forwards;
}

.module03_04_svg00 {
    position: absolute;
}
.cp8_part2_animate {
    animation: cp8_part2_animate .6s forwards;
}


/*********************************** chapter9 ********************************************/
/*********************************** ch  9 r9 ********************************************/
/*********************************** ch  9 r9 ********************************************/
/*********************************** chapter9 ********************************************/

.Chapter9{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
}
.cp9 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 230px;
    width: 100%;
}
.cp9_animation{
    animation: cp9_animation .8s .8s;
}
.cp9 li:nth-child(1) {
    margin-bottom: 30px;
}
.cp9 li:nth-child(4) {
    display: flex;
    justify-content: center;
    width: 100%;
}
.cp9 li:nth-child(4) svg:nth-child(1){
    margin-right: 237px;
}

.cp9 li:nth-child(5) svg{
    position: relative;
    top: -158px;
    left: -278px;
}

/*********************************** chapter10 ********************************************/
/*********************************** ch  10 r10 ********************************************/
/*********************************** ch  10 r10 ********************************************/
/*********************************** chapter10 ********************************************/

.Chapter10{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
}
.cp10 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 290px;
    width: 100%;
}

.cp10 li:nth-child(1){
    padding-bottom: 20px;
}
.cp10 li:nth-child(3){
    margin-left: -254px;
    margin-top: 20px;
}
.cp10 li:nth-child(1) span{
    font-size: 40px;
}

.cp10 li:nth-child(4){
    padding-top: 20px;
    margin-left: -457px;
}
.cp10 li:nth-child(4) span{
    font-size: 26px;
}

.cp10 li:nth-child(5){
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: self-end;
}
.cp10 li:nth-child(5) svg:nth-child(2){
    position: absolute;
    top: 551px;
    left: 297px;
}
.cp10 li:nth-child(5) div{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: absolute;
    right: 22px;
    top: 470px;
}
.cp10 li:nth-child(5) .margingR_20px .title_010{
    position: relative;
    top: -10px;
    font-weight: bold;
    font-size: 26px;
    width: 229px;
}
.cp10 li:nth-child(5) span{
    font-size: 20px;
    text-align: center;
    width: 225px;
}

/*********************************** chapter11 ********************************************/
/*********************************** ch  11 r11 ********************************************/
/*********************************** ch  11 r11 ********************************************/
/*********************************** chapter11 ********************************************/

.Chapter11{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
}
.cp11 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 290px;
    width: 100%;
}
.cp11_animation {
    animation: cp11_animation 1s .8s;
}
.cp11 li:nth-child(1) {
    margin-bottom: 40px;
}
.cp11 li:nth-child(1) span{
    font-size: 40px;
}
.cp11 li:nth-child(2) {
    width: 100%;
    display: flex;
   
    justify-content: center;
    align-items: center;
}
.cp11 li:nth-child(2) svg:nth-child(1){
    margin-right: 100px;
}
.cp11 li:nth-child(4){
    height: 179px;
    width: 180px;
    background: url(../imgs/main/cp11.png) center center / 100% 100% no-repeat;
    margin: 20px auto;
}
.cp11 li:nth-child(5){
    font-size: 28px;
    font-weight: bold;
}



/*********************************** chapter12 ********************************************/
/*********************************** ch  12 r12 ********************************************/
/*********************************** ch  12 r12 ********************************************/
/*********************************** chapter12 ********************************************/

.Chapter12{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: none;
}
.cp12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 200px;
    width: 100%;
}
.cp12_animation {
    animation: cp12_animation .8s .8s ;
}
.cp12 li:nth-child(1){
    margin-left: 67px;
}
.cp12 li:nth-child(4){
    font-size: 30px;
    margin-top: 40px;
}
.cp12 li:nth-child(5){
    font-size: 30px;
}
.cp12 li:nth-child(3){
    height: 172px;
    width: 172px;
    font-size: 36px;
    color: #fff;
    background-color: #f8b53c;
    border-radius: 50%;
    padding-top: 63px;
    text-align: center;
}
.cp12 li:nth-child(5){
    height: 141px;
    width: 203px;
    background: url(../imgs/main/mr_ren.png) center center / 100% 100% no-repeat;
    position: absolute;
    left: 511px;
    top: 380px;
}
.cp12_ren {
    display: none;
}



/*********************************** chapter13 ********************************************/
/*********************************** ch  13 r13 ********************************************/
/*********************************** ch  13 r13 ********************************************/
/*********************************** chapter13 ********************************************/
.Chapter13{
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    color: #fff;
    display: none;
}
.Chapter13 .topLine {
    display: flex;
    width: 658px;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 43px;
}

.Chapter13 .topLine div {
    width: 658px;
    height: 2px;
    background: #ffffff;
}

.Chapter13 .topLine span {
    display: flex;
    font-size: 26.8px;
    margin: auto 30px;
}

.Chapter13 .module02_ts_mainTitle {
    font-size: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 97px;
}

.Chapter13 .module02_ts_fuTitle {
    font-size: 28px;
    top: 240px;
    display: block;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    text-align: center;
}

.Chapter13 .bottomLine {
    position: absolute;
    top: 410px;
    width: 658px;
    height: 2px;
    background: #ffffff;
}

.Chapter13 .module02_ts_content {
    position: absolute;
    top: 432px;
    width: 667px;
    height: 845px;
    background: url(../imgs/main/module03_ts.png) center center / 100% 100% no-repeat;
    transform: scale(0.97);
}

.Chapter13 .module02_ts_baiban01 {
    width: 300vw;
    position: absolute;
    height: 0rem;
    background: #fff;
    display: none;
    top: 0rem;
}
.Chapter13 .module02_ts_baiban02 {
    width: 300vw;
    position: absolute;
    height: 0rem;
    background: #fff;
    display: none;
}
.Chapter13 .module02_ts_baiban03 {
    width: 300vw;
    position: absolute;
    height: 0rem;
    background: #fff;
    bottom: 0;
    display: none;
}
.Chapter13 div:nth-child(3){
    top: 245px;
}
.Chapter13 div:nth-child(4){
    top: 288px;
}
.Chapter13 div:nth-child(5){
    top: 334px;
}

/*********************************** chapter6 ********************************************/
/*********************************** ch  6 r6 ********************************************/
/*********************************** ch  6 r6 ********************************************/
/*********************************** chapter6 ********************************************/




/*********************************** chapterend ********************************************/
/*********************************** ch  end rend ********************************************/
/*********************************** ch  end rend ********************************************/
/*********************************** chapterend ********************************************/

.Chapter14 {
    align-items: center;
    flex-direction: column;
}

.endpage_text {
    font-size: 38px;
    color: #595757;
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 250px;
}

.endpage_text li{
    margin-top: 37px;
}

.endpage_text li:nth-child(5){
    height: 20px;
    width: 300px;
    border-bottom: #c8102e 4px solid;
}

.welcome_follow {
    position: absolute;
    font-size: 30px;
    color: #595757;
    top: 850px;
}
.welcome_follow .bg1 {
    background-color: #c8102e;
    border-radius: 6px;
    width: 462px;
    height: 155px;
}
.welcome_follow .title1 {
    width: 502px;
    height: 135px;
    background-color: white;
    border-radius: 20px;
    position: absolute;
    margin-top: -145px;
    margin-left: -20px;
    border: 1px solid #c8102e;
    font-size: 30px;
    text-align: center;
    line-height: 50px;
}
.welcome_follow .title1 span {
    margin-top: 20px;
    display: block;
}
.Chapter14 i {
    position: absolute;
    top: 1110px;
    background: url(../imgs/common/index_logo.png) center center / 100% 100% no-repeat;
    width: 93px;
    height: 94px;
}
.title_p20_01 {
    font-size: 20px;
    width: 100%;
    text-align: center;
    position: absolute;
    color: #3a3a3a;
    top: 1200px;
    left: 0px;
}

/* page08tk */
.module03_06_info_tk {
	box-shadow: 0 0 1px 1px #d2d2d2;
	height: 125px;
	width: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,0.95);
	position: absolute;
	padding: 0 23px;
	flex-direction: column;
	display: none;
	z-index: 8;
}

.module03_06_info_tk_01 {
	height: 44px;
	border-bottom: 2px solid #f3f3f3;
	font-size: 30px;
	/* font-weight: 700; */
	width: 255px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding-left: 7px;
}

.module03_06_info_tk_02 {
	height: 35px;
	/* border-bottom: 0.02rem solid #f3f3f3; */
	width: 255px;
	display: flex;
	justify-content: flex-start;
	font-size: 20px;
	align-items: flex-end;
	padding-left: 7px;
}

.module03_06_circle {
	fill: #e98c80;
	cursor: pointer;
}

.cp8_part3 > div {
    position: relative;
}
.pc_title{
    width: 300px;
    height: 100vh;
    position: absolute;
    left: 70vw;
    top: 0;
    line-height: 24px;
    font-size: 18px;
    color: #5c5a5a;
    text-align: left;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}