/* scoped legacy PC css */
.ui-pc .tip_box {
    background-color: #888888;
    padding: .65rem 0;
    height: .3rem;
    line-height: .3rem;
    font-size: .24rem;
    color: #ffffff;
    position: relative;
    z-index: 10;}

.ui-pc .tip_left {
    float: left;
    width: 60%;}

.ui-pc .tip_right {
    float: right;
    cursor: pointer;
    display: flex;}

.ui-pc .tip_arrow {
    background: url("../images/index/tip_arrow.png") no-repeat;
    background-size: 100% auto;
    width: .144rem;
    height: .24rem;
    display: inline-block;
    position: relative;
    top: .02rem;
    margin-left: .1rem;}

.ui-pc .tip_close {
    background: url("../images/index/tip_close.png") no-repeat;
    background-size: 100% auto;
    width: .2rem;
    height: .2rem;
    display: inline-block;
    position: relative;
    top: .02rem;
    margin-left: .1rem;}

.ui-pc #tip_alert_box {
    background-color: #ffffff;
    position: absolute;
    width: 100%;
    height: 5rem;
    top: 1.6rem;
    left: 0;
    z-index: 9;
    overflow: auto;
    font-size: .24rem;
    transform: translate3d(0,-5rem,0);
    transition: transform .6s;
    padding-bottom: .5rem;
    box-sizing: border-box;}

.ui-pc #tip_alert_box.active {
    transform: translate3d(0,0,0) !important;}

.ui-pc #tip_alert_box h2 {
    text-align: center;
    color: #B7183F;
    font-size: .32rem;
    margin: .96rem 0;}

.ui-pc .tips_text {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: .81rem;
    color: #333333;}

.ui-pc .tips_title {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: .15rem 0;
    font-weight: bold;
    color: #aa2936;}

.ui-pc .nav_placeholder {
    position: relative;
    width: 100%;
    padding: .45rem 0 .4rem;
    overflow: hidden;
    min-width: 1000px;
    
    margin: 0 auto;
    visibility:hidden;}

.ui-pc #nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    margin: 0 auto;
    background-color: #ffffff;
    padding-top: 0;
    overflow: visible;
    transition: transform .6s;
    transform: translate3d(0,-1.6rem,0) !important;}

.ui-pc #nav.activity {
    transform: translate3d(0,0,0) !important;}

.ui-pc #nav_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;}

.ui-pc .nav {
    position: relative;
    z-index: 2;}

.ui-pc .logo_blue {
    display: block;}

.ui-pc .logo_white {
    display: none;}

.ui-pc .active .logo_blue {
    
    display: none;}

.ui-pc .active .logo_white {
    display: block;}

.ui-pc .active .nav_t {
    border-bottom-color: transparent;}

.ui-pc #banner {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    width: 90%;
    margin: 0 auto;}

.ui-pc #banner_img {
    width: 100%;}

.ui-pc #banner_title {
    width: 6.61rem;
    position: absolute;
    top: 3.8rem;
    left: 3.8rem;}

.ui-pc #banner_txt {
    width: 6.62rem;
    position: absolute;
    top: 7.8rem;
    left: 4rem;}

.ui-pc .title_box {
    text-align: center;
    padding: 1.1rem 0 .8rem;
    font-weight: bold;}

.ui-pc .title {
    font-size: .56rem;}

.ui-pc .sub_title {
    font-size: .32rem;
    position: relative;}

.ui-pc .sub_title:before {
    content: ' ';
    width: 1.6rem;
    height: .03rem;
    background-color: #a82b39;
    display: inline-block;
    margin-right: .1rem;
    position: relative;
    bottom: .1rem;}

.ui-pc .sub_title:after {
    content: ' ';
    width: 1.6rem;
    height: .03rem;
    background-color: #a82b39;
    display: inline-block;
    margin-left: .1rem;
    position: relative;
    bottom: .1rem;}

.ui-pc .box_title {
    font-size: .48rem;
    color: #333333;
    margin-bottom: .58rem;}

.ui-pc .box_sub_title {
    font-size: .24rem;
    position: relative;
    bottom: .15rem;
    margin-left: .2rem;}

.ui-pc #about_us_box {
    padding-bottom: 1.78rem;}

.ui-pc .about_us_cont {
    width: 45%;
    float: left;
    font-size: .24rem;
    line-height: 1.9;}

.ui-pc .about_us_cont p {
    font-size: .24rem;}

