html, body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    color: #000;
}

a {
    transition: color 1s;
    -moz-transition: color 1s;
    -webkit-transition: color 1s;
    -o-transition: color 1s;
    color: #888;
    text-decoration: none;
}

a:hover {
    color: #000;
}

.text_stress {
    font-weight: bold;
}

#main_banner_cover {
    width: 100%;
    height: 220px;
}

#main_banner_wapper {
    width: 100%;
    height: 219px;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.85);
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    border-bottom: 2px solid #888;
}

#main_banner {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

#main_banner img {
    margin: auto;
    max-width: 295px;
}

#main_social_wapper {
    margin-left: auto;
    margin-right: auto;
    width: 1272px;
    height: 249px;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: -1;
}

#main_social {
    width: 24px;
    height: 114px;
    float: right;
    margin-top: 80px;
}

#main_social ul {
    padding: 0px;
    margin: 0px;
}

#main_social ul li {
    list-style: none;
    width: 24px;
    height: 24px;
    margin-bottom: 6px;
}

#main_social #social_instgram {
    background-image: url(../images/social_instgram.png);
    background-size: 24px;
}

#main_social #social_facebook {
    background-image: url(../images/social_facebook.png);
    background-size: 24px;
}

#main_social #social_wechat {
    background-image: url(../images/social_wechat.png);
    background-size: 24px;
}

#main_social #social_weibo {
    background-image: url(../images/social_weibo.png);
    background-size: 24px;
}

#main_menu_wapper {
    width: 1272px;
    height: 88px;
    margin: auto;
    text-align: center;
}

/*
#main_menu_wapper a {
    display: inline-block;
    margin: 30px 0px 0px 40px;
    height: 24px;
    text-decoration: none;
    transition: background-image 1s;
    -moz-transition: background-image 1s;
    -webkit-transition: background-image 1s;
    -o-transition: background-image 1s;
}
*/

#main_menu_wapper .nav_titletext {
    display: inline-block;
    margin: 30px 40px 0px 0px;
    font-family: '微软雅黑';
    letter-spacing: -1.5px;
    font-size: 32px;
    /*text-decoration: line-through 2px white;*/
     /*-moz-text-decoration-line: line-through 2px white;*/ /* Firefox */
}

#main_menu_wapper .last {
    margin-right: 0px;
}

#main_menu_wapper #nav_contact {
    background-image: url(../images/nav_index_contact.png);
    width: 151.47px;
    background-size: 151.47px;
}

#main_menu_wapper #nav_contact:hover {
    background-image: url(../images/nav_index_contact_hover.png);
}

#main_menu_wapper #nav_about {
    background-image: url(../images/nav_index_about.png);
    width: 164.27px;
    background-size: 164.27px;
}

#main_menu_wapper #nav_about:hover {
    background-image: url(../images/nav_index_about_hover.png);
}

#main_menu_wapper #nav_direct {
    background-image: url(../images/nav_index_direct.png);
    width: 270.93px;
    background-size: 270.93px;
}

#main_menu_wapper #nav_direct:hover {
    background-image: url(../images/nav_index_direct_hover.png);
}

#main_menu_wapper #nav_talent {
    background-image: url(../images/nav_index_talent.png);
    width: 107.2px;
    background-size: 107.2px;
}

#main_menu_wapper #nav_talent:hover {
    background-image: url(../images/nav_index_talent_hover.png);
}

#main_menu_wapper #nav_women {
    background-image: url(../images/nav_index_women.png);
    width: 133.33px;
    background-size: 133.33px;
}

#main_menu_wapper #nav_women:hover {
    background-image: url(../images/nav_index_women_hover.png);
}

#main_menu_wapper #nav_asian {
    background-image: url(../images/nav_index_asian.png);
    width: 100.8px;
    background-size: 100.8px;
    margin-left: 0px;
}

#main_menu_wapper #nav_asian:hover {
    background-image: url(../images/nav_index_asian_hover.png);
}

#main_banner_wapper_x {
    width: 100%;
    height: 99px;
    position: fixed;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0.85);
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    border-bottom: 2px solid #888;
    display: none;
}

#main_nav_wapper_x {
    width: 1272px;
    height: 100%;
    margin: auto;
}

