/*
*  html5 doctor css reset | http://html5doctor.com/html-5-reset-stylesheet
*/
*{font-family:'PingFang SC', 'Microsoft Yahei';-webkit-tap-highlight-color:transparent}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{width:100%;min-width:1100px;overflow-x:auto;line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}ul li{list-style-type:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid#ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
h1, h2, h3{ font-weight: normal;  }

body{
    min-width: 1260px;
    height: auto;
}

.overHeight{
    height: 100%; overflow-y: hidden;
}

.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    width: 100%; height: auto;
    display: block;
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.wrapper{
    width: 100%; height: 100vh;
}

.wrapper .global_nav{
    width: 240px; height: 100vh;
    position: fixed; left: 0; top: 0; z-index: 999;
}
.wrapper .global_nav .logo_w{
    width: 100%; height: auto;
    margin-top: 12.3vh;
}
.wrapper .global_nav .logo_w .logo{
    width: 62px; height: auto;
    display: block;
    margin: 0 auto; margin-bottom: 22px;
}
.wrapper .global_nav .logo_w .logo_text{
    width: 120px; height: auto;
    display: block;
    margin: 0 auto;
    opacity: 1;
    transition: all 0.5s linear;
}
/*导航栏*/
.wrapper .nav_c{
    width: 100%; height: auto;
    margin: 0 auto; margin-top: 12px;
    position: relative; z-index: 999;
    opacity: 0;
    transition: all 0.5s linear;
}
.wrapper .nav_c>li{
    width: 100%; height: auto;
    line-height: 46px;
    text-align: center; font-size: 18px;
}
.wrapper .nav_c>li>a{
    width: 100%; height: auto;
    display: block;
    color: #a5a5a5;
}
.wrapper .nav_c>li.on>a{
    color: #debb86;
}
.wrapper .global_nav .nav_stack{
    width: 1px; height: 25px;
    background-color: #debb86;
    position: absolute; top: 8px; right: -1px; z-index: 999;
    transition: all .3s ease-in;
}
/*导航栏*/

.wrapper .container{
    width: 100%; height: 100%;
}
.wrapper .container .con_wrap{
    width: calc(100% - 240px); height: auto;
    padding-left: 240px;
}

/*第一屏*/
.wrapper .container .bg1{
    height: 100vh;
    background-color: #1A1A1A;
}
.wrapper .container .con_wrap .conn1{
    width: calc(100% - 1px); height: 100vh;
    border-left: 1px solid #444;
    position: relative;
}
/*首屏向下滚动提示*/
.conn1 .scroll {
    display: block;
    position: absolute;
    z-index: 10;
    left: -.4rem;
    bottom: 9.5rem;
    height: 5rem
}

.conn1 .scroll span {
    color: #666;
    font-weight: 700;
    font-size: 1rem;
    padding-left: 2rem;
    -moz-animation: scrollLine 3.7s ease-out infinite normal;
    -webkit-animation: scrollLine 3.7s ease-out infinite normal;
    animation: scrollLine 3.7s ease-out infinite normal;
    position: absolute;
    display: inline-block;
    color: #DEBB86;
}

.conn1 .scroll span:before {
    content: '';
    display: block;
    position: absolute;
    top: .4rem;
    left: 0;
    width: .7rem;
    height: .7rem;
    -moz-animation: scrollLine02 3.7s ease-out infinite normal;
    -webkit-animation: scrollLine02 3.7s ease-out infinite normal;
    animation: scrollLine02 3.7s ease-out infinite normal;
    border-radius: 50%;
    background: #DEBB86;
}
/*首屏向下滚动提示*/
.wrapper .container .con_wrap .conn1 .conn1_pic{
    width: 56.743%; height: 100%;
    background: url(../img/page1_pic.png) no-repeat;
    background-size: auto 110%;
    /*background-size: 宽度 高度（调节110%）*/
    background-position: right top;
    display: inline-block;
}
.wrapper .container .con_wrap .conn1 .conn1_right{
    width: 32.937%; height: 100%;
    float: right; margin-right: 3.7447%;
    position: relative; overflow-y: hidden;
}
.wrapper .container .con_wrap .conn1 .conn1_right .conn1_wrap{
    width: 100%; height: auto;
    margin-top: 36.6vh;
}
.wrapper .container .con_wrap .conn1 .conn1_right .conn1_wrap>h1{
    font-size: 2.4vw; line-height: 3.0vw; color: #fff;
    font-weight: 300;
    margin-bottom: 1.8vh;
}
.wrapper .container .con_wrap .conn1 .conn1_right .conn1_wrap>p{
    font-size: 2vw; line-height: 2.3vw; color: #debb86;
    font-weight: 300;
}
.wrapper .container .con_wrap .conn1 .conn1_right .conn1_bottom{
    position: absolute; bottom: 8.2vh; right: 0;
    color: #a5a5a5;
    line-height: 5.4vh;
}
.wrapper .container .con_wrap .conn1 .conn1_right .conn1_bottom .conn1_bleft{
    display: inline-block;
    float: left;
    font-size: 1.1vw; font-weight: 600;
    line-height: 5.4vh;
}
.wrapper .container .con_wrap .conn1 .conn1_right .conn1_bottom .conn1_bleft>span{
    font-weight: normal;
}
.wrapper .container .con_wrap .conn1 .conn1_right .conn1_bottom .conn1_bright{
    display: inline-block;
    margin-left: 2.3vw;
}
.wrapper .container .con_wrap .conn1 .conn1_right .conn1_bottom .conn1_bright>img{
    width: 1.6vw; height: auto;
    display: block;
}
/*第一屏*/

/*公司介绍*/
.wrapper .container .bg2{
    background-color: #141414;
}
.wrapper .container .con_wrap .conn2{
    width: calc(100% - 1px); height: auto;
    border-left: 1px solid #444;
    overflow-y: hidden;
}
.conn2 .conn2_pic{
    width: 32.579%; height: 100%;
    margin-left: 0px;
    background: url(../img/page2_pic.jpg) no-repeat;
    background-size: auto 100%;
    background-position: center;
    display: inline-block;
    float: left;
    animation: message_bg 80s linear infinite normal;
    /* 说明： 20s 为执行图片"左右来回滚动”一次的总时长，单位:s */
}
@keyframes message_bg {
    0% {
        background-position: right 0;
    }

    50% {
        background-position: left 0;
    }

    100% {
        background-position: right 0;
    }
}
/*.conn2 .conn2_pic .page2_pic{
    width: auto; height: 100%;
    display: block; opacity: 0;
}*/
.conn2 .conn2_wrap{
    width: 54.186%; height: 100%;
    display: inline-block;
    margin-left: 5.6304%; margin-top: 18.5vh; margin-bottom: 18.5vh;
}
.conn2 .conn2_wrap .conn2_data{
    width: 100%; height: auto;
    margin-bottom: 15.4vh;
    overflow-y: hidden;
}
.conn2 .conn2_wrap .conn2_data>div{
    display: inline-block; float: left;
}
.conn2 .conn2_wrap .conn2_data>div>div{
    font-size: 1.8vw; color: #debb86; font-weight: bold;
    margin-bottom: 1px; position: relative;
    margin-bottom: 1.5vw;
}
.conn2 .conn2_wrap .conn2_data>div>div .datas{
    overflow-y: hidden;
    font-weight: bold;
}
.conn2 .conn2_wrap .conn2_data>div>div .datas>div{
    font-size:4.2vw;
    display: inline-block; position: relative;
}
.conn2 .conn2_wrap .conn2_data>div>div .datas>div>span{
    opacity: 0;
    font-size:5vw; font-weight: bold;
    /*padding: 0 0.1vw;*/
}
.conn2 .conn2_wrap .conn2_data>div>div .datas>div .d_num{
    width: 100%; height: auto;
    font-size:4.2vw; font-weight: bold;
}
/*.conn2 .conn2_wrap .conn2_data>div>div>span:last-child{
    opacity: 0;
}*/
.conn2 .conn2_wrap .conn2_data>div>p{
    font-size: 1.4vw; line-height: 2vw;
    font-weight: 300;
    color: #f2f2f2;
}
/*.conn2 .conn2_wrap .conn2_data>div.conn2_dleft{
    margin-right: 32.829%;
}*/
.conn2 .conn2_wrap .conn2_data>div.conn2_dright{
    float: right;
}
.conn2 .conn2_wrap .abstract_c{
    width: 96.8028%; height: auto;
    margin-top: 15.4vh;
}
.conn2 .conn2_wrap .abstract_c>h1{
    width: 100%; height: auto;
    font-size: 1.7vw; line-height: 1.9vw; color: #f2f2f2;
    /*    font-weight: 300;*/
    margin-bottom: 4.6vh;
}
.conn2 .conn2_wrap .abstract_c>.abstract_intro{
    width: 100%; height: auto;
    font-size: 1.0vw; line-height: 1.9vw; color: #a5a5a5;
    font-weight: 500; text-align: justify;
}
.conn2 .conn2_wrap .abstract_c>.abstract_intro>p{
    margin-bottom: 22px;
}
/*公司介绍*/
/*服务内容*/
.wrapper .container .bg3{
    background-color: #444444;
}
.wrapper .container .con_wrap .conn3{
    width: calc(100% - 1px); height: auto;
    border-left: 1px solid #4f4f4f;
    overflow-y: hidden;
}
.conn3 .server_list{
    width: calc(100% - 88px); height: auto;
    overflow-y: hidden;
    margin: 0 auto; margin-top: 120px;
}
.conn3 .server_list>li{
    width: 25%; height: auto;
    float: left;
    margin-bottom:140px;
}
.conn3 .server_list>li>img{
    width: 60px; height: auto;
    display: block;
    margin: 0 auto; margin-bottom: 1.6vw;
}
.conn3 .server_list>li .server_title{
    width: 100%; height: auto;
    margin-bottom: 1.6vw;
    font-size: 1.1vw; line-height: 1.6vw; text-align: center;
    color: #f2f2f2; font-weight: 300;
}
.conn3 .server_list>li .server_title>span{
    font-weight: 500;
}
.conn3 .server_list>li .server_title .server_line{
    width: 12.658%; height: 2px; background-color: #debb86;
    margin: 0 auto; margin-top: 10px;
}
.conn3 .server_list>li>p{
    width: 77.637%; height: auto;
    margin: 0 auto;
    font-size: 0.9vw; line-height: 1.9vw; color: #a5a5a5;
    text-align: justify;
    display: block;
}
/*服务内容*/
/*服务流程*/
.wrapper .container .bg4{
    background-color: #3C3C3C;
}
.wrapper .container .con_wrap .conn4{
    width: calc(100% - 1px); height: auto;
    border-left: 1px solid #4f4f4f;
    overflow-y: hidden;
}
.conn4 .flow{
    width: 896px; height: auto;
    display: block;
    margin: 100px auto;
}
/*服务流程*/
/*主要案例*/
.wrapper .container .bg5{
    background-color: #f2f2f2;
}
.wrapper .container .con_wrap .conn5{
    width: calc(100% - 1px); height: auto;
    border-left: 1px solid #e5e5e5;
    overflow: hidden;
}
.conn5 .slide{
    width: 100%;
    margin-top: 60px; margin-bottom: 60px;
}
.conn5 .slide .slide-main {
    position: relative
}
.conn5 .slide .slick-slide {
    max-width: 800px;
    margin: 0 10px
}
.conn5 .slide .slick-mod .slick-prev {
    position: absolute; right: 50%; margin-right: 400px; top: 0;
    width: 50%; height: 100%;
    cursor: pointer
}
.conn5 .slide .slick-mod .slick-prev:hover .arw {
    width: 4.7vw; height: 4.7vw; opacity: 1
}
.conn5 .slide .slick-mod .slick-next {
    position: absolute; left: 50%; margin-left: 400px; top: 0;
    width: 50%; height: 100%;
    cursor: pointer
}
.conn5 .slide .slick-mod .slick-next .arw span {
    background: url(../img/arr_r.png) no-repeat center center;
    background-size: 1.5vw;
}
.conn5 .slide .slick-mod .slick-next:hover .arw {
    width: 4.7vw; height: 4.7vw;
    opacity: 1;
}
.conn5 .slide .slick-mod .arw {
    opacity: 0; display: block;
    position: absolute; top: 0; left: 0;
    width: 0; height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 .3rem .75rem rgba(0, 0, 0, .1);
    margin-top: -2.5rem; margin-left: -2.5rem;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s
}
.conn5 .slide .slick-mod .arw span {
    display: block;
    position: absolute; top: 50%; left: 50%;
    margin-left: -.9rem; margin-top: -.6rem;
    display: block;
    overflow: hidden;
    text-indent: -5260px;
    width: 1.8rem; height: 1.2rem;
    background: url(../img/arr_l.png) no-repeat center center;
    background-size: 1.5vw;
}
.conn5 .slide .slick-mod .slick-counter {
    display: none;
}
.conn5 .slide #gallery-slide {
    margin-bottom: 4rem;
}
.conn5 .slide #gallery-slide{
    text-decoration: none;
    text-align: center;
}
.conn5 .slide #gallery-slide .img {
    margin-bottom: 1.5rem;
}
.conn5 .slide #gallery-slide .txt {
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    -o-transition: all .2s ease 0s;
    -ms-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    opacity: 0;

    font-size: 1.1vw; color: #444444; line-height: 2.4vw;
    font-weight: 500;
}
.conn5 .slide #gallery-slide .slick-center .txt {
    opacity: 1;
}
.conn5 .slide .thumb-gallery-nav .slick-slide {
    width: 150px; height: auto;
    margin: 0 5px;
    border: 5px solid transparent;
}
.conn5 .slide .thumb-gallery-nav .slick-slide>img{
    width: 100%; height: auto; display: block;
}
/*.conn5 .slide .thumb-gallery-nav .slick-slide:before{
    border: .3rem solid transparent;
    box-sizing: border-box;
}*/
.conn5 .slide .thumb-gallery-nav .slick-slide:hover {
    cursor: pointer;
}
.conn5 .slide .thumb-gallery-nav .slick-slide.slick-current {
    position: relative;
}
.conn5 .slide .thumb-gallery-nav .slick-slide.slick-current {
    border-color: #debb86;
    /*border: .3rem solid #debb86;*/
}
/*主要案例*/
/*未来计划*/
.wrapper .container .bg6{
    background-color: #ececec;
}
.wrapper .container .con_wrap .conn6{
    width: calc(100% - 1px); height: auto;
    border-left: 1px solid #dadada;
    overflow-y: hidden;
}
.conn6 .plan{
    width: 950px; height: auto;
    display: block;
    margin: 100px auto;
}
/*未来计划*/
/*人才招聘*/
.bg7{
    background-color: #444444;
}
.wrapper .container .bg7{
    background-color: #444444;
}
.wrapper .container .con_wrap .conn7{
    width: calc(100% - 1px); height: auto;
    border-left: 1px solid #4f4f4f;
    overflow-y: hidden;
    position: relative;
}
.conn7 .conn7_top{
    width: calc(100% - 120px); height: auto;
    margin:0 auto; margin-top: 80px;
}
.conn7 .conn7_top>h1{
    width: 100%; height: auto;
    font-size: 3.1vw; line-height: 4.5vw; font-weight: 300; color: #f2f2f2;
}
.conn7 .conn7_top .conn7_wrap{
    width: 100%; height: auto;
    overflow-y: hidden;
}
.conn7 .conn7_top .conn7_wrap .conn7_intro{
    width: 60.5%; height: auto;
    float: left; display: inline-block;
    margin-top: 4.4vw;
    font-size: 1.1vw; line-height: 1.9vw; color: #f2f2f2;
    text-align: justify; font-weight: 300;
}
.conn7 .conn7_top .conn7_wrap .conn7_intro>p{
    margin-bottom: 22px;
}
.conn7 .conn7_top .conn7_wrap .flow{
    width: 32.4265%; height: auto;
    display: inline-block; margin-left: 3.8084%;
}
.conn7 .work_list{
    width: 100%; height: auto;
    overflow-y: hidden;
    margin-top: 62px;
    margin-bottom: 70px;
}
.conn7 .work_list>li{
    width: 50%; height: 10.1vw; line-height: 10.1vw;
    text-align: center;
    font-size: 1.7vw; font-weight: 400; color: #f2f2f2;
    display: inline-block; float: left;
    cursor: pointer;
    background: #ccc;
    transition: all .2s ease 0s;
}
.conn7 .work_list>li>span{
    padding-right: 48px;
    background: url(../img/arrow.png) no-repeat;
    background-size: 15px;
    background-position: right; center;
}
.conn7 .work_list>li.work_novice{
    background: #141414;
}
.conn7 .work_list>li.work_design{
    background: #debb86;
}
.conn7 .work_list>li.work_novice:hover {
    -moz-animation: btn_ov_novice 2.3s ease-out normal;
    -webkit-animation: btn_ov_novice 2.3s ease-out normal;
    animation: btn_ov_novice 2.3s ease-out normal
}
.conn7 .work_list>li.work_design:hover {
    -moz-animation: btn_ov_design 2.3s ease-out normal;
    -webkit-animation: btn_ov_design 2.3s ease-out normal;
    animation: btn_ov_design 2.3s ease-out normal
}
@keyframes btn_ov_novice {
    0% {
        background: #141414
    }

    2% {
        background: #393939
    }

    50% {
        background: #141414
    }

    100% {
        background: #141414
    }
}

