body{
    width:100%;
    overflow:hidden;
}
.underground_line{
    width:100%;
    height:0;
    opacity:0;
}
.logo_3y{
    display: block;
    width:147px;
    height:66px;
    position: absolute;
    top:5%;
    left:12.5%;
    transition: all 0.8s ease;
}

.container {
    position: relative;
    float: left;
}
._scroll_bar{
    z-index: 99;
}

.c1 {
    width: 100%;
    height: 100vh;
}
.banner_container{
    width:100%;
    height:auto;
    position: relative;
}
.video_shadow{
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgb(0,0,0,0);
    z-index:2;
    transition:all 1s ease;
    z-index: 13;
}
.banner_container img{
    display: block;
    width:100%;
    height:auto;
}
.full_screen{
    width:100%;
    height:100vh;
}

.img_container{
    position:relative;width:100%;margin:0 auto;height:100%;
    z-index:20;
}
.logo{
    display: inline-block;
    width:140px;
    height:62px;
    background:url('../images/logo.png') no-repeat ;
    background-size:100% auto;
    position:absolute;
    left:12.5%;
    top:120%; /*5%*/
    opacity:0;
    z-index:5;
    transition:all 0.8s ease-out;
}
.banner_img{
    width:1200px;
    height:auto;
    display: block;
    opacity:0;
    transition:all 2s ease;
    position:relative;
}
.index_words{
    /* position:absolute;
    top:42%;
    left:28%; */
    /* font-weight: bold;
    font-size:66px; */
    position: relative;
    top:42%;
}

.index_words .banner_title{
    text-align:center;
    color:#ffffff;
    font-weight:bold;
    font-family:'MicrosoftYaHei';
    font-size:70px;
    line-height:80px;
    position:relative;
    top:80px;
    opacity:0;
    transition:all 0.8s ease-out;
}
.fixed_word,.shine_line{
    color:#ffffff;
}
.typing{
    color:#d1212c;
}
.shine_line{font-size:40px;margin-left:-8px;}
.banner_words{
    background:#d20f1b;
    font-size:16px;color:#ffffff;position:absolute;
    top:76%;/*73%*/
    width:266px;
    text-align:center;
    opacity:0;
    padding:2px 0;
    transition:all 0.8s ease-out;
}
.menu_con{
    position: absolute;
    top:5%; /*5%*/
    opacity:1;
    transition: all 0.8s ease-out;
    left:88.5%;
    width:55px;
}
.language_switch{
    position:relative;
    top:0;
    height:22px;
    z-index:5;
    width:100%;
    margin-bottom:6px;
}

.language_switch span{
    color:#333333;
    font-size:14px;
    line-height:22px;
}
.language_switch span:nth-child(2){
    font-size:12px;
    position: relative;
    top:-1px;
}
.language_switch .toggle{cursor:pointer;}
.menu_btn{
    cursor:pointer;
    z-index: 5;
    width:50px;
    height:40px;
}
.menu_btn span{
    color:#333333;
    font-size:20px;

}
.menu_btn i{
    background: #ffffff;
    transition: all 0.8s ease;
    width: 3px;
    height: 40px;
    float: left;
    margin-right: 10px;
    position: relative;

}
.menu_mask{
    width:100%;height:100%;
    position: absolute;left:0;top:0;z-index:25;
    display:none;
    overflow:hidden;
    
}
.menu_mask .mask_center{
    width:1250px;margin:0 auto;
    height:100%;
    overflow:hidden;position:relative;
}
.grayBlock{
    position:absolute;
    top:0;
    /* width:0; */
    bottom:0;
    height:100%;
    background:rgb(36, 36, 36);
    opacity:0.95;
    transition:all 0.5s ease-out;
}
.close_menu{
    display:inline-block;
    width:46px;
    height:28px;
    cursor:pointer;
    position:absolute;
    left:88.5%;
    top:8%;
    background:url('../images/close.png') no-repeat;
    background-size:100% auto;
    cursor:pointer;
    z-index:99;
    opacity:0;
    transition:all 1.2s ease;
    display:none;
    
}


.menu{
    height:0;
    width:1400px;
    border-radius:50%;
    position:absolute;box-sizing: border-box;
    
    overflow:hidden;

}
.menu_list{
    position:absolute;
    z-index:30;
    right:25%;
    top:10%;
    width:12.5%;
    height:300px;
    
}
.menu_list .menu_item{
    width:100%;
    box-sizing: border-box;
    padding-left:2%;
    height:50px;
    position:relative;
    left:100px;
    opacity:0;
    transition:all 0.5s ease;
    text-align: center;
}
.menu_list a{
    font-size:16px;
    line-height:50px;
    color:#cccccc;
    transition:all 0.3s ease;
}
.menu_list a:hover{
    font-size:22px;
}

.hover_menu{
    font-size:20px;font-weight:bold;
    opacity:1 !important;
}
.menu .menu_list li{
    color:#ffffff;
    position:absolute;
    width:140px;
    text-align:right;
    cursor:pointer;
    height:30px;line-height:30px;
    transition:all 0.5s ease;
    opacity:0.3;
}

.half_circle{
    border:2px solid #ffffff;
    height:1150px;
    width:1100px;
    border-radius:50%;
    position:absolute;box-sizing: border-box;
    top:150px;
    left:150px;

}
.menu_title{
    position: absolute;;
    z-index:30;
    text-align:center;
    font-size:16px;
    color:#cccccc;
    left:25%;
    line-height:30px;
    height:60px
}
.menu_title_show{
    opacity:0;
    left:100px;
    transition:all 0.6s ease;
    position: relative;
}

.full_screen footer{
    position:absolute;bottom:0;left:0;
    width:100%;height:50px;
    z-index:20;
    padding:5px 0;
}
.full_screen footer p{
    width:1250px;line-height:50px;margin:0 auto;color:#000000;font-size:14px;
    text-align: center;
}

header{
    width:100%;
    max-width: 1920px;
    position:relative;
    background:#ffffff;
    /* overflow:hidden; */
    padding:35px 0 18px 0;
    z-index:10;
    
}


.banner_con {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
}

.piecesContainer {
    width: 12.5%;
    position: absolute;
    top: 0;
    height: 100vh;
    overflow: hidden;
    transition: all 0.5s ease;
}

.piecesContainer .sideLine {
    position: absolute;
    width: 1px;
    height: 100%;
    background: #cccccc;
    top: 0;
    right: 0px;
    z-index: 50;
    transition: all 0.8s ease;
}
.innerPage .sideLine{
    width: 1px;
    height: 100%;
    background: #cccccc;
    transition: all 0.5s ease;
    position: absolute;
    z-index: 30;
}
.piecesContainer:nth-child(9) .sideLine {
    right: -2px;
}

