html{
    font-size: 16px;
    position:relative
}
body{
    font-family: Source;
    overflow-x: hidden;
}

.img-fluid{
    max-width:100%;
    height:auto;
  }

.img_m{
    display: table-cell;
    text-align: center;
    vertical-align:middle;
}
.row {
    margin-right: 0px; 
    margin-left: 0px;
}

/* nav start */
.wefun_nav{
    padding-right: 24px;
    padding-left: 24px;
    background: #fff;
}
.navbar{
    margin-bottom: 0;
}
.wefun_nav .navbar-brand{
    height: 80px;
    line-height: 80px;
}

.navbar-nav li a{
    line-height: 50px;
    font-size: 18px;
}


.navbar-nav .wefun_home a{
    font-weight: 600;
    /* border-bottom: 2px solid #1C78D5; */
}

.navbar-nav li a:hover{
    font-weight: 500;
    /* border-bottom: 2px solid #1C78D5; */
    color: #666;
}

.wefun_nav .navbar-brand .logo{
    display: inline;
    vertical-align: middle;
    position: relative;
    top: 10px;
}

.navbar-toggle{
    margin-top: 25px;
}
/* nav end */

/* text start */
.chapter_name02{
    text-align: center;
    color: #254D75;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 88px;
    letter-spacing: 1px;
    font-family: Source Han Sans CN;
  }

  .chapter_name03{
    text-align: center;
    color: #254D75;
    font-size: 28px;
    font-weight: 600; 
    margin-top: 88px;
    letter-spacing: 1px;
    font-family: Source Han Sans CN;
  }

  .chapter_name04{
    text-align: center;
    color: #254D75;
    font-size: 28px;
    font-weight: 600;
    margin-top: 40px; 
    letter-spacing: 1px;
    font-family: Source Han Sans CN;
  }

  .chapter_name05{
    text-align: center;
    color: #254D75;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 64px;
    text-align: center; 
    letter-spacing: 1px;
    font-family: Source Han Sans CN;
  }

.title_01{
    font-size: 36px;
    font-weight: 500;
    font-family: Source Han Sans CN;
    color:#fff;
    margin-bottom: 24px;
    letter-spacing: 1px;
  }
.text_01{
    font-size: 18px;
    color:#fff;
    line-height: 32px;
    letter-spacing: 1px;
  }
.s1_left a{
    font-size: 22px;
    line-height: 48px;
    color: #fff;
    text-decoration:none;
  }
.second-title{
    color: #254D75;
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 1rem;
    font-family: Source Han Sans CN;
  }

.title_02{
    font-size: 20px;
    font-weight: 500;
    color: #254D75;
    margin-top: 32px;
    margin-bottom: 24px;
    font-family: Source Han Sans CN;
}

.text_02{
    font-size: 16px;
    color: #254D75;
    line-height: 28px;
    letter-spacing: 1px;
    margin-bottom: 88px;
}

.right_02 p{
    line-height: 40px;
    font: 18px;
    color: #254D75;
}

.title_03{
    font-size: 20px;
    font-weight: 600;
    color: #254D75;
    margin-top: 32px;
    margin-bottom: 32px;
    text-align: center;
}

.text_03{
    font: 16px;
    color: #254D75;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: center;
}

.title_04{
    font-size: 24px;
    font-weight: 600;
    color: #254D75;
    margin-top: 40px;
    margin-bottom: 16px;
}

.text_04{
    font-size: 18px;
    font-weight: 500;
    color: #254D75;
    line-height: 24px;
    letter-spacing: 1px;
    padding-bottom: 24px;
}

.s4_text{
    /* float: left; */
    font-size: 14px;
    color: #254D75;
    line-height: 24px;
    letter-spacing: 1px;
    display: inline-block;
} 


.text_05 p{
    font-size: 18px;
    font-weight: 500;
    color: #254D75;
    line-height: 24px;
    letter-spacing: 1px;
    display: inline-block;
}
.footer-nav a{
    text-decoration: none;
    padding: 8px 40px;
    display: block;
    color: #fff;
    text-align:left;
    }
