@charset "utf-8";
.layui-carousel{position:relative;left:0;top:0;background-color:#f8f8f8}.layui-carousel>[carousel-item]{position:relative;width:100%;height:100%;overflow:hidden}.layui-carousel>[carousel-item]:before{position:absolute;content:'\e63d';left:50%;top:50%;width:100px;line-height:20px;margin:-10px 0 0 -50px;text-align:center;color:#c2c2c2;font-family:layui-icon!important;font-size:30px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-carousel>[carousel-item]>*{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f8f8f8;transition-duration:.3s;-webkit-transition-duration:.3s}.layui-carousel-updown>*{-webkit-transition:.3s ease-in-out up;transition:.3s ease-in-out up}.layui-carousel-arrow{display:none\0;opacity:0;position:absolute;left:10px;top:50%;margin-top:-18px;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;border:none 0;border-radius:50%;background-color:rgba(0,0,0,.2);color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer}.layui-carousel-arrow[lay-type=add]{left:auto!important;right:10px}.layui-carousel[lay-arrow=always] .layui-carousel-arrow{opacity:1;left:20px}.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{right:20px}.layui-carousel[lay-arrow=none] .layui-carousel-arrow{display:none}.layui-carousel-arrow:hover,.layui-carousel-ind ul:hover{background-color:rgba(0,0,0,.35)}.layui-carousel:hover .layui-carousel-arrow{display:block\0;opacity:1;left:20px}.layui-carousel:hover .layui-carousel-arrow[lay-type=add]{right:20px}.layui-carousel-ind{position:relative;top:-35px;width:100%;line-height:0!important;text-align:center;font-size:0}.layui-carousel[lay-indicator=outside]{margin-bottom:30px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind{top:10px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul{background-color:rgba(0,0,0,.5)}.layui-carousel[lay-indicator=none] .layui-carousel-ind{display:none}.layui-carousel-ind ul{display:inline-block;padding:5px;background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li{display:inline-block;width:10px;height:10px;margin:0 3px;font-size:14px;background-color:#eee;background-color:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li:hover{background-color:rgba(255,255,255,.7)}.layui-carousel-ind li.layui-this{background-color:#fff}.layui-carousel>[carousel-item]>.layui-carousel-next,.layui-carousel>[carousel-item]>.layui-carousel-prev,.layui-carousel>[carousel-item]>.layui-this{display:block}.layui-carousel>[carousel-item]>.layui-this{left:0}.layui-carousel>[carousel-item]>.layui-carousel-prev{left:-100%}.layui-carousel>[carousel-item]>.layui-carousel-next{left:100%}.layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right{left:0}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-left{left:-100%}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-right{left:100%}.layui-carousel[lay-anim=updown] .layui-carousel-arrow{left:50%!important;top:20px;margin:0 0 0 -18px}.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add]{top:auto!important;bottom:20px}.layui-carousel[lay-anim=updown] .layui-carousel-ind{position:absolute;top:50%;right:20px;width:auto;height:auto}.layui-carousel[lay-anim=updown] .layui-carousel-ind ul{padding:3px 5px}.layui-carousel[lay-anim=updown] .layui-carousel-ind li{display:block;margin:6px 0}.layui-carousel[lay-anim=updown]>[carousel-item]>*{left:0!important}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next{top:100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right{top:100%}.layui-carousel[lay-anim=fade]>[carousel-item]>*{left:0!important}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev{opacity:0}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{opacity:1}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right{opacity:0}



.head_menu_popup_content {
    width: 100%;
     background-color: #fff;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .05);
    transition: top .5s;
    position: fixed;
    top: 70px;
    left: 0;
    z-index: 9;
}

.head_menu_popup_box {
    width: 1200px;
    margin: 0 auto;
    padding: 3px 0 33px;
}

.head_menu_popup_list {
    padding: 17px 0;
}

.head_menu_popup_title > h3 {
    font-size: 15px;
    color: #000;
    font-weight: bold;
}

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

.head_menu_popup_module > ul > li {
    width: 25%;
    padding-top: 20px;
}

.head_menu_popup_module > ul > li > a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.head_menu_popup_module > ul > li > a:hover{
    color: #333;
    text-decoration: underline;
}

.head_menu_popup_img,
.head_menu_popup_img > img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

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

.head_menu_popup_describe > span {
    font-size: 14px;
    color: #333;
}

.head_menu_popup_describe > span > label {
    height: 16px;
    line-height: 14px;
    padding: 0 3px;
    margin-left: 5px;
    font-size: 12px;
    color: #fff;
    background-image: linear-gradient(to right bottom, #fe5722, #ff7b51);
    border-radius: 2px;
}

.head_menu_popup_describe > small {
    margin-top: 10px;
    font-size: 12px;
    color: #999;
}


 #YH_fangan{
               width: 200px; 
                position: fixed;
                 display: ;
                top: 50%;
                margin-top: -150px;
                left: 50%;
                margin-left: -730px;
                z-index: 1;
                background: #FFF;
                 border-radius: 8px;
            }
            #YH_fangan img{
                width: 100%;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
            }
            #YH_fangan .YH_jsdet{
                width: 100%;
                text-align: center;
                height: 42px;
                line-height: 42px;
                margin: 0px;
                padding: 0px;
                color:#f00;
                font-size: 16px; 
            }