.pieces {
    position: absolute;
    display: block;
    height: auto;
    top: 0;
}

.banner {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}

.currentBanner {
    z-index: 10;
}

.close_btn_con{
    width:1200px;
    height:100%;
    margin:0 auto;
}
.close_center{
    position: absolute;
    top:0;
    width:1200px;
    height:100%;
}



/* 成功案例 */
.success_case{
    background:#f2f2f2;
    position: relative;
}
.success_case .img_container{
    width:100%;
}
.success_case .logo{
    opacity:0;
    display: none;
}
.success_case .logo,.success_case .menu_btn,.success_case .language_switch,.success_case footer{
    position:inherit;
}
.success_case .menu_btn i{
    background:#ffffff;
    transition:all 0.8s ease;
    width:3px;
    height:40px;
    float:left;
    margin-right: 10px;
}

.success_case header .header_btn{
    /* float:right; */
    position: relative;
    left:87.5%;
    top:20px;
}

.success_case header{
    position: fixed;
    top:0;
    background:transparent;
    z-index: 99;
    overflow:inherit;
}



.through_line{
    width:2px;
    height:100%;
    background:#cccccc;
    position:absolute;
    top:0;
}
.success_case>.through_line{
    left:50%;
    z-index: 2;
}
.toType{
    width:580px;
    margin:0 auto;
    height:105px;
    text-align: left !important;
    line-height:80px;

}

.center_line_box .through_line:first-child,.success_case .case_center .through_line:first-child{
    left:0;
}
.center_line_box .through_line:nth-child(2),.success_case .case_center .through_line:nth-child(2){
    left:240px
}
.center_line_box .through_line:nth-child(3),.success_case .case_center .through_line:nth-child(3){
    left:480px;
}

.center_line_box .through_line:nth-child(4),.success_case .case_center .through_line:nth-child(4){
    left:960px;
}
.center_line_box .through_line:nth-child(5),.success_case .case_center .through_line:nth-child(5){
    left:1198px;
}
.center_line_box .through_line:nth-child(6),.success_case .case_center .through_line:nth-child(6){
    right:0;
}

.success_case .case_banner{
    width:100%;
    max-width:1680px;
    color:#1e1f20;
    position:relative;
}
.success_case .center_line_box{
    width:1440px;
    height:100%;
    top:0;
    position:absolute
}
.success_case .case_banner .case_banner_words{
    position:absolute;
    top:30%;
    left:0;
    width:100%;
    z-index:15;
}
.case_banner_words .we_are{
    line-height:80px;
    height:80px;
    position:relative;
    transition:all 1s ease;
    opacity:0;
    top:80px;
}
.success_case .case_banner .case_banner_words>i{
    width:100%;
    box-sizing: border-box;
    padding-left:1%;
    position:relative;
    transition:all 1s ease;
    opacity:0;
    top:120px;
}
.success_case .case_banner p{
    text-align:center;
    font-weight:bold;
    font-size:80px;
    letter-spacing:5px;
}
.success_case .case_banner i{
    display:block;
    text-align:center;
    font-size:15px;
}
.success_case .case_banner img{
    width:100%;
    height:auto;
    max-height:861px;

    display:block;
    position: relative;
    z-index:11;
    transition:all 1.2s ease;
    opacity:0;
    top:120px;
}


.success_case .case_center{
    width:100%;
    margin:0 auto;
    position: relative;
    z-index: 22;
}
.success_case .case_center ul{

    padding:250px 0 50px 0;
    
}
.success_case .case_center ul li{
    width:960px;
    margin:0 auto 120px auto;
    height:550px;
    overflow:hidden;
}
.success_case .case_center .case_img{
    margin:0 auto;
    width:100%;
    height:auto;
    position: relative;
    overflow:hidden;
    
}
.case_img .large_img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 99;
}

.success_case .case_center .case_img .case_logo{
    position:absolute;
    width:139px;
    height:72px;
    top:239px;
    left:410px;

}

.success_case .case_center .case_img .img_shadow{
    position: absolute;
    cursor:pointer;
    background:#ffffff;
    opacity:0.75;
    top:-1px;
    left:-1px;
    bottom:-1px;
    right:-1px;transition:all 1s ease;

}
.success_case .case_center .case_img .img_shadow:hover{
    
    opacity:0;
}

.success_case .case_center .case_img img{
    display:block;
    cursor:pointer;
    width:100%;
    height:auto;
    transition:all 6s ease;
}


 .link_bar{
    width:100%;
    background:#e6e6e6;
    height:70px;
    position:relative;
    z-index: 2;
}

 .link_bar .l_links{
    width:50%;float:left;
    top:120px; 
    opacity: 0;
    cursor:pointer;
    position: relative;
    transition: all 0.6s ease;

}

 .link_bar .r_links{
    width:50%;float:left;
    top:120px;
    opacity: 0;
    cursor:pointer;
    position: relative;
    transition: all 0.8s ease;
}
 .link_bar .l_links i{
    position:absolute;
    width:100%;
    height:100%;
    background:url('../images/link_bg.jpg') no-repeat;
    background-size:100% 100%;
    opacity:0;
    transition:all 1.3s ease;
    
}
 .link_bar .r_links i{
    position:absolute;
    width:100%;
    height:100%;
    background:url('../images/link_bg2.jpg') no-repeat;
    background-size:100% 100%;
    opacity:0;
    transition:all 1.3s ease;
}
 .link_bar .l_links:hover{
    background-position-x:0 !important;
}
 .link_bar .r_links:hover{
    background-position-x:0 !important;
}
 .link_bar .sim_link{
    width:230px;
    display: block;
    box-sizing:border-box;
    position: relative;
}
 .link_bar .l_links .sim_link{
    float:right;
}
 .link_bar .r_links .sim_link{
    float:left;
}
 .link_bar img{
    margin-top:33px;
    width:44px;
    height:4px;
}
 .link_bar .l_links .sim_link img{
    float:left;
    margin-right:30px;
}
 .link_bar .r_links .sim_link img{
    float:right;
    display:inline-block;
    transform: rotateY(180deg);
    transform-origin: 50% 50%;
    margin-left:30px;
    margin-right:0;
}
 .link_bar .l_links .sim_link span{
    float:left;
    line-height:70px;
    color:#1e1f20;
}
 .link_bar .r_links .sim_link span{
    float:right;
    line-height:70px;
    color:#1e1f20;
}