.footer-nav .text_footer01,.text_footer02{
    text-decoration: none;
    padding: 8px 40px;
    display: block;
    color: #fff;
    text-align:left;
    }
.text_footer{
    font-size: 16px;
    font-weight: 300;
}
.text_footer02{
    font-size: 16px;
    font-weight: 300;
}
  /* text end*/

  /* section1 start */
.section1{
    padding: 80px;
    background-image: url(../img/s1_bg.png);
    background-repeat:no-repeat;
    width: 100%;
    height: 880px;  
}
.section1_s{
    display: none;
}
.section1 .title{
    margin-bottom: 50px;
}

.btn-contact{
    width: 220px;
    height: 48px;
    background: #17B6E3;
    font-family: Arial;
    color: #fff;
    border: none;
    border-radius: 8px;
    margin-top: 48px;
    margin-bottom: 64px;
}

.s1_left{
    position: relative;
    top: 50%; 
    transform: translateY(-50%);
    padding-left: 88px;
}


.s1_pic{
    position: relative;
    top: 50%; 
    transform: translateY(-50%);
} 
/* section1 end */

/* section2 start */
.section2 .pic_01,
.section2 .pic_02,
.section2 .pic_03,
.section2 .pic_04{
    display: inline-block;
    width: 120px;
    height: 160px;
    text-align: center;
    position: relative;
    left: -40px;
}
.s2_icon{
    padding: 8px;
}
.section2{
    padding: 160px;
    
}

.s2_right{
    height: 640px;
}
.s2_left{
    height: 640px;
}
.aboutus_right{
    padding-left: 120px;
    position: relative;
    top: 50%; 
    transform: translateY(-50%);
}

.s2_pic{
    position: relative;
    top: 50%; 
    transform: translateY(-50%);
} 
/* section2 end */

/* section3 start */
.section3{
    background-color: #EEF4FD;
    width: auto;
    height: auto;
    margin-top: 80px;
}

.s3{
    padding: 120px;
    text-align: center;
}
/* section3 end */

/* section4 start */
.section4_s{
    display: none;
}

.section4{
    padding: 80px;
}

.s4_left{
    padding: 240px 64px 64px 64px;
}

.s4_01,.s4_02,.s4_03,.s4_04{
    display: inline-block;  
}

.s4_pic{
    padding: 80px;
}
/* section4 end */

/* section5 start */
.section5{
    padding: 80px;
}

.s5_pic{
    padding: 40px;
}

.s5_logo{
    padding: 0 64px 64px 0;
}

.s5_right{
    padding: 80px 0;
}
.s5_right p{
    display: inline-block;
    margin-left: 16px;
}

.s5_right .icon_01,.icon_02,.icon_03{
    margin: 24px 0;
}
/* section5 end */

/* footer start */
.footer{
    padding: 80px 80px 24px 80px;
    background-color: #1C78D5;
    height: auto;
    width: auto;
  }

.footer-nav{
    list-style: none;
    font-size: 20px;
    font-family: Source Han Sans CN;
    padding:0;
    text-align: center;
}

.footer-nav li{
    display: inline-block;
    vertical-align: top;
    margin-bottom: 16px;
  }



.footer-nav a:hover{
    color:#87C2FF;
 }

.footer_pic{
    text-align: center;
    padding-bottom: 40px;
}

.copyright{
    margin-top: 80px;
    text-align: center;
    font-size: 14px;
    color: #fff;
  }

