body {
        margin: 0px;
    }

    p {
        margin: 0px;
    }

    .container {
        padding: 0px 320px;
        background-color: #f7f8fa;
    }
    /*join us */

    .ju_line1 {
        width: 100%;
        text-align: center;
        padding-top: 80px;
    }

    .ju_line2 {
        width: 100%;
        text-align: center;
    }

    .ju_line3 {
        padding-top: 0px;
        /* padding-bottom: 140px; */
    }

    .ju_line3 ul {
        height: 68px;
        overflow: hidden;
    }

    .xu_ch {
        font-size: 36px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .xu_en {
        font-size: 16px;
        opacity: 0.3;
        margin-top: 0px;
        margin-bottom: 0px;
        letter-spacing: 0.8px;
    }

    .xu_tmail {
        font-size: 16px;
        margin-top: 5px;
        letter-spacing: 0.8px;
        color: #555;
    }

    .xu_jua {
        position: relative;
        width: 120px;
        height: 40px;
        line-height: 30px;
        cursor: pointer;
        text-align: center;
        border: 1px solid #0051a4;
        color: #0051a4;
        line-height: 40px;
        margin: 0px auto;
        margin-top: 50px;
        letter-spacing: 1px;
        font-size: 16px;
    }

    .icon-right{
        position: absolute;
        right: 10px;
        top: -2px;
    }

    .ju_line3 {
        width: 100%;
    }

    .ju_line3 ul {
        list-style: none;
        overflow: hidden;
        padding: 0px;
        margin: 0px;
    }

    .ju_line3 ul li {
        float: left;
        width: 25%;
        padding: 0px 0px 0px 65px;
    }

    .ju_job {
        font-size: 24px;
        letter-spacing: 0.8px;
    }

    .ju_inf {
        color: #999999;
        font-size: 18px;
        padding-top: 14px;
    }

    .ju_inf a {
        color: #666;
    }

    .ju_imgbox {
        float: left;
    }

    .ju_bottom {
        list-style: none;
        overflow: hidden;
    }

    .ju_bottom li {
        width: 31.33%;
        margin: 0px;
        float: left;
        margin-top: 70px;
        margin-bottom: 70px;
    }

    .ju_bottom li:nth-child(2) {
        padding-left: 50px;
    }

    .ju_bottom li:nth-child(3) {
        padding-left: 80px;
    }

    .ju_btitle {
        font-size: 22px;
        color: #555555;
        padding-left: 92px;
        padding-top: 10px;
    }

    .ju_bmail {
        font-size: 16px;
        opacity: 0.6;
        color: #3e434a;
        padding-top: 10px;
        padding-left: 92px;
    }
    /*team */

    .xu_team {
        width: 100%;
        text-align: center;
        padding-top: 80px;
    }

    .team_title {
        width: 100%;
        text-align: center;
        padding-top: 80px;
    }

    .team_ch {
        font-size: 38px;
        margin-top: 25px;
        letter-spacing: 1px;
    }

    .team_ch::after {
        content: "";
        position: absolute;
        width: 240px;
        height: 1px;
        background-color: #0051a4;
        margin-left: -198px;
        margin-top: 55px;
    }

    .team_en {
        font-size: 18px;
        color: #797979;
        letter-spacing: 1px;
        /* opacity: 0.3; */
        margin-top: 10px;
        /* text-transform: uppercase; */
    }

    .wrap .team_picbox {
        display: flex;
        align-items: flex-start;
        padding-top: 60px;
        padding-bottom: 90px;
    }

    .team_picbox img {
        margin-bottom: 18px;
        width: 100%;
    }

    .team_picbox .team_line:nth-child(1) {
        padding: 0 10px 0 0;
    }

    .team_picbox .team_line:nth-child(2) {
        padding: 0 5px;
    }

    .team_picbox .team_line:nth-child(3) {
        padding: 0 0px 0 10px;
    }
    /*footer*/

    body {
        margin: 0px;
    }

    .xu_container {
        width: 100%;
        background-color: #2a2d32;
        background-size: 100% auto;
    }

    #xu_bottom ul {
        list-style: none;
        overflow: hidden;
        margin: 0px auto;
        width: 750px;
        /*padding-left: 530px;*/
    }

    #xu_bottom ul li {
        font-size: 16px;
        color: #fff;
        float: left;
        height: 20px;
        margin-top: 60px;
        margin-left: 120px;
        line-height: 20px;
        /* opacity: 0.5; */
    }

    #xu_bottom ul li:nth-child(1) {
        margin-left: 0px;
    }

    #xu_bottom ul li a {
        color: #fff;
    }

    #xu_bottom ul li span {
        padding-left: 12px;
        color: #fff;
    }

    .xu_bottompic {
        float: left;
    }

    .xu_lastt {
        text-align: center;
        font-size: 15px;
        opacity: 0.3;
        color: #fff;
        vertical-align: middle;
        height: 80px;
        line-height: 80px;
        
        /* border-top: 1px solid rgba(255, 255, 255, .5); */
    }

    .fenge {
        width: 880px;
        height: 1px;
        background-color: rgba(255,255,255,0.4);
        margin: 0px auto;
        margin-top: 44px;
    }

    .xu_container::after {
        content: "";
        height: 1px;
        width: 100%;
        background-color: #fff;
        opacity: 0.1;
        position: absolute;
        left: 0px;
        top: 145px;
    }
    /*introduce  */

    .intro_content {
        width: 50%;
        float: left;
        margin-top: 40px;
    }

    .intro_title {
        opacity: 0.1;
        font-size: 56px;
        color: #0051a4;
        padding-top: 75px;
    }

    .intro_word {
        padding-right: 50px;
        padding-left: 50px;
    }

    .intro_text {
        padding-top: 30px;
        line-height: 24px;
    }

    .intro_pic {
        margin-top: 40px;
        background-color: #fff;
        position: relative;
    }
    /*culture  */

    .xu_background {
        background-size: 100% auto;
        overflow: hidden;
    }

    .cul_content {
        width: 25%;
        float: left;
        margin-top: 50px;
    }

    .cul_pic {
        width: 100%;
        text-align: center;
    }

    .cul_pic img {
        width: 100%;
        max-width: 230px;
    }

    .cul_word {
        text-align: center;
        font-size: 16px;
        line-height: 24px;
        color: #999999;
        max-width: 230px;
        margin: 5px auto 0;
    }

    .cul_title {
        text-align: center;
        font-size: 24px;
        margin-top: 50px;
    }

    .cul_text {
        margin-bottom: 65px;
    }
    /*advantage  */

    .ad_content {
        margin-top: 60px;
        padding-bottom: 20px;
    }

    .ad_content ul {
        list-style: none;
        overflow: hidden;
        padding: 0px;
    }

    .ad_first,
    .ad_second {
        width: 50%;
        float: left;
        /* padding-left: 30px; */
        overflow: hidden;
    }

    .ad_imgbox {
        padding-left: 40px;
        float: left;
    }

    .ad_imgbox2 {
        float: left;
    }

    .ad_firstc {
        padding-left: 110px;
        padding-right: 100px;
    }

    .ad_secondc {
        padding-left: 90px;
    }

    .ad_text {
        font-size: 16px;
        margin-top: 20px;
        line-height: 26px;
        color: #999999;
    }

    .ad_title {
        font-size: 22px;
    }
    /*news  */

    .light-bg,
    .light-bg .container {
        background-color: #f7f8fa!important;
    }

    .news_media.active::after {
        content: "";
        width: 100%;
        height: 1.97px;
        background-color: #0051a4;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .news_title ul {
        width: auto;
        max-width: 250px;
        list-style: none;
        overflow: hidden;
        margin: 0px auto;
        padding: 0px;
    }

    .news_title {
        overflow: hidden;
    }

    .news_media {
        float: left;
        padding: 35px 8px 15px;
        font-size: 20px;
        letter-spacing: 0.8px;
        position: relative;
        cursor: pointer;
    }

    .news_main1 {
        /*padding-right: 52px;*/
        padding: 0 26px;
    }

    .index-news-pic {
        height: 228px;
        overflow: hidden;
    }

    .news_main1 img {
        width: 100%;

    }

    .news_main2 {
        padding-right: 26px;
        padding-left: 26px;
    }

    .news_main3 {
        padding-left: 52px;
    }

    .news_media.active {
        color: #0051a4;
    }

    .news_media:nth-child(1) {
        margin-right: 25px;
    }

    .news_media:nth-child(2) {
        margin-left: 25px;
    }

    .news_title hr {
        border: none;
        border-top: 1px solid #e4e4e4;
        margin-top: -2px;
    }

    .news_content {
        margin-top: 35px;
        width: 33.33%;
        float: left;
        overflow: hidden;
    }

    .news_btext {
        margin-top: 15px;
        position: relative;
        padding-right: 50px;
    }

    .news_ptitle {
        font-size: 20px;
        display: inline-block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #666;
        position: relative;
    }

    .news_date {
        font-size: 14px;
        color: #999;
        float: right;
        text-align: right;
        margin-top: 4px;
        position: absolute;
        right: 0px;
    }

    .news_word {
        color: #999;
        font-size: 16px;
        letter-spacing: 0.6px;
        text-align: justify;
        margin-top: 10px;
        max-height: 44px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .news_details {
        margin-top: 30px;
    }

    .news_detail {
        text-decoration-line: none;
        color: #999999;
        font-size: 16px;
    }

    .news_btn {
        width: 100%;
        text-align: center;
        margin-top: 40px;
        margin-bottom: 80px;
    }

    .news_btn a {
        display: inline-block;
        border: 1px solid #3172b5;
        background-color: rgba(200, 20, 200, 0);
        width: 120px;
        height: 40px;
        line-height: 40px;
        color: #0051a4;
        cursor: pointer;
    }

    .news_clear {
        clear: both;
    }
    /*profile  */

    .pro_img {
        width: 50%;
        position: absolute;
        left: 0px;
        flex: 1;
    }

    .pro_img2 {
        position: absolute;
        right: 0;
        left: 50%;
        flex: 1;
    }

    .pro_img2 img {
        width: 100%;
    }

    .pro_line1,
    .pro_line2 {
        margin-top: 65px;
        overflow: hidden;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
    }

    .pro_line2 {
        margin-top: 0;
    }

    .pro_img img {
        width: 100%;
    }

    .pro_content1 {
        /*padding-top: 60px;*/
        width: 50%;
        margin-left: 50%;
        flex: 1;
        position: relative;
    }

    .pro_content2 {
        width: 50%;
        margin-right: 50%;
        flex: 1;
        position: relative;
    }

    .posi-left {
        position: absolute;
        top: 0;
        left: 50px;
        max-width: 640px;
    }

    .posi-right {
        position: absolute;
        top: 0;
        right: 0;
        max-width: 640px;
    }

    .pro_title {
        overflow: hidden;
        margin-top: 55px;
    }

    .pro_title2 {
        overflow: hidden;
        padding-right: 50px;
        margin-top: 55px;
    }

    .pro_icon {
        float: left;
    }

    .pro_text {
        padding-left: 75px;
    }

    .pro_ch {
        font-size: 24px;
    }

    .pro_en {
        font-size: 14px;
        color: #999999;
    }

    .pro_word {
        line-height: 24px;
        margin-top: 20px;
        text-align: justify;
        color: #555555;
        font-size: 16px;
    }

    .pro_word2 {
        padding-right: 50px;
        margin-top: 30px;
        text-align: justify;
        color: #555555;
        font-size: 16px;
    }

    .pro_hide {
        opacity: 0;
        width: 100%;
        position: static;
    }

    .pro_hide img {
        width: 100%;
    }

    .pro_hide2 img {
        width: 100%;
    }
    /*address  */

    .add_container {
        background-color: #fff;
        padding-top: 45px;
        height: 540px;
        margin-top: 40px;
        margin-bottom: 70px;
    }

    .add_table {
        width: 43.75%;
        float: left;
        padding-left: 60px;
    }

    .add_title {
        font-size: 32px;
    }

    .add_xm {
        font-size: 16px;
        padding-top: 50px;
        float: left;
        width: 47%;
    }

    .add_phone {
        font-size: 16px;
        padding-top: 50px;
        width: 50%;
        float: left;
    }

    .add_xmk {
        width: 42%;
        float: left;
        height: 45px;
        margin-top: 5px;
        border: 1px solid #ddd;
    }

    .add_phonek {
        width: 42%;
        margin-left: 4%;
        height: 45px;
        margin-top: 5px;
        border: 1px solid #ddd;
    }

    .add_add {
        margin-top: 15px;
    }

    .add_long {
        width: 88.7%;
        height: 45px;
        margin-top: 5px;
        border: 1px solid #ddd;
    }

    .add_content {
        margin-top: 15px;
    }

    #add_ta {
        width: 88%;
        margin-top: 5px;
        height: 80px;
        resize: none;
        border-color: #ddd;
    }

    .add_btn {
        width: 130px;
        height: 45px;
        color: #fff;
        letter-spacing: 1px;
        font-size: 16px;
        background-color: #004ba0;
        border: 1px solid #004ba0;
        margin-top: 15px;
        margin-bottom: 60px;
    }

    .add_map {
        width: 51.5%;
        float: left;
    }

    #add_mapdiv {
        height: 310px;
        margin-bottom: 40px;
    }

    .add_icon {
        float: left;
        padding-top: 2px;
        width: 18px;
    }

    .add_icontext {
        padding-left: 18px;
        color: #666666;
        font-size: 16px;
        line-height: 26px;
        letter-spacing: 0.8px;
    }

    .add_dianhua {
        overflow: hidden;
        margin-bottom: 5px;
    }