footer{
    height:auto;
    padding:20px 0 20px 0;
    height:147px;
    overflow:hidden;
    background:#f2f2f2;
    position: relative;z-index: 10;
    box-sizing: border-box;
}
footer .footer_center{
    width:1200px;
    margin:0 auto;
    color:#1e1f20; 
    position:relative;
    top:120px;
    opacity:0;
    transition:all 0.6s ease;

    
}
.footer_center .footer_logo{
    float:left;
}
.footer_center .footer_logo img{
    display:block;
    width:127px;
    height:57px;
    margin-bottom:15px;
}
.footer_center .footer_logo span{
    font-size:12px;
    font-weight:bold;
}
.footer_center .footer_contact{
    position: relative;
    float:right;
}
footer .to_top{
    position: absolute;
    width:24px;
    height:50px;
    background:url('../images/about_us/to_top.png') no-repeat;
    top:75px;
    left:calc(87.5% - 12px);
    transform:rotateZ(180deg);
    cursor:pointer;
}
.footer_center .footer_contact p{
    font-size:14px;
    margin-bottom:5px;
}
.footer_center .qr_code{
    overflow:hidden;
}
.footer_center .qr_code img{
    width:57px;
    height:56px;
    margin-right:20px;
}
/****/

.show_li {
    position:relative;
    opacity:0;
    top:100px;
    transition:all 1.5s ease;
}


.biggest_img{
    position:fixed;
    top:0;
    left:0;
    opacity:1;
    z-index:99;
    width:0;
    height:0;
    overflow:hidden;
    cursor:pointer;
    
}
.biggest_img img{
    width:100%;
    height:auto;
    display:block;
    cursor:pointer;
}

.copyRight{
    position:relative;
    top:80px;
    opacity:0;
    transition:all 0.8s ease-out;
}



/**  联系我们  **/
/* Header */