@keyframes btn_ov_design {
    0% {
        background: #debb86
    }

    2% {
        background: #F7DBAA
    }

    50% {
        background: #debb86
    }

    100% {
        background: #debb86
    }
}
/*加入我们弹窗*/
.join_toast{
    width: calc(100% - 241px); height: 100%;
    position: fixed; top: 0; right: 0;
    background-color: #1A1A1A;
    display: none;
}
.join_toast .btn_close{
    width: 1.7vw; height: auto;
    display: block; cursor: pointer;
    position: absolute; right: 10.598%; top: 50px;
}
.join_toast .join_w{
    width: 76.997%; height: auto;
    padding-left: 9.624%; overflow-y: hidden;
}
.join_toast .join_w .join_title{
    font-size: 2.2vw; color: #f2f2f2;
    font-weight: 500; margin-top: 44px;
    margin-bottom: 15px;
}
.join_toast .join_w .join_title>span{
    font-size: 0.9vw; color: #a5a5a5;
}
.join_toast .join_w .join_table{
    width: 100%; height: auto;
}
.join_toast .join_w .join_table .join_tr{
    width: 100%; height: auto;
    margin-bottom: 5px;
    overflow-y: hidden;
}
.join_toast .join_w .join_table .join_tr>input{
    width: calc(22.1366% - 5px); height: 3.7vw;
    line-height: 3.7vw;
    border: 0; border-bottom: 1px solid #f2f2f2;
    background-color: transparent;
    font-size: 1.2vw; color: #f2f2f2;
    outline: none;
    padding-left: 5px;
}
.join_toast .join_w .join_table .join_tr>input::-webkit-input-placeholder,
.join_toast .join_w .join_table .join_tr>input:-moz-placeholder,
.join_toast .join_w .join_table .join_tr>input::-moz-placeholder,
.join_toast .join_w .join_table .join_tr>input:-ms-input-placeholder{
    color: #a5a5a5;
}
.join_toast .join_w .join_table .join_tr>textarea{
    width: calc(100% - 34px); height: 14.7vw;
    overflow-y: auto;
    background: transparent;
    font-size: 1.2vw; color: #f2f2f2;
    line-height: 2.4vw; text-align: justify;
    border: 1px solid #f2f2f2;
    margin-top: 37px; resize: none;
    outline: none;
    padding: 0 16px;
}
.join_toast .join_w .join_table .join_tr>textarea::-webkit-input-placeholder,
.join_toast .join_w .join_table .join_tr>textarea:-moz-placeholder,
.join_toast .join_w .join_table .join_tr>textarea::-moz-placeholder,
.join_toast .join_w .join_table .join_tr>textarea:-ms-input-placeholder{
    color: #a5a5a5;
}
.join_toast .join_w .join_table .join_tr .btn_upload{
    width: calc(22.1366% - 2px); height: 3.8vw;
    line-height: 3.8vw;
    font-size: 1.7vw; font-weight: 500; color: #f2f2f2;
    text-align: center;
    border: 1px solid #f2f2f2;
    position: relative;
    cursor: pointer;
    display: inline-block; float: left;
}
.join_toast .join_w .join_table .join_tr .btn_upload>input{
    width: 100%; height: 100%;
    position: absolute; top: 0; left: 0;
    opacity: 0;
    cursor: pointer;
}
.join_toast .join_w .join_table .join_tr .btn_confirm{
    width: calc(22.1366% - 2px); height: 3.8vw;
    line-height: 3.8vw;
    font-size: 1.7vw; font-weight: 500; color: #debb86;
    text-align: center;
    border: 1px solid #debb86;
    position: relative;
    cursor: pointer;
    float: right;
    background-color: #444;
}
.join_toast .join_w .join_table .join_tr .btn_confirm>input{
    width: 100%; height: 100%;
    position: absolute; top: 0; left: 0;
    opacity: 0;
    cursor: pointer;
}
.choose_file{
    width: 100%; height: auto;
    font-size: 1.1vw; color: #f2f2f2;
    margin-top: 20px;
    display: none;
}
.join_toast .join_w .join_table_tip{
    width: 100%; height: auto;
    margin-top: 13px;
    font-size: 1.1vw; line-height: 3.7vw; color: #a5a5a5;
}
/*加入我们弹窗*/
/*人才招聘*/
/*联系我们*/
.wrapper .container .bg8{
    background-color: #1A1A1A;
}
.wrapper .container .con_wrap .conn8{
    width: calc(100% - 1px); height: auto;
    border-left: 1px solid #4f4f4f;
    overflow-y: hidden;
}
.conn8 .conn8_wrap{
    width: 100%; height: auto;
    overflow-y: hidden;
    /*position: relative;*/
}
.conn8 .conn8_wrap .logo_white{
    width: 15.324%; height: auto;
    display: block;
    margin: 0 auto; margin-top: 17.2vw;
    margin-bottom: 15.6vw;
}
.conn8 .conn8_wrap .concat_c{
    /*width: 26.4vw; */
    /*align-content: center;*/
    /*left: 50%;*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    margin: 0 auto; margin-bottom: 0.6vw;
    overflow-y: hidden;
}
.conn8 .conn8_wrap .concat_c .concat_cl{
    height: auto;
    display: inline-block;
    float: left;
}
.conn8 .conn8_wrap .concat_c .concat_cr{
    height: auto;
    display: inline-block;
    margin-left: 2.0vw;
}
.conn8 .conn8_wrap .qrCode{
    width: 3.5vw; height: auto;
    display: block;
    /*    margin-left: 3.0vw;*/
}
.conn8 .conn8_wrap .concat_w{
    width: 100%; height: auto;
    display: block;
}
.conn8 .conn8_wrap .concat_w>li{
    text-align: center; margin-top: 1.0vw;margin-left: 0.8vw;
    line-height: 1.5vw;
}
.conn8 .conn8_wrap .concat_w>li>span{
    color: #f2f2f2; font-size: 1.2vw; font-weight: 500;
}
.conn8 .conn8_wrap .concat_w>li>a{
    color: #f2f2f2; font-size: 1.0vw;
    margin-left: 4.2vw;
}
.conn8 .conn8_wrap .concat_w>li .icon_send{
    width: 3.1vw; height: auto;
    margin-left: 110px;
}
.conn8 .conn8_wrap .web_info{
    width: 100%; height: auto;
    font-size: 0.9vw; color: #a5a5a5;
    text-align: center;
    margin-bottom: 3.9vw;
}
.conn8 .conn8_wrap .web_info>a{
    color: #f2f2f2;
}
/*联系我们*/