#main_banner_x_logo {
    width: 210px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    float: left;
    align-items: center;
}

#main_banner_x_logo img {
    margin: auto;
    max-width: 145px;
}

#main_banner_x_nav {
    width: 1000px;
    height: 100%;
    margin: 0px;
    float: right;
    padding: 0px;
}

#main_social_x {
    width: 100%;
    height: 40px;
    margin: 0px;
    padding: 0px;
}

#main_social_x a {
    width: 18px;
    height: 18px;
    float: right;
    margin: 16px 0px 0px 10px;
}

#main_social_x #social_instgram_x {
    background-image: url(../images/social_instgram.png);
    background-size: 18px;
}

#main_social_x #social_facebook_x {
    background-image: url(../images/social_facebook.png);
    background-size: 18px;
}

#main_social_x #social_wechat_x {
    background-image: url(../images/social_wechat.png);
    background-size: 18px;
}

#main_social_x #social_weibo_x {
    background-image: url(../images/social_weibo.png);
    background-size: 18px;
}

#main_menu_x {
    width: 100%;
    height: 59px;
    margin: 0px;
    padding: 0px;
    display: flex;
    justify-content: flex-end;
}

/*
#main_menu_x a {
    height: 18px;
    float: right;
    margin: 22px 0px 0px 30px;
    transition: background-image 1s;
    -moz-transition: background-image 1s;
    -webkit-transition: background-image 1s;
    -o-transition: background-image 1s;
}
*/

#main_menu_x .nav_titletext_x {
    font-family: '微软雅黑';
    font-size: 24px;
    letter-spacing: -1.5px;
    float: right;
    margin: 16px 0px 0px 30px;
    /*text-decoration: line-through 1.5px white;*/
    /*text-decoration-color: rgba(255, 255, 255, 1);*/
    /*-moz-text-decoration-line: line-through 1.5px white;*/
}

#main_menu_x #nav_contact_x {
    background-image: url(../images/nav_index_contact.png);
    width: 113.6px;
    background-size: 113.6px;
}

#main_menu_x #nav_contact_x:hover {
    background-image: url(../images/nav_index_contact_hover.png);
}

#main_menu_x #nav_about_x {
    background-image: url(../images/nav_index_about.png);
    width: 123.2px;
    background-size: 123.2px;
}

#main_menu_x #nav_about_x:hover {
    background-image: url(../images/nav_index_about_hover.png);
}

#main_menu_x #nav_talent_x {
    background-image: url(../images/nav_index_talent.png);
    width: 80.4px;
    background-size: 80.4px;
}

#main_menu_x #nav_talent_x:hover {
    background-image: url(../images/nav_index_talent_hover.png);
}

#main_menu_x #nav_direct_x {
    background-image: url(../images/nav_index_direct.png);
    width: 203.2px;
    background-size: 203.2px;
}

#main_menu_x #nav_direct_x:hover {
    background-image: url(../images/nav_index_direct_hover.png);
}

#main_menu_x #nav_women_x {
    background-image: url(../images/nav_index_women.png);
    width: 100px;
    background-size: 100px;
}

#main_menu_x #nav_women_x:hover {
    background-image: url(../images/nav_index_women_hover.png);
}

#main_menu_x #nav_asian_x {
    background-image: url(../images/nav_index_asian.png);
    width: 75.6px;
    background-size: 75.6px;
}

#main_menu_x #nav_asian_x:hover {
    background-image: url(../images/nav_index_asian_hover.png);
}

#index_banner_x {
    width: 100%;
    height: 58px;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 100;
    display: none;
    background-color: white;
}

#index_banner_x #index_nav_logo {
    float: left;
    margin-top: 12px;
    margin-left: 20px;
    height: 34px;
}

#index_banner_x #index_nav_logo img {
    max-height: 34px;
}

#index_banner_x #index_nav_button {
    float: right;
    margin-top: 12px;
    margin-right: 20px;
    width: 34px;
    height: 34px;
    background-image: url(../images/index_nav_button.png);
    background-size: 34px;
    cursor: pointer;
    transition: background-image 1s;
    -moz-transition: background-image 1s;
    -webkit-transition: background-image 1s;
    -o-transition: background-image 1s;
}