/* 新增部分 */
    .text-bg {
        background-color: rgba(15,82,179,0.85);
        width: 43.3%;
        height: 350px;
        position: absolute;
        right: 110px;
        top: 128px;
        padding: 130px 74px 0px 74px;
    }

    .white-tiao {
        position: absolute;
        width: 58px;
        height: 5px;
        background-color: #fff;
        left: 74px;
        top: 85px;
    }

    .intro-content {
        color: #fff;
        font-size: 16px;
        text-align: justify;
        line-height: 30px;
        letter-spacing: 0.8px;
    }

    .business-block {
        width: 50%;
        float: left;
        padding: 0px 45px;
        margin-top: 70px;
        margin-bottom: 100px;
    }

    .busi-imgbox img{
        width: 100%;
    }

    .busi-title {
        font-size: 30px;
        line-height: 80px;
        color: #595959;
    }

    .busi-content {
        font-size: 16px;
        line-height: 28px;
        color: #595959;
        letter-spacing: 0.8px;
        text-align: justify;
    }

    .cul-block {
        width: 50%;
        float: left;
        height: 260px;
        padding: 0px 11px;
        margin-bottom: 26px;
        position: relative;
    }

    .bg-white {
        background-color: #fff;
        padding: 86px 0px;
        box-shadow: -2px 4px 6px 1px rgba(0,0,0,0.06);
    }

    .cul-cn {
        width: 100%;
        text-align: center;
        font-size: 34px;
        color: #595959;
        /* font-weight: bold; */
        letter-spacing: 5px;
        margin-bottom: 5px;
    }

    .cul-en {
        width: 100%;
        text-align: center;
        font-size: 22px;
        color: #595959;
        letter-spacing: 0.5px;
    }

    .joinus-box {
        margin-top: 60px;
    }

    .joinus-box img {
        width: 100%;
    }

    .cul-content {
        /* background-color: #fff; */
        /* justify-content: center; */
        /* align-items: center; */
        /* color: #595959;
        font-size: 16px;
        line-height: 26px; */
        /* padding: 0px 40px; */
        z-index: 999;
        /* height: 256px; */
        /* box-shadow: -2px 4px 6px 1px rgba(0,0,0,0.06); */
        display: none;
        position: absolute;
        left: 11px;
        
    }

    .cul-block:hover .bg-white {
        display: none;
    }