.codrops-header {
    position: relative;
    z-index: 100;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 10vw;
    background-image: linear-gradient(110deg, #1e089b, #4702a0);
    font-size: 75%;
}

.codrops-header__inner {
    display: flex;
    max-width: 500px;
    flex-direction: column;
    align-items: flex-start;
}

.codrops-header__title {
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 600;
    margin: 0;
    padding: 0.5rem 0;
    font-family: 'IBM Plex Mono', monospace;
    font-weight: 500;
    background: linear-gradient(90deg, #f7c53d 0%, #9302a0 50%, #6dbaa3 100%);
    background-size: cover;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.info {
    margin: 1rem 0;
    color: var(--color-info);
}

.github {
    display: block;
}

/* Top Navigation Style */

.codrops-links {
    position: relative;
    display: flex;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
}

.codrops-icon {
    display: inline-block;
    margin: 0.15em;
    padding: 0.25em;
}

.grid__item {
    position: relative;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    align-items: center;
    justify-items: center;
    overflow: hidden;
    padding: 4rem 1.5rem;
}

.grid__item-title {
    font-size: 0.85rem;
    align-self: flex-start;
    margin: 0;
}

.action {
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    margin: 2rem;
    border: 0;
    padding: 0;
    opacity: 0;
    pointer-events: none;
}

.action:focus {
    outline: none;
}

.particles {
    position: relative;
    grid-area: 1 / 1 / 2 / 2;
}

.contact_us .grid{
    width:716px;
}

.particles-canvas {
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.particles-wrapper {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.particles-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    background: #d20f1b;
    color: #ffffff;
    border: 0;
    margin: 0;
    width: 126px;
    height: 45px;
    font-size: 14px;
    cursor: pointer;
}

.particles-button:focus {
    outline: none;
}

.no-js .particles-button {
    grid-area: 1 / 1 / 2 / 2;
}

@media(max-width:1400px) {
    .index_words .banner_title{
        font-size:55px;
        line-height: 62px;
    }
    .about_3y p{
        font-size:12px !important;
    }
    .minWidth{
        width:65% !important;
    }
    .particles-button{
        display: block !important;
        margin:0 auto !important;
    }
    .system_tittle p{
        font-size:70px !important;
    }
    .expert_image{
        width:160px !important;
        height:auto !important;
    }
    .expert_image img{
        width:160px !important;
        height:auto !important;
    }
    .expert_introduce .expert_detail{
        font-size:12px !important;
    }
    .expert_introduce{
        margin-left:30px !important;
        margin-top:0 !important;

    }
    .expert_image .expert_r_line{
        left:120px !important;
        max-width: 60px !important;
    }
    .expert_image .expert_l_line {
        right: 120px !important;
        max-width: 60px !important;
    }
    .expert_gjgw2{
        min-width: 1000px !important;
    }
    .expert_gjgw2 .expert_introduce,
    .expert_zsgw3 .expert_introduce,
    .expert_zsgw1 .expert_introduce {
      
        margin-right: 30px !important;
    }
}
@media screen and (min-width: 50em) {
    .codrops-header {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        min-height: 100vh;
    }
    .codrops-header__title {
        font-size: 3rem;
    }
    .codrops-header::after {
        content: '↓向下滚动页面查看示例DEMO';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
        /* color: var(--color-scroll); */
        color: #fff;
    }
    .github {
        position: absolute;
        top: 0;
        left: 0;
        margin: 2rem;
    }
    .codrops-header {
        font-size: 100%;
        padding: 0 0 2rem 0;
        border: 22px solid black;
    }
}
.test_font{
    font-family: 'ArialRounded';
    font-size:90px;
    text-align: left;
    line-height:100px;
    color:#1e1f20;
}

.contact_text{
    padding-top:150px;
    position: relative;
    z-index:99;
}
.contact_center{
    width:1400px;
    margin:0 auto;
    position: relative;
    z-index: 80;
    padding-top:130px;

}
.contact_center .male_jpg{
    display:block;
    width:345px;
    height:1459px;
}
.contact_center .imgBox{
    float:left;
    width:345px;
    height:1459px;
    position: relative;
}
.contact_left_bg{
    position:absolute;
    display:inline-block;
    width:221px;
    height:155px;
    background:url('../images/bird1.png') no-repeat;
    background-size:100% auto;
    left:-120px;
    top:530px; /**450**/
    
    opacity: 0;/**0.6**/
    transition:all 0.8s ease-out;
}
.contact_center .ballon_line{
    position:absolute;
    display:inline-block;
    top:-158px;
    left:325px;
    width:30px;
    height:175px;
    background:url('../images/ballon_line.png') no-repeat;
    background-size:100% auto;
}

.contact_center .contact_list{
    position: absolute;
    left:35.5%;
    width:938px;
}

.case_center .contact_center .contact_way li {
    height:29px;
    margin:0;
    transition:all 0.8s ease;
    overflow:hidden;
    position: relative;
    top:80px;
    opacity:0;
}
.contact_center .contact_way li .contact_icon {
    float: left;
    display:block;
    width:29px;
    height:27px;
    background-size:100% auto;
}
.contact_center .contact_way li:first-child .contact_icon {
    background:url('../images/contact_place.png') no-repeat;
}
.contact_center .contact_way li:nth-child(2) .contact_icon {
    background: url('../images/contact_phone.png') no-repeat;
}
.contact_center .contact_way li:nth-child(3) .contact_icon {
    background: url('../images/contact_website.png') no-repeat;
}
.contact_center .contact_way li span{
    line-height:22px;
    float:left;
    color:#1e1f20;
    margin-left:5px;
}
.contact_center .contact_qrcode{
    padding-left:8px;
    position: relative;
    top:80px;
    opacity:0;
    transition:all 0.8s ease-out;
}
.contact_right_bg{
    position: absolute;
    display:inline-block;
    width:265px;
    height:166px;
    right:0;
    bottom:-75px;
    background:url('../images/bird2.png') no-repeat;
    background-size:100% auto;
    opacity: 0.6;

}
.contact_center .contact_qrcode img{
    display:block;
    width:138px;
    height:139px;
    margin-right:32px;
    float:left;
   
}
.contact_list .search_qr {
    width:308px;
    text-align: center;
    padding:15px 0;
    position: relative;
    top:80px;
    opacity: 0;
    transition:all 0.8s ease-out;
}

.post_suggest_con{
    margin-top:150px;
    width:100%;
}
.post_suggest_con .suggest_title{
    font-size:20px;
    color: #1e1f20;
    line-height:40px;
    padding-left:8px;
    text-align: left;
}
.post_suggest_con .suggest_words{
    font-size:14px;
    line-height:20px;
    color: #1e1f20;
    margin-bottom:30px;
    padding-left:8px;
    text-align: left;
}
.post_suggest_con .suggest_list {
    position:relative;
    top:80px;
    opacity:0;
    transition:all 0.8s ease-out;
}


.post_suggest_con .input{
    margin:0;
    max-width:716px;
    text-align: none;
}
.post_suggest_con .input .input__field--minoru {
    font-weight: normal;
    color:#1e1f20;
    
}


.contact_text{
    margin:0 auto;
    width:750px;
}
.enter_text .input__label--minoru::after {
    height:100%;
}
.post_contact {
    width:100%;
    height:45px;
    color:#f2f2f2;
    
    font-size:14px;
    border:none;
    position:relative;
    top:80px;
    opacity:0;
    transition:all 0.8s ease-out
}

.contact_us .link_bar .l_links i {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/contact_bg1.jpg') no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    transition: all 1.3s ease;
}

.contact_us .link_bar .r_links i {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/contact_bg2.jpg') no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    transition: all 1.3s ease;
}
.contact_us .contact_under_bg {
    display:inline-block;
    position:absolute;
    bottom:137px;  /*217-80*/
    opacity:0;
    right:0;
    width:369px;
    height:210px;
    background:url('../images/tree.png') no-repeat;
    background-size:100% auto;
    z-index:20;
    transition:all 0.8s ease-out;
}

.move_words {
    position: relative;
    transition:all 0.8s ease;
    top:80px;
    opacity:0;
}
#input_name{
    position: relative;
    top:80px;
    opacity:0;
    transition:all 0.8s ease;
}
#input_mail {
    position: relative;
    top: 80px;
    opacity: 0;
    transition: all 0.8s ease;
}
#input_text {
    position: relative;
    top: 80px;
    opacity: 0;
    transition: all 0.8s ease;
}
.moveT{
    display:inline-block;
    position: relative;
    top:0;
    left:0;
    transition:all 1s ease;
    color:#d20f1b;
    
}

/**  关于我们  **/
.computer_center_bg{
    width:910px;
    height:569px;
    position: absolute;
    left:147px;
    top:40px;

}
.media_main{
    width:100%;
    height:100vh;
    z-index: 10 !important;
}
.words_background{
    background:transparent;
    transition:all 0.7s ease-out;
    /*#fbf548*/
}
.about_us{
    width:100%;
    max-width: 1920px;
    margin:0 auto;
}
.about_us header{
    background:transparent;
}
.about_us_container{
    width:100%;
    max-width: 1920px;
    margin:0 auto;
    position: relative;
    /* background:url('../images/jeremy-bishop-483982-unsplash.jpg') no-repeat;
    background-size:100% 100%; */
}

.part_line{
    width:2px;
    height:100%;
    position:absolute;
    top:0;
    background:#e5e5e5;
    z-index: 2;
}

.our_service{
    margin:0 auto;
    text-align: center;
    color:#1e1f20;
    font-family: 'ArialRounded';
    font-size:5.5em;
    position: relative;
    padding-top:175px;
    z-index:2;
}
.our_service .our_service_en {
    font-family: 'Franklin Gothic Heavy';
}
.our_service_cn{
    font-family: 'Microsoft YaHei';
    font-size:25px;
    width:90%;
    margin:0 auto;
    border-bottom:1px solid #1e1f20;
    padding:20px 0;
    font-size:17px;
    letter-spacing: 3px;
    font-weight: normal;
    color:#1e1f20;
}
.choose_right .our_service_cn{
    width:17.5%;
    margin:0;
}
.about_3y{
    margin:30px auto;
    position: relative;
    z-index:2;
}
.about_3y p{
    font-size:14px;
    height:25px;
    line-height:25px;
    letter-spacing: 2px;
}
.about_full_box{
    position: relative;
    z-index: 2;
}
.about_us_content{
    padding-top:200px;
    margin:0 auto 100px auto;
    position:relative;
    z-index: 2;
}
.about_us_computer{
     margin:200px auto 50px auto;
     position:relative;
     z-index: 2;
     width:100%;
     padding-bottom:100px;
     overflow:hidden;
}
.about_us_computer .computer_bgs{
    position: absolute;
    top:0;
    left:0;
    display:block;
    width:100%;
    height:auto;
}
.about_decoration{
    position: relative;
    
}
.about_decoration img{
    display:block;
}

.titlt_width{
    display:block;
    width:23%;
    margin-left:1% !important;
    padding-bottom:20px;
    border-bottom:1px solid #000000;
}
.about_decoration .about_decoration1{
    height:auto;
 
}
.about_decoration .about_us_word2 {
    margin-top:100px;
}
.about_us_content_title {
    color: #1e1f20;
    position: relative;
}
.bottom_line{
    display: inline-block;
    width:45%;
    height:1px;
    background:#1e1f20;
    margin-left:5px;
}
.content_title{
    font-family: 'Franklin Gothic Heavy';
    font-size:70px;

}
.about_us_content_title span {
    font-family: 'Microsoft YaHei';
    font-size:18px;
    letter-spacing: 5px;
    margin:20px 0 15px 0;
    display: block;
    color:#1e1f20;
    padding-left:5px;
}
.chooseTitle span {
    font-family: 'Microsoft YaHei';
    font-size:14px;
    letter-spacing: 2px;
    
    
    
}
.about_us_innerText{
    margin-top:20px;
    letter-spacing: 3px;
    font-size:13px;
    line-height:20px;
    box-sizing: border-box;
    padding-left:5px;
}

.about_us_banners{
    position: relative;
    padding:50px 0;
    width:1200px;
    margin:35px auto 0 auto;
   
}

.drag_container {
    width: 1200px;
    height: 760px;
    background: url('../images/about_us/computer.png') no-repeat;
    background-size: 100% auto;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
}

.drag_line {
    display: inline-block;
    position: absolute;
    height: 580px;
    top: -5px;
    left: 902px;
    width: 18px;
    transition:all 0.01s linear;
    /* background:green; */
}
.full_drag{
    width:100%;
    padding-top:100px;
}

.drag_line::before {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #ff0000;
    position: absolute;
    top: -18px;
    left: 0;
    box-sizing: border-box;
}

.drag_line::after {
    content: '';
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #ff0000;
    position: absolute;
    bottom: -18px;
    left: 0;
    box-sizing: border-box;
}

.center_line {
    display: block;
    width: 2px;
    background: #ff0000;
    height: 580px;
    margin: 0 auto;
}
.underBg{
    width:100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/about_us/pad_img.jpg') no-repeat;
    background-size: 910px 569px;
}
.bg_img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/about_us/under_img.jpg') no-repeat;
    background-size: 910px 569px;
    z-index: 2;
}