.copyright_icp{
    margin-top: 8px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
  /* footer end */


@media screen and (max-width: 1920px){
    .section1{
        height: 640px; 
        padding: 64px; 
    }
    .s1_left{
        padding-left: 40px;
    }
    .s2_left{
        height: 400px;
    }
    .s2_right{
        height: 400px;
    }
    .s3{
        padding:64px;
    }
    .section2{
        padding: 64px;  
    }
    .title_01{
        font-size: 32px;
        margin-bottom: 24px;
    }
    .text_01{
        font-size: 14px;
        line-height: 28px;
    }
    .btn-contact{
        width: 160px;
        height: 40px;
        border-radius: 6px;
        margin-top: 24px;
        margin-bottom: 64px;
    }
    .s1_left a{
        font-size: 18px;
        line-height: 40px;
    }
    .aboutus_right{
        padding-left: 48px;
    }
    .title_02{
        font-size: 18px;
        font-weight: 500;
        color: #254D75;
        margin-top: 24px;
        margin-bottom: 16px;
        font-family: Source Han Sans CN;
    }
    .text_02{
        font-size: 14px;
        color: #254D75;
        line-height: 24px;
        letter-spacing: 1px;
        margin-bottom: 48px;
    }
    .section2 .pic_01,
    .section2 .pic_02,
    .section2 .pic_03,
    .section2 .pic_04{
    display: inline-block;
    width: 96px;
    height: 160px;
    text-align: center;
    position: relative;
    left: -24px;
    }
    .section4{
        padding:64px;
    }
    .s4_left{
        padding: 128px 48px 48px 48px;
    
    }
    .s4_pic{
        padding: 48px;
    }
    .title_04{
        margin-top: 0;
    }
    .text_04{
        padding-bottom: 16px;
    }
    
}

@media screen and (max-width: 1200px){
    .section1{
        height: 480px;  
        padding: 24px; 
    }
    .title_01{
        margin-bottom: 16px;
        font-size: 28px;
    }
    .text_01 {
        line-height: 24px;
    }
    .btn-contact{
        margin-top: 16px;
    }
    .section2{
        padding: 24px;  
    }
    .aboutus_right {
        padding-left: 0;
    }
    .s3{
        padding: 32px;
    }
    .section4{
        padding: 24px;
    }
    .s4_left {
        padding: 72px 48px 48px 48px;
    }
    /* .chapter_name02 {
        margin: 80px auto;
    } */

}

@media screen and (max-width: 992px){
    .section1_s{
        display: inline;
        padding:24px;
    }
      .section1{
        display: none;
    }
    .btn_contact{
        width: 140px;
        height: 40px;
        text-align: center;
        background: #1C78D5;
        font-family: Arial;
        border-color: #1C78D5;
        border-radius: 6px;
        margin-top: 40px;
        margin-bottom: 0px;
    }
    .btn_contact a{
        font-size: 16px;
        line-height: 40px;
        color: #fff;
        text-decoration:none;
    }
    .title_01{
        font-size: 28px;
        margin-bottom: 16px;
        color: #254D75;
    }
    .text_01{
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.5px;
        color: #254D75;
      }
    .s1_left {
        padding: 16px 64px 16px 64px;
    }
    .s2_left {
        height: auto;
    }
    .s2_pic {
        position: static;
        top: 0;
        transform: translateY(0);
        padding-bottom: 40px;
    }
    .aboutus_right {
        padding-left: 40px;
    }
    .section4{
        display: none;
    }
    .section4_s{
        display: inline;
        padding-top:24px;
    }
    .s4_left {
        padding: 0px 48px 80px 120px;
    }
    .s3_pic{
        padding: 32px 64px 0 64px;
    }
}

@media screen and (max-width: 768px) {
	.navbar-nav{
        text-align: center;
    }
    .navbar{
        margin-bottom: 0;
    }
    .wefun_nav {
        padding-right: 0px;
        padding-left: 0px;
    }
  .section1_s{
    display: inline;
    padding:24px;
  }
  .section1{
    display: none;
  }
  .btn_contact{
    width: 140px;
    height: 40px;
    text-align: center;
    background: #1C78D5;
    font-family: Arial;
    border-color: #1C78D5;
    border-radius: 6px;
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .btn_contact a{
    font-size: 16px;
    line-height: 40px;
    color: #fff;
    text-decoration:none;
  }
  
  .title_01{
    font-size: 22px;
    margin-bottom: 16px;
    color: #254D75;
  }
  .s1_left{
    margin-top: 0;
    padding: 0 16px;
  }
  /* .s1_pic{
      margin-top: 32px;
  } */
  .text_01{
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #254D75;
  }
  .chapter_name02{
    text-align: center;
    color: #254D75;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
  }
  .img-chapter{
    width: 24px;
  }
  .section2{
    padding:8px;
  }
  .aboutus_right{
    padding-left: 0;
  }
  .s2_right {
    height: auto;
}
  .title_02{
    font-size: 16px;
    margin-bottom: 16px;
  }
  .text_02{
    font-size: 14px;
    margin-bottom: 24px;
  }
 .section2 .pic_01,
 .section2 .pic_02,
 .section2 .pic_03,
 .section2 .pic_04{
    display: inline-block;
    width: 72px;
    height: 88px;
    text-align: center;
    position: relative;
    left: -16px;
  }
  .aboutus_right {
    padding-left: 0;
    position: relative;
    transform: translateY(0);
}
  .s2_icon {
    padding: 0;
    width: 40px;
} 

.section3 {
    margin-top: 40px;
}

  .chapter_name03{
    text-align: center;
    color: #254D75;
    font-size: 20px;
    font-weight: 600;
    margin-top: 32px;
  }
  .s3{
    padding: 24px;
  } 
  .s3_pic{
    padding:0 32px; 
  }
  .title_03{
    font-size: 16px;
    font-weight: 600;
    color: #254D75;
    margin-top: 0;
    margin-bottom: 16px;
    text-align: center;
}
.text_03{
    font: 14px;
    color: #254D75;
    line-height: 24px;
    letter-spacing: 1px;
    text-align: center;
}
.section4{
    display: none;
  }
.section4_s{
    display: inline;
    padding-top:24px;
  }
.s4_pic{
    padding: 24px;
    margin-top: 24px;
  }
.s4_left{
    margin: 0;
    padding-top: 0;
    position: relative;
    top: 0x;
    padding: 24px
}
.chapter_name04{
    text-align: center;
    color: #254D75;
    font-size: 20px;
    font-weight: 600;
    margin-top: 24px;
  }
.title_04{
    font-size: 18px;
    font-weight: 600;
    color: #254D75;
    margin-top: 0px;
    margin-bottom: 8px;
}

.text_04{
    font-size: 16px;
    font-weight: 600;
    color: #254D75;
    line-height: 24px;
    padding-bottom: 8px;
}

.s4_text{
    /* float: left; */
    font-size: 14px;
    color: #254D75;
    line-height: 20px;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 40px;
} 
.chapter_name05{
    text-align: center;
    color: #254D75;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0px;
  }

.section5{
    padding:0px;
}
.s5_logo {
    padding: 0 0 16px 0;
    width: 240px;
}
.s5_pic {
    padding: 40px 0px;
}
.s5_right {
    padding: 0;
}
.s5_right p {
    display: inline-block;
    margin-left: 8px;
}

.text_05 img{
    height: 24px;
}

.text_05 p {
    font-size: 14px;
    font-weight: 500;
    color: #254D75;
    line-height: 32px;
    letter-spacing: 1px;
    display: inline-block;
}
.s5_right .icon_01, .icon_02, .icon_03 {
    margin: 16px 0;
}
.footer {
    padding: 24px;
    background-color: #1C78D5;
    height: auto;
    width: auto;
}
.footer_pic img{
    text-align: center;
    padding-top: 32px;
    height: 64px;
    width: auto;
}
.footer-nav a{
    font-size: 16px;
    text-align: center;
}
.footer-nav{
    text-align: center;
    margin-bottom: 40px;
}
.footer-nav li{
    display: block;
    margin-bottom: 16px;
}

.copyright{
    margin-top: 16px;
    padding-bottom: 0px;
    text-align: center;
    font-size: 10px;
    color: #fff;
}
.footer-nav .text_footer{
    padding: 4px;
    font-size: 12px;
    color: #fff;
}
.copyright_icp {
    margin-top: 4px;
    font-size: 10px;
}
.footer-nav .text_footer01{
    font-size: 16px;
    color: #fff;
    text-align:center;
}
.text_footer{
    font-weight: 300;
}
.text_footer02{
    padding: 4px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;

}

}