/*动画效果*/
.conn4, .conn5, .conn6{
    opacity: 0;
    transform: translateY(25px);
    transition: all .5s linear;
    /*出现动画持续时长 单位：s*/
}
.conn2_data, .abstract_c>h1,
.abstract_c>.abstract_intro,
.server_list>li,
.conn7_top>h1,
.conn7_wrap>.conn7_intro,
.conn7_wrap>.flow,
.work_list,
#gallery-slide,
.logo_white,
.concat_cl,
.concat_cr,
.web_info{
    opacity: 0;
    transform: translateY(25px);
    transition: all .5s linear;
    /*出现动画持续时长 单位：s*/
}

.inrow>li,.inrow span{display:inline-block;*display:inline;*zoom:1;letter-spacing:normal;word-spacing:normal; }
.dataNums{position: absolute; top:50%; display: block; width:100%; height:87px; margin-top: -30px; text-align:center; overflow-y: hidden;}
.dataNums .dataOne{ width:50px; height:75px; text-align: left; no-repeat;}
.dataNums .dataBoc {position: relative; width: 100%; height: 100%; overflow: hidden;}
.dataNums .dataBoc .tt {position: absolute; top: 0;  left: 0; width: 100%;  height: 100%;}
.dataNums .tt span{width:100%;height:100%;}