.full_choose_us_bg{
    position: relative;
    z-index: 2;
}
.full_choose_us_bg .starBg2{
    display:inline-block;
    opacity:0.7;
    width:148px;
    height:156px;
    background:url('../images/about_us/star_bg2.png') no-repeat;
    background-size:100% auto;
    position: absolute;
    top:26%;left:17%;
    z-index: 3;
}
.full_choose_us_bg .starBg3 {
    display: inline-block;
    opacity: 0.7;
    width: 256px;
    height: 317px;
    background: url('../images/about_us/star_bg3.png') no-repeat;
    background-size: 100% auto;
    position: absolute;
    top:8%;
    left: 38%;
    z-index: 3;
}
.full_choose_us_bg .parachute{
    position:absolute;
    display:inline-block;
    width:497px;
    height:528px;
    top:-60px;
    right:15%;
    background:url('../images/parachute.png') no-repeat;
    background-size:100% auto;
    z-index:3;
}
.fullWidth{
    width:100%;
    position: relative;
    padding-bottom:80px;
}
.full_choose_us_bg .starBg4 {
    position:absolute;
    display:inline-block;
    width:153px;
    height:148px;
    top:8%;
    right:22%;
    background:url('../images/about_us/star_bg5.png') no-repeat;
    background-size:100% auto;
    z-index:3;
    opacity: 0.7;
}
.choose_us_container{
    overflow:hidden;
    position: relative;
}

.choose_us_container .choose_left{
    float:left;
    position: relative;
    height:750px;
}
.choose_us_container .choose_left .starBg1{
    display:inline-block;
    width:225px;
    height:422px;
    background:url('../images/about_us/star_bg1.png') no-repeat;
    background-size:100% auto;
    position: absolute;
    left:12%;
    top:50px;
    opacity:0.7;
}
.choose_us_container .choose_right {
    margin-left:25%;
    position: relative;
    z-index: 2;
    overflow:hidden;
    
}
.choose_right .earth_bg{
    display:inline-block;
    position: absolute;
    right:18.5%;
    top:0;
    width:220px;
    height:221px;
    /* background:url('../images/about_us/about_earth.png') no-repeat;
    background-size:100% auto; */
}
.choose_right .chooseTitle span{
    width:20%;
}
.choose_us_container .about_decoration2 {
    display:block;
    float:right;
    width:65.5%;
    height:auto;
}
.choose_us_container .choose_left img{
    display:block;
    /* width:85%; */
    margin: 0 auto;
    width:1250px;
    height:auto;
    margin-top:-250px;
    
}
.imgTest1{
    transition:all 2s ease;
    opacity: 1;
}
.num_con{
    position: relative;
    margin:0 auto;
    transition:all 0.15s ease;
}
.imgTest2{
    position: absolute;
    left:7.5%;
    top:0;
    opacity: 0;
    transition:all 2s ease;
}
.choose_us_container .choose_right .chooseTitle{
    width:95%;
    opacity:1;
    /* transition:all 0.8s ease; */
}
.white_line{
    display:inline-block;
    width:100%;
    height:4px;
    background:#ffffff;
    margin-left:5px;

}
.choose_us_container .choose_right .chooseTitle .title_p{
    font-size:70px;
    font-family: 'Franklin Gothic Heavy';
    height:75px;
    line-height: 75px;
    color:#1e1f20;
}
.choose_reason{
    margin-top:20px;
    padding-left:5px;
    color:#1e1f20;
}
.choose_reason li{
    color:#1e1f20;
    letter-spacing: 3px;
    font-size:13px;
    height:22px;
    line-height:22px;
}
.us_team{
    position: relative;
    z-index:3;
}
.us_team .our_service_en {
    font-family: 'Franklin Gothic Heavy';
}
.team_list{
    margin:80px auto 0 auto;
    padding-bottom:30px;
    text-align: center;
    width:75%;
}
.team_list ul{
    overflow:hidden;
}
.team_list ul li{
    width:20%;
    float:left;
}
.team_list ul li img{
    display:block;
    width:65%;
    margin:0 auto;
}
.team_item{
    text-align:center;
    color:#1e1f20;
    font-size:14px;
}
.team_item .team_name{
    font-weight: bold;
    margin:25px 0 10px 0;
}
.team_item .team_job{
    letter-spacing: 3px;
    color:#1e1f20;
}
.moreConsultant{
    padding:50px 0 0px 0;
}
.more_consultant{
    text-decoration: underline;
}
.visted{
    height:160px;
    width:25%;
    position: absolute;
    text-align:center;
    z-index:2;
    top:35%;
    left:62.5%;
}
.number_container{
    position: absolute;
    width:100%;
}
.visted img{
    display:block;
}
.visted .total_visted{
    width:100%;
    display: none;
    
}
.visted .total_visted p{
    opacity:0;
    transition:all 0.8s ease;
    position: relative;
    top:60px;
}
.num_show{
    display:block !important;
}