#index_banner_x #index_nav_button:hover {
    background-image: url(../images/index_nav_button_hover.png);
}

#index_banner_x #index_nav_menu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
    z-index: 200;
    background-color: #fff;
    display: none;
}

#index_banner_x #index_nav_menu #index_nav_inlogo {
    float: left;
    margin-top: 12px;
    margin-left: 20px;
    height: 34px;
}

#index_banner_x #index_nav_menu #index_nav_inlogo img {
    max-height: 34px;
}

#index_banner_x #index_nav_menu #index_nav_inbanner {
    width: 100%;
    height: 58px;
    margin: 0px;
}

#index_banner_x #index_nav_menu #index_nav_inbanner #index_nav_inbutton {
    float: right;
    margin-top: 12px;
    margin-right: 20px;
    width: 34px;
    height: 34px;
    background-image: url(../images/index_nav_button.png);
    background-size: 34px;
    cursor: pointer;
    transition: background-image 1s;
    -moz-transition: background-image 1s;
    -webkit-transition: background-image 1s;
    -o-transition: background-image 1s;
}

#index_banner_x #index_nav_menu #index_nav_inbanner #index_nav_inbutton:hover {
    background-image: url(../images/index_nav_button_hover.png);
}

#index_banner_x #index_nav_menu ul {
    padding: 0px;
    margin: 12px 20px 0px 20px;
    border-bottom: 1px solid white;
}

#index_banner_x #index_nav_menu ul li {
    list-style: none;
}

#index_banner_x #index_nav_menu ul li h1 {
    font-family: 'maintext-bold';
    font-size: 2.6em;
    text-align: right;
    margin: 0px;
    padding-top: 22px;
    padding-bottom: 12px;
    border-top: 1px solid white;
    letter-spacing: -2px;
}

#main_content {
    width: 1272px;
    margin: auto;
    display: inherit;
}

#main_content h1 {
    font-family: 'maintext-bold';
    font-weight: 100;
    font-size: 50px;
    margin-top: 35px;
    margin-bottom: 40px;
}

#main_content h1 .models_name {
    letter-spacing: -2px;
}

#main_content h1 .models_data {
    margin-left: 22px;
    font-family: 'maintext-light';
    font-size: 22px;
}

#main_content h3 {
    font-family: 'maintext-light';
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #666;
    padding-left: 2em;
}

#main_content .table {
    font-family: 'maintext-light';
    font-weight: 400;
    font-size: 24px;
    margin: 50px auto 40px auto;
    padding: 0;
    display: table;
    border-collapse: collapse;
    border-top: 1px solid #333;
}

#main_content .table-tr {
    display: table-row;
}

#main_content .table-th {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 12px 0px;
    border-bottom: 1px solid #333;
    background-color: #ccc;
}

#main_content .table-td {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 12px 0px;
    border-bottom: 1px solid #333;
    background-color: #eee;
}   

#main_footer {
    width: 1272px;
    margin: auto;
    border-top: 2px solid #888;
    padding-bottom: 10px;
}

#main_footer #main_footer_logo {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

#main_footer #main_footer_logo img {
    max-width: 200px;
}

#main_footer #main_footer_copyright {
    font-family: 'maintext-regular';
    text-align: center;
    font-size: 20px;
    margin-bottom: 3px;
}

#main_footer #main_footer_address {
    font-family: "PingFang SC", "Helvetica Neue", Helvetica, "Hiragino Sans GB", Arial, Verdana, "Microsoft Yahei";
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
    color: #888;
}

#main_model_wapper {
    width: 1296px;
    display: flex;
    flex-wrap: wrap;
    font-family: "Times New Roman";
    font-size: 30px;
    margin-left: -12px;
    font-weight: bold;
}

#main_model_wapper img {
    max-width: 100%;
}

#main_model_wapper .model_cover {
    width: 300px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 30px;
    flex-shrink: 0;
    text-align: right;
}

#main_model_wapper .model_photo {
    width: 624px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    flex-shrink: 0;
    text-align: right;
}

#main_model_wapper .model_photo_x {
    width: 1272px;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    flex-shrink: 0;
    text-align: right;
}

