@charset "utf-8";
 
    .content{
        width: 100%!important;
         margin: 0 auto;
    }
    .banner_box {
        min-width: auto!important;
    }
    .synopsis_box{
    	width:100%!important;
    }
    .consultingadvertisements {
        min-width: auto!important;
    }
    .case_tabs_box {
        width:100%!important;
         margin: 0 auto;
    }
    .navsub_box{
         width:100%!important;
    }
    .banner_box {
       width: 100%!important;
        display: flex;
        flex-direction: row;
    }
    
    .information_box {
        width: 300px;
        
    }
    .ourservices_box {
     width: 100%;
    }
    

/************************************基础开始*************************************/

.infolist_title {
    background: #e9e9e9;
    height:42px;
    line-height: 42px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
}

.yunHuTitle{
    color: #FFF;
    background-color: #ff9000;
    text-align: center;
    font-size: 16px;
    height:42px;
    line-height: 42px; 
}
.case_details_classify li i{
    background: url(/css/web/images/read.png) no-repeat center center;
    width: 14px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: 0px;
    margin: 0 2px;
}
.case_details_main a{
    color: rgb(19,110,194);
    text-decoration: underline;
}
.case_details_main{
    font-size: 16px;
    line-height:26px;
}
.case_details_main .videocontainer{
    display: flex; /* 设置容器为flex布局 */
        justify-content: center; /* 水平居中对齐子元素 */
        align-items: center; /* 垂直居中对齐子元素 */ 
        margin-bottom: 10px;
}
.base_content {
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.base_content.gray,
.synopsis_content {
    background-color: #f7f9fc;
}

.base_content.team {
    padding-bottom: 0;
    background-image: url(../images/team_bg.png);
    background-position: center 86px;
    background-size: auto 100%;
}


.base_title_content {
    display: flex;
    flex-direction: column;
    align-items: center;
     margin-top:10px;
}

.base_title_content h2 {
    font-size:23px;
    color: #333;
}

.base_title_content h2.line::after {
    content: '';
    width: 46px;
    height: 5px;
    margin: 26px auto 0;
    display: block;
    background-image: linear-gradient(to right, #ff8600, #fe5722);
}

.base_title_content p {
    line-height: 24px;
    text-align: left;
    font-size: 15px;
    color: #333;
}

.base_title_content.white h2,
.base_title_content.white p {
    color: white;
}

.base_img {
    padding-top:26px;
    text-align: center;
}

/************************************基础结束*************************************/

/************************************导航开始*************************************/

.nav_content {
    width: 100%;
    transition: background .2s;
    position: absolute;
    top: 0;
    z-index: 20;
}

.nav_content:hover {
    background-color: rgba(0, 0, 0, .3);
}

.nav_box {
    height: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.logo_content a {
    font-size: 0;
}

.logo_content img {
    height: 38px;
    font-size: 16px;
}

.nav > ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.nav > ul > li {
    transition: all .2s;
    cursor: pointer;
    position: relative;
}
.nav > ul > li.cur::after {
    opacity: 1!important;
}

.nav > ul > li::after {
    content: '';
    width: 100%;
    height: 3px;
    opacity: 0;
    transition: all .2s;
    background-color: #fff;
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 1;
}

.nav > ul > li:not(:first-child) {
    margin-left: 44px;
}

.nav > ul > li > a {
    height: 80px;
    line-height: 80px;
    font-size: 16px;
    color: #fff;
    display: block;
}

.nav > ul > li:hover::after {
    opacity: 1;
}

.nav > ul > li:hover .navsub_content {
    display: block;
}

.navsub_content {
    display: none;
    background-color: #fff;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .06);
    border-radius: 4px;
    cursor: default;
    position: absolute;
    top: 100%;
    left: -492px;
    z-index: 1;
}

.navsub_box {
    width: 900px;
}

.navsub_box dl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 50px;
}

.navsub_box dl dd {
    width: 33.3333%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 50px 0 0 50px;
}

.navsub_box dl dd a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.navsub_box dl dd a img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
}

.navsub_text {
    display: flex;
    flex-direction: column;
}

.navsub_text span {
    font-size: 15px;
    color: #333;
}

.navsub_text small {
    margin-top: 8px;
    font-size: 12px;
    color: #999;
}



/************************************导航结束*************************************/

/************************************底部开始*************************************/

.footer_content {
    display: flex;
    flex-direction: column;
}

.footer_top {
    background-color: #292929;
}

.footer_characteristic_content {
    height: 110px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.footer_characteristic_content li {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer_characteristic_content li img {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

.footer_characteristic_text {
    display: flex;
    flex-direction: column;
}

.footer_characteristic_text h3 {
    font-size: 18px;
    color: #fff;
}

.footer_characteristic_text span {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}

.footer_bottom {
    background-color: #222222;
}

.footer_info_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 66px 0 44px;
}

.footer_info_left {
    width: 300px;
}

.footer_info_left,
.footer_logo,
.footer_info_number {
    display: flex;
    flex-direction: column;
}

.footer_logo {
    text-align: center;
}

.footer_logo span {
    margin-top: 20px;
    font-size: 14px;
    color: #999;
}

.footer_info_number_content {
    min-height: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    margin-top: 30px;
    border: 1px solid rgba(255, 255, 255, .1);
}

.footer_info_number_content img {
    margin-right: 15px;
}

.footer_info_number span {
    line-height: 18px;
    margin: 3px 0;
    font-size: 12px;
    color: #999;
    word-break: break-all;
}

.footer_info_center {
    display: flex;
    flex-direction: row;
}

.footer_link_content:not(:last-child) {
    padding-right: 100px;
}

.footer_link_content h3 {
    font-size: 16px;
    color: #999;
}

.footer_link_content h3::after {
    content: '';
    width: 40px;
    height: 1px;
    margin-top: 16px;
    display: block;
    background-color: rgba(255, 255, 255, .1);
}

.footer_link_box {
    display: flex;
    flex-direction: row;
}

.footer_link_box ul:not(:last-child) {
    margin-right: 24px;
}

.footer_link_box ul li {
    margin-top: 20px;
}

.footer_link_box ul li a {
    font-size: 14px;
    color: #999;
}

.footer_info_right {
    display: flex;
    flex-direction: column;
}

.footer_tel_content {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.footer_tel_content img {
    width: 50px;
    height: 50px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 12px;
}

.footer_tel {
    display: flex;
    flex-direction: column;
}

.footer_tel span {
    font-size: 14px;
    color: #999;
}

.footer_tel strong {
    margin-top: 10px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}

.footer_qrcode_content ul {
    display: flex;
    flex-direction: row;
    padding-top: 28px;
}

.footer_qrcode_content ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer_qrcode_content ul li:not(:last-child) {
    margin-right: 34px;
}

.footer_qrcode_content ul li img {
    width: 100px;
    height: 100px;
}

.footer_qrcode_content ul li span {
    margin-top: 10px;
    font-size: 12px;
    color: #999;
}

.footer_friendchain_content {
    padding: 14px 0 24px;
    border-top: 1px solid rgba(255, 255, 255, .05);
}

.footer_friendchain_content dl {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.footer_friendchain_content dl dd {
    margin-top: 10px;
    margin-right: 6px;
}

.footer_friendchain_content dl dt {
    margin-top: 10px;
    margin-right: 20px;
}

.footer_friendchain_content dl dd a,
.footer_friendchain_content dl dt a {
    font-size: 13px;
    color: #999;
}

.footer_copyright_content {
    height: 88px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-top: 1px solid rgba(255, 255, 255, .05);
}

.footer_copyright_content p {
    line-height: 20px;
    font-size: 12px;
    color: #999;
}

/************************************底部结束*************************************/

/***********************************banner开始************************************/

.banner_content {
    position: relative;
    overflow: hidden;
}



.banner_content.h_500 .banner_img {
    height:250px;
    /* padding-bottom: 26.0416%; */
}

.banner_content.h_400 .banner_img {
    height: 400px;
}

.banner_img {
    width: 100%;
    height: 600px;
    flex-grow: 0;
    flex-shrink: 0;
    /* padding-bottom: 31.25%; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner_img:not(:first-child) {
    display: none;
}

.banner_img a {
    width: 100%;
    height: 100%;
    display: block;
}

.banner_paging {
    width: 100%;
    text-align: center;
    font-size: 0;
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 1;
}

.banner_paging span {
    width: 60px;
    height: 2px;
    margin: 0 4px;
    display: inline-block;
    background-color: rgba(255, 255, 255, .4);
    position: relative;
    cursor: pointer;
}

.banner_paging span small {
    width: 0;
    height: 100%;
    display: block;
    background-color: #fff;
}

/***********************************banner结束************************************/

/************************************首页开始*************************************/

.home_servicesystem_content {
    padding-top: 60px;
}

.home_servicesystem_content ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.home_servicesystem_content ul li {
    width: 276px;
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 20px 20px;
    border: 1px solid #dadee5;
}

.home_servicesystem_top {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.home_servicesystem_img {
    width: 86px;
    height: 86px;
    background-position: center;
    background-size: cover;
}

.home_servicesystem_content ul li:nth-child(1) .home_servicesystem_img {
    background-image: url(../images/home/servicesystem_img01.png);
}

.home_servicesystem_content ul li:nth-child(2) .home_servicesystem_img {
    background-image: url(../images/home/servicesystem_img02.png);
}

.home_servicesystem_content ul li:nth-child(3) .home_servicesystem_img {
    background-image: url(../images/home/servicesystem_img03.png);
}

.home_servicesystem_content ul li:nth-child(4) .home_servicesystem_img {
    background-image: url(../images/home/servicesystem_img04.png);
}

.home_servicesystem_top h3 {
    margin-top: 40px;
    font-size: 20px;
    color: #333;
}

.home_servicesystem_top span {
    width: 40px;
    height: 2px;
    margin-top: 26px;
    display: block;
    background-color: #ff8600;
}

.home_servicesystem_top p {
    line-height: 22px;
    margin-top: 16px;
    text-align: center;
    font-size: 13px;
    color: #949699;
}

.home_servicesystem_bottom {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.home_servicesystem_bottom a {
    width: 160px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    color: #ff8600;
    border: 1px solid #ff8600;
    transition: all .2s;
}

.home_servicesystem_bottom a:hover {
    color: #fff;
    background-color: #ff8600;
}

.home_solution_content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 45px;
    margin: 0 -7px;
}

.home_solution_content ul li {
    width: 33.3333%;
    padding: 14px 7px 0;
}

.home_solution_box {
    height: 242px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px;
    background-color: #f7f9fc;
    border-radius: 4px;
}

.home_solution_top {
    display: flex;
    flex-direction: row;
}

.home_solution_top img {
    width: 142px;
    height: 132px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 20px;
}

.home_solution_text {
    width: 10px;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
}

.home_solution_text h3 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.home_solution_text p {
    line-height: 28px;
    margin-top: 12px;
    text-align: justify;
    font-size: 14px;
    color: #888;
    word-break: break-all;
}

.home_solution_bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.home_solution_bottom a {
    width: 165px;
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border-radius: 4px;
}

.home_solution_bottom a:nth-child(1) {
    color: #ff8600;
    border: 1px solid #ff8600;
}

.home_solution_bottom a:nth-child(2) {
    color: #fff;
    background-image: linear-gradient(to right, #ff9800, #ff7600);
}

.home_modular_content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 46px;
    margin: 0 -10px;
}

.home_modular_content ul li {
    width: 20%;
    padding: 20px 10px 0;
}

.home_modular_box {
    height: 326px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 23px 0;
    background-color: #fff;
    border: 1px solid #ebedf0;
    border-radius: 4px;
}

.home_modular_box img {
    width: 80px;
    height: 80px;
}

.home_modular_box h3 {
    margin-top: 24px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}

.home_modular_box span {
    width: 100%;
    height: 1px;
    margin-top: 25px;
    background-color: #f0f0f0;
}

.home_modular_box p {
    line-height: 30px;
    margin-top: 16px;
    text-align: center;
    font-size: 14px;
    color: #808080;
}

.home_marketingtools_content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.home_marketingtools_content ul li {
    width: 14.2857%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
}

.home_marketingtools_content ul li span {
    margin-top: 20px;
    font-size: 18px;
    color: #333;
}

.home_why_content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 42px;
    margin: 0 -6px;
}

.home_why_content ul li {
    width: 20%;
    padding: 24px 12px 0;
}

.home_why_box {
    height: 236px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 42px;
    border: 1px solid #e9ebf0;
    border-radius: 4px;
}

.home_why_box h3 {
    margin-top: 20px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.home_why_box p {
    line-height: 20px;
    margin-top: 14px;
    text-align: center;
    font-size: 14px;
    color: #999;
}

.information_content > ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 64px;
}


.information_box {
    height: 392px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow:  0 10px 20px rgba(0, 0, 0, .04);
}

.information_content > ul > li:nth-child(1) .information_head {
    background-image: url(../images/information_bg01.png);
}

.information_content > ul > li:nth-child(2) .information_head {
    background-image: url(../images/information_bg02.png);
}

.information_content > ul > li:nth-child(3) .information_head {
    background-image: url(../images/information_bg03.png);
}

.information_head {
    height: 124px;
    flex-grow: 0;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
    background-position: center;
    background-size: cover;
}

.information_head h2 {
    font-size: 24px;
    color: #fff;
}

.information_head span {
    margin-top: 14px;
    font-size: 15px;
    color: #fff;
}

.information_main {
    height: 10px;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.information_list {
     padding: 7px 20px 0;
    overflow: hidden;
    background: #FFF;
}

.information_list ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    height:30px;
    line-height:30px;
}

.information_list ul li::before {
    content: '';
    width: 6px;
    height: 6px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 10px;
    background-color: #e6e6e6;
    border-radius: 50%;
}

.information_list ul li a {
    font-size: 15px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.information_link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 30px;
}

.information_link a {
    width: 150px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    font-size: 15px;
    color: #ff8600;
    border: 1px solid #ff8600;
    transition: all .2s;
}

.information_link a:hover {
    color: #fff;
    background-color: #ff8600;
}

/************************************首页结束*************************************/

/**********************************个人中心开始***********************************/

.synopsis_content {
    position: relative;
    z-index: 1;
}

.synopsis_interval {
    height: 1px;
}

.synopsis_box {
     padding: 25px 0;
    margin: -83px auto 0;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .04);
}

.synopsis_text {
    padding: 20px 20px 0;
}

.synopsis_text p {
    line-height: 35px;
    text-indent: 2em;
    text-align: justify;
    font-size: 16px;
    color: #666;
    word-break: break-all;
}

.synopsis_data_content ul {
    display: flex;
    flex-direction: row;
    padding-top:20px;
}

.synopsis_data_content ul li {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.synopsis_data_number {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    color: #fe5722;
}

.synopsis_data_number span {
    margin-bottom: -3px;
    font-size: 30px;
    font-weight: bold;
}

.synopsis_data_number small {
    margin-left: 2px;
    font-size: 22px;
}

.synopsis_data_text {
    margin-top: 18px;
    font-size: 14px;
    color: #808080;
}

.ourservices_content > ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 20px;
}


.ourservices_box { 
   
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .04);
}

.ourservices_head {
    font-size: 0;
}

.ourservices_main {
    height: 370px;
    padding: 0 24px;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
}

.ourservices_main > ul {
    display: flex;
    flex-direction: column;
}

.ourservices_main > ul > li {
    display: flex;
    flex-direction: row;
    padding-top: 30px;
}

.ourservices_main > ul > li::before {
    content: '';
    width: 6px;
    height: 6px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-top: 1px;
    margin-right: 12px;
    background-color: #fff;
    border: 2px solid #fe5722;
    border-radius: 50%;
}

.ourservices_describe {
    width: 10px;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
}

.ourservices_describe span {
    margin-top: -2px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.ourservices_describe small {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}

.contactus_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 20px;
}

.contactus_box {
    width: 370px;
    height: 400px;
    display: flex;
    flex-direction: column;
    padding: 40px 30px 0;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .04);
    
}

.contactus_box > h3 {
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.contactus_box ul {
    display: flex;
    flex-direction: column;
}

.contactus_box ul li {
    line-height: 27px;
    display: flex;
    flex-direction: row;
    margin-top: 35px;
}

.contactus_box ul li i {
    width: 24px;
    height: 24px;
    flex-grow: 0;
    flex-shrink: 0;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
}

.contactus_box ul li i.icon_position {
    background-image: url(../images/icon_position.png);
}

.contactus_box ul li i.icon_tel {
    background-image: url(../images/icon_tel.png);
}

.contactus_box ul li i.icon_qq {
    background-image: url(../images/icon_qq.png);
}

.contactus_box ul li span {
    margin-top: -2px;
    font-size: 18px;
    color: #333;
}

.contactus_box ul li small {
    font-size: 14px;
    color: #999;
}

.contactus_online {
    width: 130px;
    height: 44px;
    line-height: 44px;
    margin-top: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-image: linear-gradient(to right, #fe5722, #ff9500);
}

/**********************************个人中心结束***********************************/

/**********************************定制开发开始***********************************/

.customized_advantage_content ul {
    display: flex;
    flex-direction: row;
    padding-top: 20px;
}

.customized_advantage_content ul li {
    width:100%;
    padding: 0 13px;
}

.customized_advantage {
    height: 290px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 24px 0;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, .04);
}

.customized_advantage img {
    width: 90px;
    height: 90px;
}

.customized_advantage h3 {
    margin-top: 20px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}

.customized_advantage p {
    line-height: 24px;
    margin-top: 15px;
    font-size: 16px;
    color: #808080;
}

.base_content.efficient {
    background-image: url(/css/web/images/customized/efficient_bg.png);
}

.efficient_content {
    padding-top: 16px;
}

.efficient_content ul {
    min-height: 360px;
    position: relative;
}

.efficient_right {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.efficient_left {
     padding: 26px 15px 16px;
    margin-bottom: 15px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 4px;
    cursor: pointer;
}

.efficient_title {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}

.efficient_title i {
    width: 24px;
    height: 24px;
    margin-right: 15px;
    background-repeat: no-repeat;
    background-size: cover;
}

.efficient_title i.icon_efficient1 {
    background-image: url(/css/web/images/customized/icon_efficient1_2.png);
}

.efficient_title i.icon_efficient2 {
    background-image: url(/css/web/images/customized/icon_efficient2_2.png);
}

.efficient_title i.icon_efficient3 {
    background-image: url(/css/web/images/customized/icon_efficient3_2.png);
}

.efficient_title h3 {
    font-size: 20px;
    color: #fff;
}

.efficient_text {
    line-height: 24px;
    padding-left: 39px;
    display: none;
    text-align: justify;
    font-size: 14px;
    color: #fff;
}

.efficient_content ul li.active .efficient_left {
    border-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to right, #ff8600, #f3a12e);
}

.efficient_content ul li.active .efficient_title h3 {
    font-weight: bold;
}

.efficient_content ul li.active .efficient_text,
.efficient_content ul li.active .efficient_right {
    display: block;
}


.efficient_content ul li.active .efficient_title i.icon_efficient1 {
    background-image: url(/css/web/images/customized/icon_efficient1_1.png);
}

.efficient_content ul li.active .efficient_title i.icon_efficient2 {
    background-image: url(/css/web/images/customized/icon_efficient2_1.png);
}

.efficient_content ul li.active .efficient_title i.icon_efficient3 {
    background-image: url(/css/web/images/customized/icon_efficient3_1.png);
}

.customized_case_content.customized {
    padding-top: 56px;
}

.customized_case_content ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.customized_case_content ul li {
    width: 215px;
    margin-top: 26px;
    margin-right: 26px;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(204, 204, 204, .2);
    transition: box-shadow .2s;
}

.customized_case_content ul li:nth-child(5n) {
    margin-right: 0;
}

.customized_case_content ul li:hover {
    box-shadow: 0 10px 20px rgba(204, 204, 204, .5);
}

.customized_case_img {
    width: 100%;
    height: 170px;
    background-position: center;
    background-size: cover;
}

.customized_case_info {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}

.customized_case_text {
    height: 94px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.customized_case_text h3{
	color:#333;
	line-height:20px;
}
.customized_case_text span {
    font-size: 16px;
    color: #333;
	overflow: hidden;
     -o-text-overflow: ellipsis;
     -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.customized_case_text span {
    line-height: 20px;
    margin-top: 8px;
    font-size: 13px;
    color: #999;
}

.customized_case_label dl {
    height: 42px;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid #ebedf0;
}

.customized_case_label dl dd {
    padding: 0 8px;
    font-size: 12px;
    color: #999;
    position: relative;
}

.customized_case_label dl dd:not(:last-child)::after {
    content: '';
    width: 1px;
    height: 12px;
    background-color: #c8cacc;
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
}

.customized_case_label dl dd:first-child {
    padding-left: 0;
}

.customized_case_label dl dd:last-child {
    padding-right: 0;
}

.consultingadvertisements {
    min-width: 1200px;
    height: 310px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url(/css/web/images/consultingadvertisements.png);
    background-position: center;
    background-size: cover;
}

.consultingadvertisements h2 {
    font-size: 24px;
    color: #fff;
    padding: 0px 20px;
    line-height: 30px;
}

.consultingadvertisements p {
    margin-top: 30px;
    font-size: 16px;
    color: #fff;
    padding: 0px 20px;
     line-height: 20px;
}

.consultingadvertisements a {
    width: 180px;
    height: 56px;
    line-height: 56px;
    margin-top: 52px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background-image: linear-gradient(to right, #fe5722, #ff8600);
    border-radius: 8px;
}

.case_tabs_content {
    width: 100%;
}



.case_tabs_box ul {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.case_tabs_box ul li {
    margin-right: 38px;
    border-bottom: 3px solid rgba(0, 0, 0, 0);
}

.case_tabs_box ul li a {
    height: 67px;
    line-height: 67px;
    font-size: 16px;
    color: #666;
    display: block;
}

.case_tabs_box ul li:hover,
.case_tabs_box ul li.active {
    border-bottom: 3px solid #ff8600;
}

.case_tabs_box ul li:hover a,
.case_tabs_box ul li.active a {
    color: #ff8600;
}

.base_content.case {
    padding-top: 0;
}

.case_page_content ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
       padding-top: 10px;
    padding-bottom: 10px;
}
.case_page_content ul li.active a{
	color:#FFFFFF!important;
}
.case_page_content ul li {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 0 5px;
    font-size: 14px;
    color: #333;
    border: 1px solid #e1e3e6;
    background-color: #fff;
    cursor: pointer;
}

.case_page_content ul li .prev {
    text-align: left;
}

.case_page_content ul li:hover,
.case_page_content ul li.active {
    color: #fff;
    background-color: #ff8600;
    border-color: #ff8600;
}

.casedetails_content {
    width: 100%;
    background-color: #f7f9fc;
}

.casedetails_box {
    width: 1000px;
    margin: -120px auto 0;
    padding-bottom: 100px;
    position: relative;
    z-index: 2;
}

.casedetails_head_cotnent {
    padding: 0 40px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .04);
}

.casedetails_head_top {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    padding: 30px 0 16px;
}

.casedetails_head_info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    padding-right: 60px;
}

.casedetails_head_info h2 {
    font-size: 28px;
    color: #333;
    font-weight: bold;
}

.casedetails_head_info p {
    line-height: 25px;
    margin-top: 14px;
    font-size: 15px;
    color: #666;
}

.casedetails_head_img {
    width: 80px;
    height: 80px;
    flex-grow: 0;
    flex-shrink: 0;
    border-radius: 16px;
    background-position: center;
    background-size: cover;
}

.casedetails_head_bottom ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 5px 0 15px;
}

.casedetails_head_bottom ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 10px;
}

.casedetails_head_bottom ul li:not(:last-child) {
    margin-right: 40px;
}

.casedetails_head_bottom ul li img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.casedetails_head_bottom ul li small {
    font-size: 14px;
    color: #b2b2b2;
}

.casedetails_head_bottom ul li span {
    font-size: 14px;
    color: #666;
}

.casedetails_module {
    display: flex;
    flex-direction: column;
    padding: 30px 0;
    margin-top: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .04);
}

.casedetails_title {
    padding: 0 40px;
}

.casedetails_title h3 {
    line-height: 17px;
    display: flex;
    flex-direction: row;
    margin-bottom: 24px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.casedetails_title h3::before {
    content: "";
    width: 3px;
    height: 18px;
    margin-right: 10px;
    border-radius: 10px;
    background-color: #3b426b;
}

.casedetails_info {
    padding: 0 40px;
}

.casedetails_case .swiper-slide {
    height: 170px;
    background-position: center;
    background-size: cover;
}



























.casedetails_back {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    font-size: 16px;
    color: #666;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 12px 24px rgba(0, 0, 0, .04);
    cursor: pointer;
}

/**********************************定制开发结束***********************************/