@CHARSET "UTF-8";

.about-row{background:#f5f5f5;}
.about-row-head{background: url(../images/about-img-1.jpg) no-repeat center top ;}
.about-row-head .head{width: 1200px;margin: 0px auto; height: 260px; position: relative;    text-align: center;}
.about-row-head .head .title{text-align: center; font-size: 36px;color: #fff;font-weight: bold;width: 100%;display: inline-block;height: 40px;line-height: 40px;    margin-top: 120px;}
.about-row-head .head i{width: 60px;height: 8px;background: #dd342c;display: inline-block;margin-top:30px;}
.about-row-head  .text{background: #fff;width: 1160px;margin: 0px auto;font-size: 16px;line-height: 28px;padding:25px 20px 30px;color: #666;}
.base-head{height: 160px;  text-align: center;}
.base-head .title{text-align: center; font-size: 36px;color: #333333;font-weight: bold;width: 100%;display: inline-block;height: 40px;line-height: 40px;    margin-top: 45px;}
.base-head i{width: 60px;height: 8px;background: #dd342c;display: inline-block;margin-top:30px;}

.about-list{width: 100%;margin-bottom:43px;background: #fff; height: 360px;}
.about-list .list{padding: 53px 0px 0px 55px;float: left;width: 545px;}
.about-list .list .name{width: 160px;height: 46px;line-height: 46px;background: #dd342c;color: #fff;font-size: 22px;text-align: center;}
.about-list .list h2{font-size:22px;width: 100%;line-height: 60px;color: #333;font-weight: normal;}
.about-list .list ul{font-size: 16px;width: 100%;}
.about-list .list ul li{position: relative;width: 480px;float: left; padding-left: 15px;color: #666; line-height: 28px;}
.about-list .list ul li i{position: absolute;width: 6px; height: 6px;background: #dd342c;overflow: hidden;border-radius: 50px;left: 0px;top:12px;}

.about-fot{background: url(../images/about-img-5.jpg) no-repeat center bottom ; height: 380px;}
.about-fot .rows-fot{width: 1200px;margin: 0px auto;position:relative;}
.about-fot .rows-fot .list{width:310px;float: left;margin-left: 20px;margin-top: 30px;color: #fff;}
.about-fot .rows-fot .list h3{font-size: 22px; line-height: 40px;    font-weight: normal;    margin-bottom: 10px;}
.about-fot .rows-fot .list .text{font-size:14px; line-height:30px;}
.about-fot .rows-fot .list.small{width: 500px;}

.about-fot .rows-fot .list.lxwm{margin-top: 70px;}

.contact-us{  text-align: left;}
.contact-us .title{text-align: left; font-size: 36px;color: #fff;font-weight: bold;width: 100%;display: inline-block;height: 40px;line-height: 40px;    margin-top:0px;letter-spacing: 3px;}
.contact-us i{width: 60px;height: 8px;background: #dd342c;display: inline-block;margin-top:30px;}

.menutwo .bd_border{display: none;}
.nav_bar ul li .biddingsubmenu{top:50px !important;}
.nav_bar ul li .financemenu{top:50px !important;}
.nav_assortment .smb i{background: #000 !important;filter: alpha(Opacity=60) !important; -moz-opacity: 0.6 !important;opacity: 0.6 !important;box-shadow:none !important;}
.nav_assortment .smb .box .item a{color:#ccc !important;}
.nav_assortment .smb .box .item a:hover{color:#fff !important;}
.nav_assortment .smb .box h4{color:#fff !important;}
.nav_assortment .smb .box h4 a{color:#fff !important;}


.new_about_us{}
.new_about_us .about_us_banner{
    width: 100%;
    height: 400px;
    background: url("../../index_v2/images/about-banner.jpg") no-repeat center / cover;
}
.new_about_us .company_profile{
    width: 100%;
    background-color: #fff;
}
.new_about_us .block_title{
    width: 100%;
    text-align: center;
    position: relative;
    padding: 50px 0;
}
.new_about_us .block_title .title_txt{font-size: 30px; color: #333; position: relative;font-weight: bold; padding-bottom: 30px;}
.new_about_us .block_title .title_txt:after{content: ''; display: block;width: 60px;height: 8px;background-color: #dd342d; border-radius: 5px;position: absolute;left: 50%;bottom: 5px;transform: translateX(-50%)}
.new_about_us .company_profile_body{height: 571px; background-color: #F7F8FA;}
.new_about_us .company_profile_img{width: 510px;height: 100%;}
.new_about_us .company_profile_img img{width: 100%; height: 100%;}
.new_about_us .company_profile_body_content{width: 610px;height: 100%;}
.new_about_us .company_profile_body_content .company_profile_body_head{width: 100%;}
.new_about_us .company_profile_body_content .company_profile_body_txt{font-size: 16px; color: #333;line-height: 26px;}
.new_about_us .company_profile_body_content .company_profile_body_txt p{margin-top: 15px;}

.flex-between{display: -ms-flex; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; justify-content: space-between;-ms-flex-align: center;align-items: center;}

.honorary_introduction{width: 100%; height: 876px;background: url("../../index_v2/images/honorary-introduction-bg.png") no-repeat center / cover;}
.honorary_introduction_statistics{width: 900px; height: 140px; margin: 0 auto;position: relative;}
.honorary_introduction_statistics .statistics_item {width: 30%; position: absolute; top: 0; text-align: center;}
.honorary_introduction_statistics .statistics_item:nth-of-type(1){left: 0}
.honorary_introduction_statistics .statistics_item:nth-of-type(2){left: 50%; transform: translateX(-50%)}
.honorary_introduction_statistics .statistics_item:nth-of-type(3){right: 0}
.honorary_introduction_statistics .statistics_item .count{font-size: 40px; font-weight: bold; color: #333;padding-bottom: 15px;}
.honorary_introduction_statistics .statistics_item .label{font-size: 16px; color: #999;}

.about_us_carousel {
    position: relative;
    width: 100%;
    height: 500px;
}

.about_us_carousel * {
    box-sizing: border-box;
}

.about_us_carousel_inner{transform: translateX(-70px);width: 100%; height: 100%;position: relative;}

.about_us_carousel_item {
    position: absolute;
    width: 374px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    transition: transform 0.5s, opacity 0.5s, left 0.5s;
    transform: scale(0.6) translateX(-50%);
    left: 50%;
    opacity: 0;
    padding: 20px;
    background: url("../../index_v2/images/carousel_item_border.png") no-repeat center / 100% 100%;
}

.about_us_carousel_item::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}

.about_us_carousel_item.active {
    opacity: 1;
    transform: scale(1);
}

.about_us_carousel_item.active::before {
    display: none;
}
.about_us_carousel_item img{width: 100%; height: 100%;}
.about_us_carousel_control {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
    border: none;
    cursor: pointer;
    z-index: 10;
    display: none;
    width: 48px;
    height: 48px;
    overflow: hidden;
    outline: none;
}

.about_us_carousel:hover .about_us_carousel_control {
    display: block;
}

.about_us_carousel_control.prev {
    left: -55px;
    background: url("../../index_v2/images/about_us_carousel_control_prev.png") no-repeat center/cover;
}

.about_us_carousel_control.next {
    right: -48px;
    background: url("../../index_v2/images/about_us_carousel_control_next.png") no-repeat center/cover;
}




.development_course{width: 100%;background-color: #fff;}
.development_course .development_course_head{width: 100%; height: 300px; background: url("../../index_v2/images/about-us-development-course-bg.jpg") no-repeat center/cover;}
.development_course_timeline{width: 1200px;margin: 0 auto; height: 100px;position: relative;display: flex; flex-flow: row nowrap; align-items: center;}
.development_course_timeline::before{content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; top: 49px;background-color: #ddd;}
.development_course_timeline .timeline_item{display: inline-block; color: #ddd; font-size: 16px; height: 100%;position: relative; cursor: pointer; flex: 1; text-align: center;}
.development_course_timeline .timeline_item::after{content: ''; display: block;width: 12px; height: 12px; border-radius: 50%;background-color: #ddd; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.development_course_timeline .timeline_item:hover{ color: #fff;}
.development_course_timeline .timeline_item:hover::after,.development_course_timeline .timeline_item.active::after{ background-color: #dd342d; }
.development_course_timeline .timeline_item.active{color: #fff; font-size: 30px; font-weight: bold;}
.development_course_timeline .timeline_item.active::before{content: '';position: absolute;top: calc(50% - 18px);left: calc(50% - 18px);width: 36px;height: 36px;background: rgba(221, 52, 45, 0.8);border-radius: 50%;transform: scale(0);transform-origin: center;opacity: 1;pointer-events: none; animation: ripple-animation 1.5s infinite;}
.development_course_detail_wrapper{ height: 570px; overflow: hidden;position: relative; }
.development_course_detail{width: 100%; height: 510px;padding: 30px 0; display: flex; flex-direction: column; flex-shrink: 0; flex-wrap: wrap; position: relative;background-color: #fff; align-items: center;}
/*.development_course_detail.align_center{align-items: center;}*/
.development_course_detail .development_course_detail_item{width: 300px; height: 90px; font-size: 16px; color: #333; position: relative; padding: 30px 20px 0 80px; line-height: 1.5; }
/*.development_course_detail .development_course_detail_item:nth-of-type(5){position: absolute; right: 0; top: 30px;}
.development_course_detail .development_course_detail_item:nth-of-type(6){position: absolute; right: 0; top: 105px;}
.development_course_detail .development_course_detail_item:nth-of-type(7){position: absolute; right: 0; top: 180px;}
.development_course_detail .development_course_detail_item:nth-of-type(8){position: absolute; right: 0; top: 255px;}*/
.development_course_detail .development_course_detail_item::before{content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #dd342d; position: absolute; left: 45px; top: 42px; transform: translateY(-50%);}
.development_course_detail .development_course_detail_item::after{content: ''; display: block; width: 0; height: 90px; border: 1px dashed #ddd; position: absolute; left: 54px; top: 55px;}
.development_course_detail .development_course_detail_item:last-child::after{display: none;}
.development_course_detail .development_course_detail_item:nth-of-type(4n)::after{display: none;}
.development_course_detail .development_course_detail_item span.month{color: #999; position: absolute; left: 0px;}

.classic_case{width: 100%; height: 634px;background: url("../../index_v2/images/about_us_classic_case_bg.jpg") no-repeat center / cover;}
.classic_case_body{height: 360px; overflow: hidden; position: relative;}
.classic_case_body img{height: auto; width: 100%;}
.classic_case_body ul {height: 360px;}
.classic_case_body .prev, .classic_case_body .next{position: absolute; top: 50%; transform: translateY(-50%); color: #ffffff; border: none; cursor: pointer; z-index: 10; display: none; width: 48px; height: 48px; overflow: hidden;}
.classic_case_body:hover .prev, .classic_case_body:hover .next {display: block;}
.classic_case_body .prev {
    left: 10px;
    background: url("../../index_v2/images/about_us_carousel_control_prev.png") no-repeat center/cover;
}

.classic_case_body .next{
    right: 10px;
    background: url("../../index_v2/images/about_us_carousel_control_next.png") no-repeat center/cover;
}

.contact_us{width: 100%; height: 495px; background-color: #fff;padding-top: 60px;}
.contact_us .contact_us_content{width: 435px;}
.contact_us .contact_us_img{width: 724px; height: 370px; background-color: #F5F5F5;}
.contact_us .contact_us_head{text-align: left;padding-top: 0;}
.new_about_us .contact_us_head.block_title .title_txt:after{left: 0; transform: translateX(0)}
.contact_us .contact_us_content .contact_us_content_row{position: relative; padding-left: 35px; border-bottom: 1px dotted #ddd; padding-top: 15px; padding-bottom: 10px}
.contact_us .contact_us_content .contact_us_content_row .icon{max-width: 23px; max-height: 27px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.contact_us .contact_us_content .contact_us_content_row .label{color: #333; font-size: 14px; line-height: 1.5;}
.contact_us .contact_us_content .contact_us_content_row .txt{color: #999; font-size: 14px;}
.contact_us .contact_us_content .contact_us_content_row .contact_us_second_row{position: absolute; left: 200px; top: 15px;}

@keyframes ripple-animation {
    to {
        transform: scale(1);
        opacity: 0;
    }
}


.anchorBL{display:none;}