.ui-pc .about_highlight {
    color: #a82b39;
    font-style: italic;
    font-weight: bold;
    font-size: .28rem;}

.ui-pc .line_top_left {
    width: .02rem;
    height: .52rem;
    background-color: #a82b39;
    position: absolute;
    left: -.01rem;
    top: 0;}

.ui-pc .line_top_top {
    width: .52rem;
    height: .02rem;
    background-color: #a82b39;
    position: absolute;
    left: -.01rem;
    top: 0;}

.ui-pc .line_bot_right {
    width: .02rem;
    height: .52rem;
    background-color: #a82b39;
    position: absolute;
    right: -.01rem;
    bottom: 0;}

.ui-pc .line_bot_bot {
    width: .52rem;
    height: .02rem;
    background-color: #a82b39;
    position: absolute;
    right: -.01rem;
    bottom: 0;}

.ui-pc .timeline_index_cont {
    border-top: .01rem solid #dddddd;
    color: #999999;
    font-size: .24rem;
    display: flex;
    padding-left: .15rem;
    padding-bottom: 1rem;
    justify-content: space-between;}

.ui-pc .timeline_index_item {
    padding: .2rem .15rem 0;
    position: relative;
    cursor: pointer;}

.ui-pc .timeline_index_item.active {
    color: #333333;}

.ui-pc .timeline_index_item.active:before {
    content: " ";
    position: absolute;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background-color: #b51c41;
    top: -.3rem;
    left: 0;
    right: 0;
    margin: 0 auto;}

.ui-pc .timeline_box {
    width: 100%;
    position: relative;
    overflow-x: auto;
    background-color: #f4f5f6;
    -ms-overflow-style: none;
    scrollbar-width: none;}

.ui-pc .timeline_box::-webkit-scrollbar {display:none}

.ui-pc .timeline_cont {
    padding-left: .576rem;
    padding-right: 1.25rem;
    float: left;
    -moz-user-select:none; 
    -webkit-user-select:none; 
    -ms-user-select:none; 
    -khtml-user-select:none; 
    user-select:none;}

.ui-pc .timeline_1 {
    padding: 0 2.29rem;
    display: flex;}

.ui-pc .timeline_month_years_box {
    display: flex;}

.ui-pc .timeline_1 .timeline_month_box {
    display: flex;
    flex-direction: column-reverse;}

.ui-pc .timeline_2 {
    background: url("../images/index/timeline_bg2.jpg");
    background-size: auto 100%;
    height: 3.78rem;
    position: relative;
    padding: 0 2.29rem;}

.ui-pc .timeline_3 {
    padding: 0 2.29rem;
    display: flex;}

.ui-pc .timeline_2_arrow_left {
    background: url("../images/index/timeline_arrow_left.png") no-repeat;
    background-size: auto 100%;
    width: .95rem;
    height: 3.78rem;
    position: absolute;
    left: 0;
    top: 0;}

.ui-pc .timeline_2_arrow_right {
    background: url("../images/index/timeline_arrow_right.png?v=1") no-repeat;
    background-size: auto 100%;
    width: .95rem;
    height: 3.78rem;
    position: absolute;
    right: -.01rem;
    top: 0;}

.ui-pc .timeline_2_arrow_center {
    background-color: #ffffff;
    height: .024rem;
    position: absolute;
    left: .95rem;
    right: .912rem;
    top: 0;
    bottom: 0;
    margin: auto 0;}

.ui-pc .timeline_2_arrow_center_arrow {
    background: url("../images/index/timeline_arrow_right1.png") no-repeat;
    background-size: auto 100%;
    width: .6rem;
    height: 1.6rem;
    position: absolute;
    right: .852rem;
    top: 0;
    bottom: 0;
    margin: auto 0;}

.ui-pc .timeline_month_box {
    width: 4rem;
    font-size: .18rem;
    color: #ffffff;
    margin-left: .4rem;}

.ui-pc .timeline_month_box_list {
    color: #999999;
    margin: .34rem 0;}

.ui-pc .active .timeline_month_box_list {
    color: #b7183f;}

.ui-pc .active .timeline_month_box_list span {
    color: #333333;}

.ui-pc .timeline_month_cont {
    display: flex;}

.ui-pc .timeline_month_highlight {
    font-size: .32rem;}

.ui-pc .timeline_year_box {
    font-size: 1.06rem;
    color: #ffffff;
    height: 1.9rem;}

.ui-pc .timeline_year_box:nth-of-type(even) {
    margin-top: .384rem;
    top: 40%;
    position: relative;}

.ui-pc .timeline_year_txt {
    cursor: pointer;}

.ui-pc .timeline_year_icon {
    display: inline-block;
    background: url("../images/index/timeline_year_icon.png") no-repeat;
    background-size: auto 100%;
    width: .44rem;
    height: .76rem;}

.ui-pc .active .timeline_year_icon {
    background: url("../images/index/timeline_year_active_icon.png") no-repeat;
    background-size: auto 100%;}

.ui-pc .news_box {
    padding-bottom: 1.54rem;}

.ui-pc .news_cont {
    float: left;
    width: 50%;
    height: 6rem;}

.ui-pc .news_date {
    color: #999999;
    font-size: .28rem;
    line-height: 1.2;}

.ui-pc .news_title {
    font-size: .32rem;
    color: #333333;
    line-height: 1.2;
    margin-top: .3rem;
    padding-right: .86rem;
    cursor: pointer;
    font-weight: bold;}

.ui-pc .news_desc {
    font-size: .28rem;
    color: #333333;
    line-height: 2;
    margin-top: .6rem;
    padding-right: .86rem;
    cursor: pointer;}

.ui-pc #news_container1 .swiper-pagination {
    text-align: left;}

.ui-pc #news_container1 .swiper-pagination-bullet {
    width: .21rem;
    height: .21rem;}

.ui-pc #news_container1 .swiper-pagination-bullet-active {
    background-color: #e43743;}

.ui-pc #news_container2 img {
    width: 8.06rem;
    cursor: pointer;}