.visted .visted_show {
    opacity:1;
}
.visted .visted_num{
    color:#aa0003;
    font-family: 'Microsoft YaHei';
    font-size:85px;
    display: block;
    height:112px;
    line-height:112px;
    position: relative;
    transition:all 0.3s ease;
}
.visted p{
    margin-top:20px;
    color:#1e1f20;
    letter-spacing:2px;
    font-size:14px;
}


.minWidth {
    width:48%;
}

.logo_wall{
    margin:0 auto;
    text-align: center;
}
.logo_wall .logo_container {
    overflow:hidden;
    box-sizing: border-box;
    position: relative;
}
.logo_block {
    float:left;
    box-sizing: border-box;
}
.logo_block img{
    display:block;
    width:129px;
    height:62px;
    margin:0 auto;
}
.logo_wall .moreCustomer{
    text-align: center;
    text-decoration: underline;
    letter-spacing: 2px;
    color:#1e1f20;
}
.logo_num {
    position: absolute;
    top:0;
    left:0;
    text-align: center;
    z-index: 2;
}
.logo_num span{
    color:#1e1f20;
    font-family: 'Microsoft YaHei';
    font-size:155px;
    /* border-bottom:10px solid #1e1f20; */
}
.contact_us_plate{
    width:100%;
    height:auto;
    position: relative;
    z-index:2;
    padding:120px 0 160px 0;
}
.contact_us_plate img{
    display:block;
}
.contact_us_plate .plate_center{
    margin:0 auto;
    width:100%;
    top:0;
    left:0;
    position: relative;
}

.contact_us_plate .plate_center p{
    color:#1e1f20;
    font-family: 'Franklin Gothic Heavy';
    text-align: center;
    font-size:75px;
}
.contact_us_plate .plate_center .linkContact{
    color:#ffffff;
    background:#d20f1b;
    width:8%;
    height:50px;
    line-height:50px;
    display:block;
    margin:30px auto 0 auto;
    text-align: center;
    letter-spacing: 2px;
    font-size:15px;
}
.about_us .link_bar .l_links{
    box-sizing: border-box;
    border-right:1px solid #d8d8d8;
}
.about_us .link_bar .r_links {
    box-sizing: border-box;
    border-left: 1px solid #d8d8d8;
}
.about_us .link_bar .l_links i {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/about_us/aboutUs_bg1.jpg') no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    transition: all 1.3s ease;
}

.about_us .link_bar .r_links i {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/about_us/aboutUs_bg2.jpg') no-repeat;
    background-size: 100% 100%;
    opacity: 0;
    transition: all 1.3s ease;
}
.good_customer{
    margin:0 auto 30px;
    position:relative;
    z-index:2;
}
.logo_line{
    position:absolute;
    width:100%;
    height:2px;
    background:#e5e5e5;
    transition:all 1.2s ease;
    
}
.counter4,.logoImg {
    position: relative;
    opacity:0;
    top:80px;
}
.counter_line{
    position:absolute;
    left:0;
    bottom:0;
    height:10px;
    background:#1e1f20;
    width:0;
    transition:all 1s ease;
}

.circleCon {
    width: 250px;
    height: 250px;
    box-sizing: border-box;
    border-radius: 50%;
    position: absolute;
}

.moveCircle {
    width: 126px;
    height: 126px;
    background: #f2f2f2;
    border-radius: 50%;
    position: absolute;
    top: 62px;
    left: 62px;
    transition: all 0.3s linear;
}
.circle1 .active {
    background-color: #ec3323;
    background-image:url('../images/w_data.png') !important;
}
.circle2 .active {
    background-color: #ec3323;
    background-image:url('../images/w_camp.png') !important;
}
.circle3 .active {
    background-color: #ec3323;
    background-image:url('../images/w_phone.png') !important;
}
.circle4 .active {
    background-color: #ec3323;
    background-image:url('../images/w_plant.png') !important;
}
.circle5 .active {
    background-color: #ec3323;
    background-image:url('../images/w_tea.png') !important;
}

.dashed_con {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border: 1px dashed red;
    transform: rotateZ(0deg);
}