/*文字选中后样式*/
::selection {
    background:#DEBB86;
    color:#fff;
}

::-moz-selection {
    background:#DEBB86;
    color:#fff;
}

::-webkit-selection {
    background:#DEBB86;
    color:#fff;
}

/*首屏向下滚动提示动画*/
@-webkit-keyframes scrollLine {
    0% {
        top: auto;
        bottom: 0;
        height: 100%
    }

    20% {
        top: auto;
        bottom: 0;
        height: 0
    }

    21% {
        opacity: 1
    }

    30% {
        top: auto;
        bottom: 0;
        height: 0;
        opacity: 0
    }

    50% {
        top: auto;
        bottom: 0;
        height: 100%;
        opacity: 0
    }

    50.1% {
        opacity: 0
    }

    99% {
        opacity: 0
    }

    100% {
        top: auto;
        bottom: 0;
        height: 100%;
        opacity: 0
    }
}

@-moz-keyframes scrollLine {
    0% {
        top: auto;
        bottom: 0;
        height: 100%
    }

    20% {
        top: auto;
        bottom: 0;
        height: 0
    }

    21% {
        opacity: 1
    }

    30% {
        top: auto;
        bottom: 0;
        height: 0;
        opacity: 0
    }

    50% {
        top: auto;
        bottom: 0;
        height: 100%;
        opacity: 0
    }

    50.1% {
        opacity: 0
    }

    99% {
        opacity: 0
    }

    100% {
        top: auto;
        bottom: 0;
        height: 100%;
        opacity: 0
    }
}