@media screen and (min-width: 10px) and (max-width: 1199px){
    
    .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: 300px;
    }
    
}




@media (min-width: 1200px) {  



.content {
    width: 1200px;
    margin: 0 auto;
}

.case_tabs_box {
    width: 1200px;
    margin: 0 auto;
}
.banner_box {
    min-width: 1200px;
    display: flex;
    flex-direction: row;
}

.information_box {
    width: 380px;
    
}
.ourservices_box {
 width: 380px;
}

}


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

.base_content {
    padding: 50px 0;
    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/personal/team_bg.png);
    background-position: center 286px;
    background-size: auto;
}


.base_title_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
}

.base_title_content h2 {
    font-size: 36px;
    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;
    margin-top: 28px; 
    font-size: 16px;
    color: #949699;
}

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

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

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

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

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


.nav_content.active{
    position: fixed;
    z-index: 999999;
    background: #ff8401;
} 

.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: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    margin: auto;
}

.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: 36px 0 24px;
}

.footer_info_left {
    width: 300px;
}

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

.footer_logo {
     
}

.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_box_d .banner_img{
    height:430px!important;
 }

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

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

.banner_img {
    width: 100%;
    height:620px;
    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_img02.png);
}

.home_servicesystem_content ul li:nth-child(2) .home_servicesystem_img {
    background-image: url(../images/home/servicesystem_img01.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 {
    margin: auto;
    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: 30px;
}


.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 {
     flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

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


.infolist_title{
    background: #fafafa;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    font-weight: bold;
    padding-left: 20px;
}
.infolistBox_list {
     overflow: hidden;
}
.infolistBox{
   
}
.moreinfo4{
    width: 100%!important;
}
.moreinfo4 ul li{
    width: 25%!important;
}
.moreinfo2 {
  padding-top:0px;width:100%;  width: 1200px;
    margin: auto;
}
.infocontent{
    padding: 20px 0px;
    width: 1200px;
    margin: auto;
}

.infolistBox_list ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 15px;
    width: 33.3%;
    float: left;
}

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

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


.moreinfo {
  padding-top:0px;width:50%;float:left; 
    max-height: 300px;
    overflow-y: auto;
}

.moreinfo ul li{
    width: 50%;float:left;
}


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

.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 {
    width: 1200px;
    padding: 60px 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 58px 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: 50px;
}

.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: 40px;
    font-weight: bold;
}

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

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

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


.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: 16px;
    color: #333;
    font-weight: bold;
}

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

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

.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/personal/icon_position.png);
}

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

.contactus_box ul li i.icon_qq {
    background-image: url(../images/personal/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: 80px;
}

.customized_advantage_content ul li {
    width: 25%;
    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: 13px;
    color: #808080;
}

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

.efficient_content {
    padding-top: 76px;
}

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

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

.efficient_left {
    width: 350px;
    padding: 26px 30px 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(../images/customized/icon_efficient1_2.png);
}

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

.efficient_title i.icon_efficient3 {
    background-image: url(../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(../images/customized/icon_efficient1_1.png);
}

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

.efficient_content ul li.active .efficient_title i.icon_efficient3 {
    background-image: url(../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-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;
	font-weight: normal;
	    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.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(../images/consultingadvertisements.png);
    background-position: center;
    background-size: cover;
}

.consultingadvertisements h2 {
    font-size: 32px;
    color: #fff;
}

.consultingadvertisements p {
    margin-top: 30px;
    font-size: 16px;
    color: #fff;
}

.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 {
    float: left;
    margin-right: 15px;
    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: 5px;
}
.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;
    padding-top:32px;
    padding-bottom:32px;
}

.casedetails_box {
    width: 1200px;
     padding-bottom: 100px;
    position: relative;
    z-index: 2;
}

.casedetails_head_cotnent {
    padding: 0 20px;
    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: 20px 0 20px;
}

.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: 100% 100%;
}

.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 20px;
}

.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 20px;
     word-wrap: break-word;
    color: #333;
    margin-bottom: 15px;
     zoom: 1;
}
.casedetails_info div,.casedetails_info p,.casedetails_info b,.casedetails_info span,.casedetails_info img{
    max-width: 100%!important;
    line-height: 25px;
    font-size: 15px;
}
.casedetails_info a{
    color:#136ec2;
    text-decoration:underline;
}

.casedetails_info video{
     
}
.casedetails_info .videocontainer{
    display: flex; /* 设置容器为flex布局 */
        justify-content: center; /* 水平居中对齐子元素 */
        align-items: center; /* 垂直居中对齐子元素 */ 
        margin-bottom: 10px;
}

.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;
}

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