/* Responsive Mode
-------------------------------------------------- */
@media screen and (max-width: 1300px) {
    #index_banner_x {
        display: block;
    }

    #main_banner_wapper {
        display: none;
    }

    #main_banner_wapper_x {
        display: none;
    }

    #main_menu_wapper {
        display: none;
    }

    #main_banner_cover {
        height: 58px;
    }

    #main_content {
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
    }

    #main_content h1 {
        font-size: 42px;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    #main_content h1 .models_name {
        display: block;
    }

    #main_content h1 .models_data {
        margin-left: 0px;
    }

    #main_content h3 {
        font-size: 20px;
        margin-bottom: 20px;
        padding-left: 0px;
    }

    #main_content .table {
        font-size: 20px;
        margin: 20px auto 40px auto;
        width: 100% !important;
    }

    #main_content .table-th {
        padding: 8px 0px;
    }

    #main_content .table-td {
        padding: 8px 0px;
    }

    #main_footer {
        width: 100%;
        margin: auto;
    }

    #main_footer #main_footer_logo {
        margin-bottom: 10px;
    }

    #main_footer #main_footer_logo img {
        max-width: 180px;
    }

    #main_footer #main_footer_copyright {
        font-size: 18px;
        margin-top: 3px;
    }

    #main_footer #main_footer_address {
        font-size: 12px;
        margin-bottom: 20px;
    }

    #main_model_wapper {
        width: 100%;
        margin-left: 0px;
    }

    #main_model_wapper img {
        min-width: 97.5%;
        max-width: 97.5%;
    }

    #main_model_wapper .model_cover {
        width: 50%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    #main_model_wapper .model_photo {
        width: 50%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 18px;
    }

    #main_model_wapper .model_photo_x {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 18px;
    }
}


@media (max-width: 960px) {
 
    #main_content h1 .models_data {
        font-size: 2.38vw;
    }

    #main_footer {
        padding-bottom: 320px;
    }
}

@media (max-width: 486px) {
    #index_banner_x #index_nav_logo {
        float: left;
        margin-top: 0px;
        margin-left: 0px;
        height: 60px;
    }

    #index_banner_x #index_nav_logo img {
        max-height: 60px;
    }

    #index_banner_x #index_nav_button {
        margin-top: 10px;
        margin-right: 10px;
        width: 28px;
        height: 28px;
        background-size: 28px;
    }
    
    #index_banner_x #index_nav_menu #index_nav_inlogo {
        margin-top: 0px;
        margin-left: 0px;
        height: 60px;
    }

    #index_banner_x #index_nav_menu #index_nav_inlogo img {
        max-height: 60px;
    }

    #index_banner_x #index_nav_menu #index_nav_inbanner {
        height: 46px;
    }

    #index_banner_x #index_nav_menu #index_nav_inbanner #index_nav_inbutton {
        margin-top: 10px;
        margin-right: 10px;
        width: 28px;
        height: 28px;
        background-size: 28px;
    }

    #index_banner_x #index_nav_menu ul {
        margin: 10px 18px 0px 18px;
    }

    #index_banner_x #index_nav_menu ul li h1 {
        font-size: 2em;
        padding-top: 18px;
        padding-bottom: 10px;
    }

    #main_banner_cover {
        height: 46px;
    }

    #main_content {
        padding-left: 10px;
        padding-right: 10px;
        width: auto;
    }

    #main_content h1 {
        font-size: 30px;
        margin-top: 34px;
    }

    #main_content h3 {
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    #main_content .table {
        font-size: 18px;
        margin: 20px auto 30px auto;
    }

    #main_footer #main_footer_logo {
        display: none;
    }

    #main_footer #main_footer_copyright {
        font-family: 'maintext-regular';
        text-align: center;
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 3px;
    }

    #main_footer #main_footer_address {
        font-size: 12px;
        margin-bottom: 20px;
    }

    #main_model_wapper img {
        min-width: 100%;
        max-width: 100%;
    }

    #main_model_wapper .model_cover {
        width: 100%;
    }

    #main_model_wapper .model_photo {
        width: 100%;
    }

    #main_model_wapper .model_photo_x {
        width: 100%;
    }
}