.bottom_banner{
    width:100%;
    height:400px;
    overflow:hidden;
    position: relative;
    z-index:2;
    margin-top:-50px;
    background:url('../images/about_us/bottom_banner.jpg') no-repeat;
    background-size:100% auto;
    background-position-x:0;
    background-position-y:33%;
    transition:all 0.3s ease;
    /* background-attachment:fixed; */
}
.bottom_banner img{
    display:block;
    width:100%;
    height:auto;
}
.plate_center .feather{
    width:230px;
    height:194px;
    /* margin:0 auto; */
    margin-left:44%;
}
.plate_center .book {
    width: 420px;
    height: 244px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.contact_us_plate_word{
    margin:100px 0 100px 0;
}
.flag_container{
    width:100%;
    height:224px;
    overflow:hidden;
    margin-top:50px;
}
.flag{
    display:block;
    width:314px;
    height:224px;
    margin:0 auto;
    
}
.video_shadow{
    color:#e5e5e5;
    font-family: 'Times New Roman';
}
.video_shadow h1 {
    font-size: 25px;
    margin-top:12%;
    text-align:center;
    height:102px;
    line-height:102px;
    word-spacing: 12px;
    
}
.video_shadow .word_line{
    display:block;
    width:5%;
    height:1px;
    background:#e5e5e5;
    margin:2% auto;
    
}
.video_shadow p {
    font-size: 100px;
    text-align: center;
    height:102px;
    line-height:102px;
    word-spacing: 18px;
    font-family: 'Franklin Gothic Heavy';
}
.overview_arrow{
    display:block;
    width:24px;
    height:50px;
    margin:0 auto 0 auto;
    background:url('../images/about_us/banner_arrow.png') no-repeat;
    background-size:100% auto;
    cursor: pointer;
}
.bannerArrow_con{
    position: absolute;
    bottom:5%;
    left:0;
    width:100%;
}

/**expert_team**/
.service_system .video_shadow{
    padding-top:12%;
    box-sizing:border-box;
}
.service_system .video_shadow h1 {
    width:70%;
    margin:0 auto 0 auto;
    line-height:50px;
    height:50px;
}
.expert_container{
    width:100%;
    padding-top:250px;
    position: relative;
    z-index: 1;
    /* background:url('../images/expert_team/expert_bg.jpg') no-repeat;
    background-size:100% auto; */
    padding-bottom:10px;
    
}

.expert_image {
    width: 193px;
    height: 215px;
    float: left;
    position: relative;
}
.expert_image .expert_r_line{
    position: absolute;
    display:inline-block;
    width:0px;
    height:1px;
    background:#1e1f20;
    top:97px;
    left:154px;
}
.expert_image .expert_l_line {
    position: absolute;
    display: inline-block;
    width: 0px;
    height: 1px;
    background: #1e1f20;
    top: 97px;
    right: 148px;
}

.expert_image img{
    width:193px;
    height:215px;
    display:block;
}

.expert_single{
    position: relative;
    overflow:hidden;
    margin-bottom:350px;
    z-index: 2;
}

.expert_introduce {
    float:left;
    width:655px;
    margin-left:80px;
    color:#1e1f20;
    margin-top:80px;
}
.expert_gjgw2 .expert_introduce,
.expert_zsgw3 .expert_introduce,
.expert_zsgw1 .expert_introduce {
    float:right;
    margin-left:0;
    margin-right:80px;
}
.expert_ceo{
    width:100%;

}
.expert_zsgw3 .expert_image,
.expert_gjgw2 .expert_image,
.expert_zsgw1 .expert_image {
    float:right;
}
.expert_introduce .expert_detail{
    font-size:14px;
    line-height:24px;
    letter-spacing:2px;
    position: relative;
}
.hide_word{
    position: absolute;
    left:0;
}
.system_container .hide_word {
    display: block;
    width:100%;
}
.expert_detail .hide_word{
    position: absolute;
    top:0;
    left:0;
    font-size:14px;
    line-height:24px;
    letter-spacing:2px;
    width:100%;
    overflow:hidden;
    color:transparent;
    transition:all 2s ease;
}

.expert_introduce .expert_name{
    font-size:25px;
}
.expert_introduce .expert_job{
    font-size:20px;
    line-height: 35px;
}
.expert_zsgw1 .expert_name,
.expert_zsgw1 .expert_job,
.expert_zsgw1 .expert_detail,
.expert_gjgw2 .expert_name,
.expert_gjgw2 .expert_job,
.expert_gjgw2 .expert_detail,
.expert_zsgw3 .expert_name,
.expert_zsgw3 .expert_job,
.expert_zsgw3 .expert_detail
{
    text-align: right;
}


.expert_l_line,.expert_r_line {
    opacity: 0;
    transition:all 0.5s ease;
    width:0px;
}



.word_action{
    transition:all 0.5s ease;
    color:#7c7b7b;
    position: relative;
    z-index: 2;
}
.hideSpan{
    color:transparent;
    transition:all 0.02s ease;
}
.sin_word{
    color:#b3b3b3;
    transition:all 0.02s ease;
}
.expert_gjgw2 .hide_word,.expert_zsgw3 .hide_word,
.expert_zsgw1 .hide_word {
    right:0;
}

/** 服务体系 **/
.system_container{
    position: relative;
    
}
.service_map{
    width:100%;
    position: relative;
    z-index: 3;
    padding:50px 0 0 0;

}
.service_map .map_img{
    display:block;
    margin:0 auto;
    width:75%;
    height:auto;
}
.map_center{
    width:100%;
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
}
.service_map .map_text{
    width:1250px;
    margin:0 auto;
}
.service_map .campass{
    display:block;
    width:238px;
    height:270px;
    margin:0 auto;
    margin-top:14%;
}
.service_map .text_line{
    font-weight: bold;
    font-size:50px;
    text-align: center;
    font-family: 'Franklin Gothic Heavy';
    color:#1e1f20;
    margin-top:1%;
}
.system_item{
    width:100%;
    position: relative;
    z-index: 3;
}
.system_item .system_center{
    width:75%;
    margin:0 auto;
}
.system_tittle{
    font-family: 'Franklin Gothic Heavy';
    color:#1e1f20;
}
.system_tittle h6{
    font-size:20px;
    font-weight: bold;
}
.system_tittle p{
    font-weight: bold;
    font-size:85px;
}
.system_introduce{
    width:530px;
    color:#1e1f20;
    margin-top:35px;
}
.system_introduce .introduce_title{
    font-size:25px;
    letter-spacing:3px;
    padding-bottom:15px;
    border-bottom:1px solid #818181;
}
.introduce_text{
    
    font-size:14px;
    letter-spacing:2px;
    line-height: 24px;
}
.single_line{
    position: relative;
}
.under_word{
    color:transparent;
    position: absolute;
    top:0;
    left:0;
    width:100%;
}
.system_piece{
    display:inline-block;
    position: absolute;
    top:150px;
    right:12.5%;
    width:269px;
    height:254px;
    background:url('../images/service_system/service_piece.png') no-repeat;
    background-size:100% auto;

}
.underWord {
    color:transparent;
}
.words_container{
    position: relative;
    margin-top:30px;
}
.testP {
    position: absolute;
    top:-30px;
    left:0;
    width:100%;
}


.right_system{
    width:50%;
    margin:100px 0 0 50%;
}
.walk_man{
    position: absolute;
    bottom:0;
    left:0;
    display:inline-block;
    width:870px;
    height:1517px;
    background:url('../images/service_system/walk_man.png') no-repeat;
    background-size:100% auto;
}
.addPadding{
    padding-bottom:500px;
}
.bottom_bg {
    position: absolute;
    bottom: 0;
    right: 6%;
    display: inline-block;
    width: 526px;
    height: 546px;
    background: url('../images/service_system/bottom_bg.png') no-repeat;
    background-size: 100% auto;
   
}
.service_banner{
    width:100%;
    position: relative;
    z-index: 3;
    height:400px;
    background:url('../images/service_system/service_banner.jpg') no-repeat;
    background-size:100% auto;
    background-position-x:0;
    background-position-y:65%;
    transition:all 0.3s ease;
}

.system_right_bg{
    position: absolute;
    right:0;
    top:400px;
    display:inline-block;
    width:920px;
    height:697px;
    background:url('http://www.3yconsulting.com/en/Public/images/service_system/w_service_boat.png') no-repeat;
    background-size:100% auto;
    transition:all 2s ease;
}
.addTopPadding {
    padding:150px 0 0 0;
}
.addTopPadding1{
    padding-bottom:150px;
}
.center_system{
    position: relative;
    margin-top:600px;
    margin:0 auto;
    width:75%;
    z-index: 3;
}
.center_system .system_tittle{
    text-align:center;
}
.addTopPadding .system_introduce{
    width:580px;
}
.center_system .system_introduce {
    width:950px;
    margin-left:16.66%;
}
.addTopPadding1 .system_introduce {
    width:50%;
    margin-left:33.3%;
}
.service_video{
    position: relative;
    width:633px;
    height:365px;
    margin:100px auto;
}
.service_video_container{
    position: absolute;
    top:26px;
    left:80px;
    width:475px;
    height:296px;
    background:#000000;
}

.system_item .computer{
    display:block;
    width:100%;
    height:auto;
}
.service_banner_shuffling{
    width:66.8%;
    margin:80px auto 0 auto;
    height:auto;
}

.service_banner_shuffling img{
    display:block;
    width:100%;
    height:auto;
}


.shuffling_title img {
    display: block;
    width: 100%;
    height: auto;
}




.wrapper,
.header,
.navbox {
    width: 50%;;
    margin: 120px auto 50px auto;
}

.side {
    float: right;
    width: 235px;
}

.main {
    float: left;
    width: 730px;
}

.main h1 {
    font-family: "Microsoft Yahei", arial, "Simsun";
    font-size: 22px;
    padding-top: 10px;
}


.tab {
    position: relative;
    width: 100%;
}

.tab ul img {
    vertical-align: middle;
    width:100%;
    height:auto;
}

.slide {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

.slide-ul {
    position: relative;
    width: 8640px;
}

.slide-ul li {
    display: block;
    float: left;
    width: 842px;
    height: auto;
    overflow: hidden;
}

.slide-ul a {
    display: block;
    width: 842px;
    height: 491px;
    overflow: hidden;
    color: #fff;
}

.slide-ul a:hover .pic-txt {
    color: #fff;
}

.slide-ul .pic-txt {
    display: block;
    bottom: -30px;
    position: relative;
    width: 220px;
    height: 30px;
    margin: -30px 0 0;
    padding: 0 5px;
    font: 14px/30px Microsoft YaHei;
    text-align: center;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#80000000, endColorstr=#80000000);
    cursor: pointer;
}

.info-btn {
    width: 160px;
    height: 13px;
    overflow: hidden;
    margin: 30px auto 0 auto;
    zoom: 1;
}

.info-btn li {
    float: left;
    width: 40px;
}

.info-btn li span {
    border-radius: 50%;
    display: block;
    width: 13px;
    height: 13px;
    background: #c5c4c4;
    text-indent: -9999em;
    overflow: hidden;
    cursor: pointer;
    margin: 0 auto;
}

.info-btn .info-cur span,
.info-btn .info-hover span {
    /* background: url('../images/service_system/sjbz_infor-btn.png') -5px -4px no-repeat; */
    background:#de2727;
}



.pic img {
    vertical-align: middle;
}

.shuffling_3d {
    position: relative;
    width:600px;
    height:600px;
    margin-left:50%;
}
.bottom_video{
    position: relative;
    z-index: 1;
    width:100%;
    height:600px;
    top:0;
    left:0;
    z-index: 1;

}
.bottom_video #stats {
    display:none;
}
.sin_bg{
    transition:all 0.05s ease;
}


/**粒子**/
/* ---- stats.js ---- */

.count-particles {
    background: #000022;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13E8E9;
    font-size: .8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    display: none;
}

.js-count-particles {
    font-size: 1.1em;
}

#stats,
.count-particles {
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px;
}

#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.count-particles {
    border-radius: 0 0 3px 3px;
}