@-o-keyframes scrollLine {
    0% {
        top: auto;
        bottom: 0;
        height: 100%
    }

    20% {
        top: auto;
        bottom: 0;
        height: 0
    }

    21% {
        opacity: 1
    }

    30% {
        top: auto;
        bottom: 0;
        height: 0;
        opacity: 0
    }

    50% {
        top: auto;
        bottom: 0;
        height: 100%;
        opacity: 0
    }

    50.1% {
        opacity: 0
    }

    99% {
        opacity: 0
    }

    100% {
        top: auto;
        bottom: 0;
        height: 100%;
        opacity: 0
    }
}

@-ms-keyframes scrollLine {
    0% {
        top: auto;
        bottom: 0;
        height: 100%
    }

    20% {
        top: auto;
        bottom: 0;
        height: 0
    }

    21% {
        opacity: 1
    }

    30% {
        top: auto;
        bottom: 0;
        height: 0;
        opacity: 0
    }

    50% {
        top: auto;
        bottom: 0;
        height: 100%;
        opacity: 0
    }

    50.1% {
        opacity: 0
    }

    99% {
        opacity: 0
    }

    100% {
        top: auto;
        bottom: 0;
        height: 100%;
        opacity: 0
    }
}

@keyframes scrollLine {
    0% {
        top: auto;
        bottom: 0;
        height: 100%
    }

    20% {
        top: auto;
        bottom: 0;
        height: 0
    }

    21% {
        opacity: 1
    }

    30% {
        top: auto;
        bottom: 0;
        height: 0;
        opacity: 0
    }

    50% {
        top: auto;
        bottom: 0;
        height: 100%;
        opacity: 0
    }

    50.1% {
        opacity: 0
    }

    99% {
        opacity: 0
    }

    100% {
        top: auto;
        bottom: 0;
        height: 100%;
        opacity: 0
    }
}