.ui-pc .team_box {
    position: relative;
    padding-bottom: 1.08rem;}

.ui-pc .team_txt {
    background: url("../images/index/team_txt.png") no-repeat;
    background-size: 100% auto;
    width: 12.29rem;
    height: 1.64rem;
    position: absolute;
    top: 3.3rem;
    left: 2.4rem;}

.ui-pc .team_btn {
    background: url("../images/index/team_btn.png") no-repeat;
    background-size: 100% auto;
    width: 2.99rem;
    height: .97rem;
    position: absolute;
    top: 6.3rem;
    left: 7.1rem;
    cursor: pointer;}

.ui-pc .job_box {
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
    position: relative;}

.ui-pc .job_bg {
    background: url("../images/index/job_box_bg.png");
    background-size: auto 100%;
    width: 19rem;
    height: 8.86rem;
    margin-left: 6.48rem;}

.ui-pc .job_cont {
    background-color: #f5f6f7;
    width: 7.74rem;
    height: 6.55rem;
    position: absolute;
    top: 1rem;
    right: .792rem;
    padding-left: .76rem;}

.ui-pc .job_title {
    font-size: .7rem;
    color: #333333;
    font-weight: bold;
    margin-top: .99rem;}

.ui-pc .job_tip {
    margin-top: .96rem;
    width: 1.824rem;}

.ui-pc .contact_box {
    background-color: #ffffff;
    padding-top: 1.272rem;
    padding-bottom: 1.6rem;}

.ui-pc .contact_cont {
    float: left;
    width: 45%;}

.ui-pc .contact_title_box {}

.ui-pc .contact_logo_box {
    float: left;}

.ui-pc .contact_logo {
    width: 2.18rem;}

.ui-pc .contact_sub_title_box {
    float: right;}

.ui-pc .contact_sub_title {
    width: 3.14rem;}

.ui-pc .contact_list_box {
    color: #333333;
    padding-top: .74rem;
    padding-bottom: .6rem;
    font-size: .25rem;}

.ui-pc .contact_list {
    border-bottom: .02rem dotted #333333;
    padding-bottom: .144rem;}

.ui-pc .contact_list_left {
    float: left;
    padding-top: .288rem;}

.ui-pc .contact_list_right {
    float: right;
    margin-top: .16rem;}

.ui-pc .contact_btn {
    font-size: .14rem;
    padding: 0 .1rem;
    border: .02rem solid #999999;
    border-radius: .1rem;
    position: relative;
    bottom: .03rem;
    float: left;}

.ui-pc .contact_addr {
    font-size: .25rem;
    font-weight: bold;
    width: 4.32rem;
    padding-bottom: .264rem;}

.ui-pc .contact_banner {
    width: 100%;}