/* ---- particles.js container ---- */

#particles-js {
    width: 100%;
    height: 100%;
    
    background-image: url('');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}



/****/

/**专家轮播**/

.lb_gl {
    width:100%;
    height: 518px;
    margin-top:100px;
    margin-bottom:150px;
}

.lb_gl .container {
    width: 1024px;
    margin: 0 auto;
    position: relative;
    float:none;
}
.rt{
    display: none;
}

.pictureSlider {
    height: 400px;
    margin-bottom: 24px;
}

.poster-item {
    background: #fff;
    height: 390px;
    width: 336px;
    border-radius: 10px;
    padding: 25px 23px 20px 23px;
    transition: all 0.5s;
    cursor: default;
    -moz-transition: all 0.5s;
    cursor: default;
    -webkit-transition: all 0.5s;
    cursor: default;
    -o-transition: all 0.5s;
    cursor: default;
}

.turn_3d {
    text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 36px;
    padding: 28px 0;
}

.xxgy {
    font-size: 30px;
    font-weight: 900;
    padding-left: 10px;
}

.poster-item .say {
    font-size: 18px;
    margin-bottom: 5px;
    padding-left: 10px;
}

.students_star {
    padding: 10px 10px 0 10px;
}

.cell_list {
    margin-bottom: 20px;
    color: #999;
    font-size: 18px;
    overflow: hidden;
    text-align: center;
}

.darks {
    color: #000;
    /* padding-left: 10px; */
}

.zwjs {
    border-top: 1px solid #d0cddb;
    line-height: 26px;
    padding-top: 5px;
    color: #999;
    font-size: 12px;
    max-height: 84px;
    overflow: hidden;
}

.for_btn {
    position: relative;
    height: 214px;
    overflow: hidden
}

.in_page {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-left: -20px;
    margin-top: -20px;
}

.in_page>img {
    width: 40px;
    height: 40px;
}

.lessBottom {
    margin-bottom: 5px !important;
}

.check_more {
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    background: #bc241d;
    margin: 0 auto;
    display: block;
}

.expert_team .about_us .link_bar .l_links i {
    background: url('../images/aboutUs_bg2.jpg') no-repeat;
    background-size:100% 100%;
}
.expert_team .about_us .link_bar .r_links i {
    background:url('../images/success_bottom.jpg') no-repeat;
    background-size:100% 100%;
}

.service_system .about_us .link_bar .r_links i {
    background: url('../images/link_bg.jpg') no-repeat;
    background-size:100% 100%;
}
.service_system .about_us .link_bar .l_links i {
    background: url('../images/about_us_bottom.jpg') no-repeat;
    background-size:100% 100%;
}
.success_case .l_links {
    box-sizing: border-box;
    border-right:1px solid #d8d8d8;

}
.success_case .r_links {
    box-sizing: border-box;
    border-left: 1px solid #d8d8d8;
}
.block_menu{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    
    z-index: 90;
    display:none;
}
.side1 {
    top: -100vh;
    left: 12.5%;
}

.side2 {
    top: 100vh;
    left: 25%;
}

.side3 {
    top: -100vh;
    left: 37.5%;
}

.side4 {
    top: 100vh;
    left: 50%;
}

.side5 {
    top: -100vh;
    left: 62.5%;
}

.side6 {
    top: 100vh;
    left: 75%;
}

.side7 {
    top: -100vh;
    left: 87.5%;
}

.side8 {
    top: 100vh;
    left: 100%;
}