@-webkit-keyframes scrollLine02 {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-moz-keyframes scrollLine02 {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-o-keyframes scrollLine02 {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-ms-keyframes scrollLine02 {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes scrollLine02 {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.kefu{position:fixed;height:auto;z-index: 10001;top: 50%!important;right:0px;}
.kefu ul li{
	width:60px;
	height:60px;
	margin-top:2px;
	position:relative;
}
.kefu ul li a{
	display:block;
	width:60px; height:60px;
	background-color:#4C484D;
	position:absolute;right:0px; top:0px;
	background-repeat:no-repeat;
	background-position:center;
	border-radius: 5px;
	cursor:pointer;
}
.kefu ul li a:hover{
	background-color:#D1313D;
}
.kefu ul li a.qq{
	background-image:url(../img/yx_qq.png);
}
.kefu ul li a.phone:before{
	content:"";
	position:absolute;
	width:60px;
	height:60px;
	top:0; left:0;
	background-image:url(../img/yx_phone.png);
	background-repeat:no-repeat;
	background-position:center;
}
.kefu ul li a.phone span{display:none;width:110px; text-align:center;position:absolute;height:60px; font-size:12px;color:white; line-height:60px; right:0px;}
.kefu ul li a.phone:hover{width:160px;}
.kefu ul li a.phone:hover span{ display:block;}
.kefu ul li a.ewm{
	background-image:url(../img/yx_wm.png);
}
.kefu ul li a.ewm img{width:130px; height:130px; display:none; position:absolute; right:60px;top:50%; margin-top:-65px;}
.kefu ul li a.ewm:hover img{ display:block;}
.kefu ul li a.top{
	background-image:url(../img/yx_top.png);
}