@charset "utf-8";
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.prz{position:relative;zoom:1;}
.pra{position:absolute;}
.cleargap{font-size:0;letter-spacing:-8px;text-align:left;}
.ibox{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px;letter-spacing:normal;}
.justify{text-align:justify!important;text-justify:inter-ideograph!important;}
.justify_fix{display:inline-block;*display:inline;*zoom:1;width:100%;height:0;overflow:hidden;}
.responLayout{overflow:hidden;}
.layoutItem{padding-bottom:32767px;margin-bottom:-32767px;}
.usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.img-container{display:block;position:relative;zoom:1;overflow:hidden;background:url(../img/loading_1.gif) no-repeat center;}
.img-container img{display:block;opacity:0;}
.img-responsive,
.edits img{max-width:100%;width:auto\9;height:auto;-ms-interpolation-mode:bicubic;_width:auto;}
.ieBox{*behavior:url(./js/boxsizing.htc)}
.ellipsis{overflow:hidden;}
.mr0{margin-right:0!important;}
.nobor{border:none!important;}
.nobg{background:none!important;}
.w1200{max-width:1200px;margin:0 auto;overflow: hidden}
.bt0{border-top:0!important;}
.mt0{margin-top: 0!important}
.ml0{margin-left: 0!important}

.fnt_72{font-size: 72px;}
.fnt_48{font-size: 48px;}
.fnt_20{font-size: 20px;}
@media only screen and (max-width: 1600px){
    .fnt_72{font-size: 60px;}
    .fnt_48{font-size: 40px;}
    .fnt_20{font-size: 18px;}
}
@media only screen and (max-width: 1440px){
    .fnt_72{font-size: 60px;}
    .fnt_48{font-size: 36px;}
    .fnt_20{font-size: 16px;}
}
@media only screen and (max-width: 1366px){
    .fnt_72{font-size: 54px;}
    .fnt_48{font-size: 36px;}
    .fnt_20{font-size: 16px;}
}
@media only screen and (max-width: 1200px){
    .fnt_72{font-size: 48px;}
    .fnt_48{font-size: 30px;}
    .fnt_20{font-size: 14px;}
}

body{font-size: 14px;
    height: 100%;
    margin: 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -ms-behavior: url(../css/backgroundsize.min.htc);
    behavior: url(../css/backgroundsize.min.htc);
}
html,body{height: 100%;}
body.n_body{margin:0 auto;overflow: visible;overflow-x: hidden;}
body.w1200{overflow: visible;height: auto;}

.cloud_all{
    margin-top: 100px
}
@media only screen and (max-width: 1024px){
    .cloud_all{margin-top: 70px}
}
.cl_a_banner{height: 839px;position: relative;width: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
.cl_a_banner .con{color:#fff;position: relative;z-index: 1;text-align: center;}

/*IDC服务*/
/*.IDC-kv{
	width:100%;
	margin-top: 90px;
	padding-bottom: 200px;
	background:url(../images/ly_bg01.jpg) no-repeat center;
	overflow: hidden;
	z-index: 1;
}*/
.ser-header{
    margin-top: 100px
}
.ser-header h3{text-align: center;}
.ser-header h3>*{line-height: 1;}
.ser-header h3 span.line{background-color: #7d7d7d;margin-left:auto;margin-right:auto;}
.ser-header h3 em.en{color: #7d7d7d;}
h3.ser-header .wh-cn{
    color:#f6f6f6;
    text-align:center;
    line-height: 1
}

h3.ser-header .ly-btline{
    display:block;
    width:100px;
    height:1px;
    margin: 25px auto 0 auto
}
h3.grey-en{
    color:#a7a7a7;
    margin-top:25px;
    text-align: center;
    font-family: Arial;
    line-height: 1
}
h3.ser-header .wh-Line{
    background:#FFF;
}
.ser-have{
    width:100%;
    height:250px;
    margin-top: 155px
}
.mb-ser-have{
    display:none;
}

@media only screen and (max-width: 1366px){
    .cl_a_banner{height: 650px;}
    .ser-have{margin-top: 100px;}
}
.ser-line{
    width:0;
    height:1px;
    background:#FFF;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    top:70px;
}
.ser-list-outer{
    width:105%;
    height:250px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}
.ser-list{
    width:210px;
    height:250px;
    display:none;
}
.IDC-list-1{
    top:0;
    left:11%;
}
.IDC-list-2{
    top:0;
    left:28%;
}
.IDC-list-3{
    top:0;
    left:45%;
}
.IDC-list-4{
    top:0;
    left:62%;
}
.IDC-list-5{
    top:0;
    left:79%;
}
.ser-icon{
    text-align: center;
    left:0;
    top:0px;
    width:100%;
    height:42px;
    -webkit-transition:top 0.8s;
    -moz-transition:top 0.8s;
    -o-transition:top 0.8s;
    -ms-transition:top 0.8s;
    transition:top 0.8s;
}
.ser-icon.hover{
    top:-10px;
}

.IDC-kv .line-start{
    display:none;
    left:0;
    top:70px;
    width:5%;
    height:1px;
    background:#FFF;
}

.IDC-kv .line-end{
    display:none;
    right:0;
    top:70px;
    width:5%;
    height:1px;
    background:#FFF;
}


.IDC-kv .whLine-l{
    width:88%;
    height:1px;
    background:#FFF;
    left:50%;
    top:70px;
    margin-left:-199px;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}
.IDC-kv .whLine-r{
    width:84%;
    height:1px;
    background:#FFF;
    left:50%;
    top:70px;
    margin-left:16px;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}

.ser-point{
    width:19px;
    height:19px;
    left:50%;
    top:61px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    z-index:100;
}
.ser-point dt{
    width:19px;
    height:19px;
    background:url(../img/ly_point.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-51%);
    -moz-transform:translateX(-50%) translateY(-51%);
    -o-transform:translateX(-50%) translateY(-51%);
    -ms-transform:translateX(-50%) translateY(-51%);
    transform:translateX(-50%) translateY(-51%);
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    -ms-transition:all 0.2s;
    transition:all 0.2s;
}
.ser-hover{
    width:19px;
    height:19px;
    left:0;
    top:0;
}
.ser-point .ser-hover span:nth-child(1){
    width:0;
    height:0;
    background:#ff6600;
    border-radius:50%;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}

.ser-point .ser-hover span:nth-child(2){
    width:0;
    height:0;
    background:#FFF;
    border-radius:50%;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    -webkit-transition:all 0.1s 0.2s;
    -moz-transition:all 0.1s 0.2s;
    -o-transition:all 0.1s 0.2s;
    -ms-transition:all 0.1s 0.2s;
    transition:all 0.1s 0.2s;
}

.ser-point .ser-hover span.lineL{
    width:0;
    height:1px;
    background:#ff6600;
    left:-4px;
    top:9px;
    -webkit-transform:translateX(-100%);
    -moz-transform:translateX(-100%);
    -o-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}

.ser-point .ser-hover span.lineR{
    width:0;
    height:1px;
    background:#ff6600;
    left:25px;
    top:9px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}

.ser-point.hover dt{
    opacity:0;
    filter:alpha(opacity=0);
}


.ser-point.hover span:nth-child(1){
    width:19px;
    height:19px;
}

.ser-point.hover span:nth-child(2){
    width:10px;
    height:10px;
}
.ser-point.hover span.lineL{
    width:160px;
}
.ser-point.hover span.lineR{
    width:160px;
}

.ser-name{
    top:100px;
    text-align: center;
    width:210px;
}
.ser-name span{
    display:block;
}

.ser-name .cn{
    font-size: 16px;
    color:#FFF;
}

.ser-name .en{
    font-size: 14px;
    color:#acacac;
}
.ser-bgLine{
    width:63px;
    height:1px;
    background:url(../img/ly_bgLine.png) no-repeat center;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    top:158px;
    opacity:0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}

.ser-bgLine.hover{
    top:163px;
    opacity:1;
}
.ser-txt{
    width:266px;
    color:#b2b2b2;
    text-align: center;
    top:178px;
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    opacity: 0;
    -webkit-transition:all 0.6s 0.1s;
    -moz-transition:all 0.6s 0.1s;
    -o-transition:all 0.6s 0.1s;
    -ms-transition:all 0.6s 0.1s;
    transition:all 0.6s 0.1s;
}

.ser-txt.hover{
    top:183px;
    opacity:1;
}



.service-con{
    width:100%;
    background:#fff;
    padding-bottom: 50px
}

.service-con .serHeader-cn{
    color:#000;
    background:url(../img/ly_titleBg.jpg) no-repeat bottom center;
    padding-bottom: 30px;
    text-align: center
}
.service-con .serHeader-en{
    color:#7d7d7d;
    margin-top: 35px;
    text-align: center;
    font-family: Arial
}
.logo-outer{
    width:20%;
    height:220px;
    border-bottom: 1px solid #dadada;
}

.logo-outer img{
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    mix-blend-mode:multiply;
}
.ser-contact{
    padding: 100px 0;
    background:url(../img/ly_contBg.jpg) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size:cover;
    overflow: hidden
}
.ser-contact .cont_title{
    color:#FFF;
    font-size: 30px;
    background:url(../img/ly_serHeader.jpg) no-repeat bottom center;
    padding-bottom: 35px;
    text-align: center;
    letter-spacing: 2px
}
.ser-contact .cont_txt{
    color:#FFF;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    margin-top: 40px;
    letter-spacing: 1px
}

.ser-contact .cont-link{
    display:block;
    font-size: 14px;
    color:#FFF;
    text-align: center;
    width:250px;
    height:58px;
    line-height: 58px;
    border:1px solid #FFF;
    margin:75px auto 0 auto;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}
.ser-contact .cont-link:hover{
    background:#FFF;
    color:#000;
}
/*案例聚合*/
.case-wall{background: #f6f6f6;width:100%;margin-top: 90px}
.s3_title{position: relative;height: 240px;background: #f6f6f6;width: 100%;}
.s3_h3{
    text-align: center;
    position: absolute;
    top: 50%;
    left:0px;
    right:0px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.s3_h3 b{font-weight: normal;display: block;}
.s3_h3 span{display: block;width: 90px;height: 1px;background: #2e2d33;margin:15px auto 10px;}
.s3_h3 em{display: block;font-family: Arial;color: #7d7d7d;}
.s3_case a{display:block;width: 25%;float: left;height: 0px;padding-bottom: 25%;}
.s3_case dl{background:#000;width: 100%;height: 0px;padding-bottom: 100%;overflow: hidden;}
.s3_case dl img{
    width: 100%;
    -webkit-transition:transform 1s ease-out;
    -moz-transition:transform 1s ease-out;
    -o-transition:transform 1s ease-out;
    -ms-transition:transform 1s ease-out;
    transition:transform 1s ease-out;
}
.s3_case dl:hover img{
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
}
.case-wall .s3_h3{opacity:0;}
.case-header{margin-top: 60px;}
.s3_logo .serHeader-cn{
    color:#000;
    background:url(../img/ly_titleBg.jpg) no-repeat bottom center;
    padding-bottom: 20px;
    text-align: center
}
.s3_logo .serHeader-en{
    color:#7d7d7d;
    margin-top: 30px;
    text-align: center;
    font-family: Arial
}
.cus-wall{margin-top: 70px}

.s3_logo .logo_box{width: 25%;float: left;height: 240px;
    box-sizing:border-box;overflow: hidden;
    border:1px solid #e2e2e2;border-left: 0;
}
.s3_logo .logo_box_con{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition:transform 0.5s ease-in-out;
    -moz-transition:transform 0.5s ease-in-out;
    -o-transition:transform 0.5s ease-in-out;
    -ms-transition:transform 0.5s ease-in-out;
    transition:transform 0.5s ease-in-out;
    height: 240px;
}
.s3_logo .logo_box:hover .logo_box_con{
    -webkit-transform:rotateX(-90deg);
    -moz-transform:rotateX(-90deg);
    -o-transform:rotateX(-90deg);
    -ms-transform:rotateX(-90deg);
    transform:rotateX(-90deg);
}

.s3_logo .logo_box_con>div{width: 100%;height: 100%;position: absolute;}/*²»ÄÜдrelative*/
.s3_logo .top{background-color: #f6f6f6;
    -webkit-transform:translate3d(0, 0, 120px);
    -moz-transform:translate3d(0, 0, 120px);
    -o-transform:translate3d(0, 0, 120px);
    -ms-transform:translate3d(0, 0, 120px);
    transform:translate3d(0, 0, 120px);
}
.s3_logo .bottom{background-color: #f60;
    -webkit-transform:rotateX(90deg) translate3d(0, 0, 120px);
    -moz-transform:rotateX(90deg) translate3d(0, 0, 120px);
    -o-transform:rotateX(90deg) translate3d(0, 0, 120px);
    -ms-transform:rotateX(90deg) translate3d(0, 0, 120px);
    transform:rotateX(90deg) translate3d(0, 0, 120px);
}

.s3_logo .top img{position: absolute;top: 50%;left: 50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    mix-blend-mode: multiply;
}
.s3_logo .bottom p{text-align:center;position: absolute;top: 50%;left: 50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    color: #fff;line-height: 2;}
.case_cont.uniq,
.join_text.uniq,
.footer-logo.uniq,
.case-footer.uniq{opacity:0;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    -ms-transition:all 0.8s;
    transition:all 0.8s;
}

.case_cont.uniq.move,
.join_text.uniq.move,
.footer-logo.uniq.move,
.case-footer.uniq.move{
    opacity:1;
}

.isIe .s3_logo .logo_box_con{}
.isIe .s3_logo .logo_box:hover .logo_box_con{
    -webkit-transform:translateY(240px);
    -moz-transform:translateY(240px);
    -o-transform:translateY(240px);
    -ms-transform:translateY(240px);
    transform:translateY(240px);
}
.isIe .s3_logo .logo_box_con>div{position: relative;}
.isIe .s3_logo .bottom{
    -webkit-transform:translateY(-480px);
    -moz-transform:translateY(-480px);
    -o-transform:translateY(-480px);
    -ms-transform:translateY(-480px);
    transform:translateY(-480px);
}

@media only screen and (max-width: 1440px){
    .s3_title{height: 130px;}
    .s3_h3{line-height: 1;margin-top: 15px}
    .s3_h3 span{margin:15px auto 15px;}

}

/*case-口行*/
.case-intro{
    margin-top: 90px;
    padding:110px 0 80px 0;

}
.case-logo{
    text-align: center
}

.case-logo img{
    display:block;
    margin:0 auto;
    -webkit-transition:all 0.8s ;
    -moz-transition:all 0.8s ;
    -o-transition:all 0.8s ;
    -ms-transition:all 0.8s ;
    transition:all 0.8s ;
    opacity:0;

}
.case-logo img.move{
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    opacity:1;
}
.case-abs{
    color:#7d7d7d;
    line-height: 30px;
    text-align: center;
    margin: 60px auto 0 auto;
    width:800px;
    opacity:0;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;
}
.case-abs.move{
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    opacity:1;
}
.case-platform{
    text-align: center
}
.case-platform img{
    display:block;
    opacity:0;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    -ms-transition:all 0.8s;
    transition:all 0.8s;
}
.case-platform img.move{
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    opacity:1;
}
.web-intp .header{
    opacity:0;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    -ms-transition:all 0.8s;
    transition:all 0.8s
}

.web-intp .header.move{
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    opacity:1;
}


.web-intp .intp-cn{
    color:#131313;
    font-size: 30px;
}
.web-intp .intp-en{
    color:#7d7d7d;
    font-size: 24px;
    font-family:'YourWebFontName';
    margin-top: 16px
}

.web-intp .head-box{
    background:url(../img/ly_intp_btLine.jpg) no-repeat bottom left;
    padding-bottom: 40px;
    margin-left:120px
}

.web-intp .case-intp{
    width:660px;
    font-size: 14px;
    color:#7d7d7d;
    line-height: 30px
}

.web-intp .case-dis{
    margin-top: 90px
}

.web-intp .case-dis img{
    width:100%;
    opacity:0;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    -ms-transition:all 0.8s;
    transition:all 0.8s;
}
.web-intp .case-dis img.move{
    opacity:1;
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
}

.vs-std{
    width:100%;
    background:url(../img/ly_case_bg.jpg) no-repeat center top;
    background-color:#f9f9f9;
    padding-bottom: 240px;
}

.vs-std .header{
    background:url(../img/ly_intp_btLine.jpg) no-repeat bottom center;
    padding-bottom: 35px;
    margin-top: 120px;
    opacity:0;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    -ms-transition:all 0.8s;
    transition:all 0.8s;
}

.vs-std .header.move{
    opacity:1;
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
}

.vs-std .header .vs-cn{
    font-size: 30px;
    color:#131313;
    text-align: center
}
.vs-std .header .vs-en{
    font-family:'YourWebFontName';
    font-size: 24px;
    color:#7d7d7d;
    text-align: center;
    margin-top:15px
}
.vs-color-font{
    text-align: center;
    margin-top: 30px;
    padding-bottom: 20px
}

.vs-color-font img{
    width:100%;
    opacity:0;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    -ms-transition:all 0.8s;
    transition:all 0.8s;
}

.vs-color-font img.move{
    opacity:1;
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
}

.other-case{
    background:#000;
    padding-top: 80px
}

.other-header{
    opacity:0;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    -ms-transition:all 0.8s;
    transition:all 0.8s;
}

.other-header.move{
    opacity:1;
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
}

.other-case .other-cn{
    color:#f9f9f9;
    font-size: 30px;
    text-align: center;
}
.other-case .other-en{
    font-family:'YourWebFontName';
    color:#7d7d7d;
    font-size: 24px;
    text-align: center;
    margin-top: 20px
}
.other-case .s3_case{
    margin-top: 75px
}

/*企业效率工具*/
.service-banner{
    margin-top: 70px
}
.service-banner img{
    width:100%;
}

h3 span.line{display:block;height: 1px;width:100px;}
.service-banner>h3{position: absolute;
    left: 0px;right:0px;text-align: center;color: #fff;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
h3 em.en{display: inline-block;}
.service-banner>h3 p{line-height: 1;}
.service-banner>h3 span.line{background: #fff;margin-left:auto;margin-right:auto;}
.service-banner>h3 em{color: #c4c4c4;}


/*企业通信*/
/*.EC-kv{
	width:100%;
	height:960px;
	margin-top: 90px;
	background:url(../images/ly_bg03.jpg) no-repeat center;
	overflow: hidden;
	z-index: 1;
}*/
.EC-list-1{
    top:0;
    left:20%;
}
.EC-list-2{
    top:0;
    left:45%;
}
.EC-list-3{
    top:0;
    left:70%;
}

.EC-kv .whLine-l{
    width:113%;
    height:1px;
    background:#FFF;
    left:50%;
    top:70px;
    margin-left:-254px;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}

.EC-kv .whLine-r{
    width:113%;
    height:1px;
    background:#FFF;
    left:50%;
    top:70px;
    margin-left:18px;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}

.EC-kv .line-start{
    display:none;
    left:0;
    top:70px;
    width:11%;
    height:1px;
    background:#FFF;
}
.EC-kv .line-end{
    display:none;
    right:0;
    top:70px;
    width:11%;
    height:1px;
    background:#FFF;
}

/*线上多媒体*/

/*.OM-kv{
	width:100%;
	height:960px;
	margin-top: 90px;
	background:url(../images/ly_bg04.jpg) no-repeat center;
	overflow: hidden;
	z-index: 1;
}*/

.OM-list-1{
    top:0;
    left:30%;
}
.OM-list-2{
    top:0;
    left:60%;
}

.OM-kv .whLine-l{
    width:135%;
    height:1px;
    background:#FFF;
    left:50%;
    top:70px;
    margin-left:-301px;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}

.OM-kv .whLine-r{
    width:135%;
    height:1px;
    background:#FFF;
    left:50%;
    top:70px;
    margin-left:18px;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}

.OM-kv .line-start{
    display:none;
    left:0;
    top:70px;
    width:19%;
    height:1px;
    background:#FFF;
}
.OM-kv .line-end{
    display:none;
    right:0;
    top:70px;
    width:19%;
    height:1px;
    background:#FFF;
}

/*增值服务*/
/*.VS-kv{
	width:100%;
	height:960px;
	margin-top: 90px;
	background:url(../images/ly_bg05.jpg) no-repeat center;
	overflow: hidden;
	z-index: 1;
}*/

.VS-list-1{
    top:0;
    left:12%;
}
.VS-list-2{
    top:0;
    left:34%;
}
.VS-list-3{
    top:0;
    left:56%;
}
.VS-list-4{
    top:0;
    left:78%;
}
.VS-kv .whLine-l{
    width:107%;
    height:1px;
    background:#FFF;
    left:50%;
    top:70px;
    margin-left:-239px;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}

.VS-kv .whLine-r{
    width:107%;
    height:1px;
    background:#FFF;
    left:50%;
    top:70px;
    margin-left:16px;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}

.VS-kv .line-start{
    display:none;
    left:0;
    top:70px;
    width:10%;
    height:1px;
    background:#FFF;
}
.VS-kv .line-end{
    display:none;
    right:0;
    top:70px;
    width:10%;
    height:1px;
    background:#FFF;
}
/*企业效率工具*/
.EET-kv{
    width:100%;
    height:780px;
    background:url(../img/ly_bg06.jpg) #FFF no-repeat bottom left;
    overflow: hidden;
    z-index: 1;
}
@media only screen and (max-width: 1366px){
    .EET-kv{height: 700px;}
}
.EET-kv .serHeader-cn{
    color:#262626;
    text-align:center;
}

.EET-kv .serHeader-en{
    color:#7d7d7d;
    text-align: center;
}
.EET-kv .bt-line{
    width:99px;
    height:50px;
    background:url('../img/ly_img08.png') no-repeat;
    margin: 0 auto
}
.EET-kv .ser-line{
    width:0;
    height:1px;
    background:#7d7d7d;
    left:50%;
    top:70px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}

.EET-kv .ser-point dt{
    width:19px;
    height:19px;
    background:url(../img/ly_pointGe.png) no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-51%);
    -moz-transform:translateX(-50%) translateY(-51%);
    -o-transform:translateX(-50%) translateY(-51%);
    -ms-transform:translateX(-50%) translateY(-51%);
    transform:translateX(-50%) translateY(-51%);
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    -ms-transition:all 0.2s;
    transition:all 0.2s;
}

.EET-list-1{
    top:0;
    left:20%;
}
.EET-list-2{
    top:0;
    left:45%;
}
.EET-list-3{
    top:0;
    left:70%;
}

.EET-kv .whLine-l{
    width:113%;
    height:1px;
    background:#7d7d7d;
    left:50%;
    top:70px;
    margin-left:-254px;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}

.EET-kv .whLine-r{
    width:113%;
    height:1px;
    background:#7d7d7d;
    left:50%;
    top:70px;
    margin-left:18px;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    -ms-transition:all 0.4s;
    transition:all 0.4s;
}

.EET-kv .line-start{
    display:none;
    left:0;
    top:70px;
    width:11%;
    height:1px;
    background:#7d7d7d;
}
.EET-kv .line-end{
    display:none;
    right:0;
    top:70px;
    width:11%;
    height:1px;
    background:#7d7d7d;
}
.EET-kv .ser-icon img{
    width:36px;
}

.EET-kv .color-icon{
    display:none;
    left:50%;
    top:0;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -o-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
}
.EET-kv .color-icon.hover{
    -webkit-animation:icon_bounce 0.7s;
    -moz-animation:icon_bounce 0.7s;
    -o-animation:icon_bounce 0.7s;
    -ms-animation:icon_bounce 0.7s;
    animation:icon_bounce 0.7s;
}

.EET-kv .ser-name .cn{
    color:#000;
}

.EET-kv .ser-point .ser-hover em:nth-child(1){
    width:0;
    height:0;
    opacity:0;
    background:#FFF;
    border-radius: 50%;
    border:1px solid #ffb17d;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}

.EET-kv .ser-point.hover .ser-hover em:nth-child(1){
    width:18px;
    height:18px;
    opacity:1;
}
.EET-kv .ser-point .ser-hover em:nth-child(2){
    width:0;
    height:0;
    background:#ff6600;
    border-radius: 50%;
    left:50%;
    top:50%;
    -webkit-transform:translateX(-50%) translateY(-50%);
    -moz-transform:translateX(-50%) translateY(-50%);
    -o-transform:translateX(-50%) translateY(-50%);
    -ms-transform:translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
}

.EET-kv .ser-point.hover .ser-hover em:nth-child(2){
    width:11px;
    height:11px;
}

.EET-plat{
    width:100%;
    height:760px;
    background:url(../img/ly_bg07.jpg) no-repeat center;
}

.EET-plat .serHeader-cn{
    color:#FFF;
    text-align: center;
    margin-top:90px;
}

.EET-plat .bt-line{
    width:99px;
    height:50px;
    background:url(../img/ly_img07.png) no-repeat;
    margin:0 auto;
}
.EET-plat .plat-have{
    text-align: center;
    margin-top: 16px
}
.EET-plat .plat-box{
    width:346px;
    border:1px solid #FFF;
    border-radius: 10px;
    padding-bottom:38px;
}

.EET-plat .plat-box:first-child{
    margin-right:36px;
}
.EET-plat .plat-box:last-child{
    margin-left:36px;
}

.EET-plat .plat-box:nth-child(2n){
    margin:0 36px;
}


.EET-plat .plat-box-tit{
    width:285px;
    border-bottom: 1px solid #FFF;
    padding: 90px 0 30px 0;
}

.EET-plat .plat-iconBox{
    width:70px;
    height:50px;
    overflow: hidden;
    margin-left:32px
}

.EET-plat .plat-box-name{
    color:#FFF;
    margin: 45px 0 0 32px;
    text-align: left
}

.plat-char{
    margin:48px 0 0 30px;

}
.plat-char span{
    margin: 30px 0 0 0;
    color:#FFF;
    width:96px;
    text-align: left
}

.plat-char span:nth-child(3n){
    width:112px;
    margin-right: 0
}



.service-con.adv{background: url(../img/ly_bg088.jpg) no-repeat center top;}
.service-con.adv .serHeader-cn{
    background:none;
    padding-bottom: 0
}

.ser-adv{
    padding-bottom: 80px;
    margin-top:70px;
    text-align: center
}


.ser-advBox{
    width:350px;

}
.ser-advBox:first-child{margin-right: 37px}
.ser-advBox:last-child{margin-left: 37px}
.ser-advBox:nth-child(2){margin:0 37px;}

.ser-advBox .img-outer{
    width:350px;
    height:60px;
    overflow: hidden
}
.ser-advBox .adv-txt{
    margin-top: 35px;
}
.ser-advBox .adv-txt dt{
    color:#000;
    text-align: center;
}
.ser-advBox .adv-txt dd{
    color:#7d7d7d;
    line-height: 30px;
    margin-top: 40px;
    text-align: center;
}

/*网络整合营销*/
.DSP{
    width:100%;
    background:#FFF;
    padding: 55px 0 110px 0
}
.DSP-ad{
    text-align: left
}
.DSP-tit{
    -webkit-transition:all 1s 0.5s;
    -moz-transition:all 1s 0.5s;
    -o-transition:all 1s 0.5s;
    -ms-transition:all 1s 0.5s;
    transition:all 1s 0.5s;
    opacity:0;
}

.DSP-abs{
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;
    opacity:0;
}

.DSP-tit.move{
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity:1;
}

.DSP-abs.move{
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -o-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    opacity:1;
}

.DSP .ani-line{
    width:0;
    height:1px;
    background:#e4e4e4;
    top:155px;
    right:0;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;
}
.DSP .ani-line.move{
    width:35%;
}

.DSP .DSP-abs{
    color:#7d7d7d;
    line-height: 30px;
    margin-top: 25px;
    width:816px;
}
.DSP-ymt{
    margin-top: 75px
}

.DSP-ymt .right-box{
    height:auto;
    opacity: 0;
}
.DSP-ymt .right-box.move{
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;
    opacity: 1;
}
.ymt-headBox{
    background:url(../img/ly_titleBg.jpg) no-repeat bottom left;
    padding-bottom: 15px;
    height:100px;
    opacity:0;
    margin-left: 10px;
    -webkit-transition:all 1.5s;
    -moz-transition:all 1.5s;
    -o-transition:all 1.5s;
    -ms-transition:all 1.5s;
    transition:all 1.5s;
}
.ymt-headBox.move{
    padding-bottom: 28px;
    opacity:1
}

.ymt-name{
    -webkit-transform:translateY(60px);
    -moz-transform:translateY(60px);
    -o-transform:translateY(60px);
    -ms-transform:translateY(60px);
    transform:translateY(60px);
    -webkit-transition:all 1.5s;
    -moz-transition:all 1.5s;
    -o-transition:all 1.5s;
    -ms-transition:all 1.5s;
    transition:all 1.5s;
    opacity:0;
}
.ymt-name.move{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.ymt-tit{
    color:#7d7d7d;
    margin-top: 18px;
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    opacity:0;
    -webkit-transition:all 1.5s;
    -moz-transition:all 1.5s;
    -o-transition:all 1.5s;
    -ms-transition:all 1.5s;
    transition:all 1.5s;
}
.ymt-tit.move{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1
}
.ymt-abs{
    color:#7d7d7d;
    line-height: 0;
    margin-top: 10px;
    height:90px;
    opacity:0;
    margin-left: 10px;
    -webkit-transition:all 1.5s;
    -moz-transition:all 1.5s;
    -o-transition:all 1.5s;
    -ms-transition:all 1.5s;
    transition:all 1.5s;
}
.ymt-abs.move{
    margin-top: 35px;
    line-height: 30px;
    opacity:1
}
.ymt-imgBox{
    width:302px;
    height:219px;
    left:50%;
    margin-left:-400px;
    -webkit-transition:translateY 2s;
    -moz-transition:translateY 2s;
    -o-transition:translateY 2s;
    -ms-transition:translateY 2s;
    transition:translateY 2s;
    background:url(../img/ly_img04.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size:cover;
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
}
.cover-top{
    height:51%;
    width:100%;
    background:#fff;
    top:0;
    left:0;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;
}
.cover-bot{
    height:50%;
    width:100%;
    background:#fff;
    top:50%;
    left:0;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -o-transition:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;
}
.cover-top.move{
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    transform:translateY(-100%);
}
.cover-bot.move{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -o-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
}
.DSP-iconGr{
    /*text-align: center;*/
    margin:50px auto 0 auto;
    width:100%;
}

.DSP .icon-it{
    /*width:25%;*/
    margin-left:10%;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    -ms-transition:all 0.8s;
    transition:all 0.8s;
    opacity:0;
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px);
}
.DSP .icon-it:first-child{
    margin-left: 0;
}

.icon-box{
    width:38px;
    height:36px;
    margin:0 auto;
}

.icon-name{
    font-size: 14px;
    color:#7d7d7d;
    margin-top: 20px;
    text-align: center
}
.google{
    width:100%;
    height:760px;
    background:url(../img/ly_bg09.jpg) no-repeat center;
}

.google .ani-line{
    width:0;
    height:1px;
    background:#7d7d7d;
    top:155px;
    left:0;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    -ms-transition:all 0.8s;
    transition:all 0.8s;
}
.google .ani-line.move{
    width:35%;
}


.goo-headline{
    text-align: right;
    margin-top: 52px
}

.goo-tit{
    color:#FFF;

}
.goo-abs{
    color:#fff;
    line-height: 30px;
    margin-top: 28px;
    width:850px;
}

.google .bt-line{
    width:99px;
    height:40px;
    background:url(../img/ly_img06.png) no-repeat center;
    margin-top: 15px
}
.google-con{
    margin-top: 70px
}

.google .headerBox{
    /*background:url(../images/ly_serHeader.jpg) no-repeat bottom left;
	padding-bottom: 30px;*/
    color:#FFF;
}
.google .headerBox h4{
    color:#FFF;
}
.google .headerBox .goo-miniTit{
    margin-top: 18px;
    color:#FFF
}

.google .goo-txt{
    line-height: 30px;
    margin-top: 10px;
    color:#FFF;
}
.google .goo-txt span{
    display:block;

}
.google .goo-txt span:nth-child(2){
    margin-top: 5px
}
.goo-left{
    margin-left: 45px
}
.goo-img{
    position: relative;
    width:379px;
    height:379px;
    background:url("../img/ly_img05.png") no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size:cover;
    margin-right:160px;
    -webkit-transition:opacity 1s 0.5s,transform 1s 0.5s;
    -moz-transition:opacity 1s 0.5s,transform 1s 0.5s;
    -o-transition:opacity 1s 0.5s,transform 1s 0.5s;
    -ms-transition:opacity 1s 0.5s,transform 1s 0.5s;
    transition:opacity 1s 0.5s,transform 1s 0.5s;
    opacity: 0;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -o-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
}


.goo-img.move{
    opacity: 1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -o-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
}
.google .DSP-iconGr{
    margin-top:50px;
}

.google .icon-name{
    color:#FFF;
}
.google .DSP-iconGr .icon-it{
    width:112px;
    margin:0 45px;
    opacity:0;
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px);
    -webkit-transition:transform 0.8s;
    -moz-transition:transform 0.8s;
    -o-transition:transform 0.8s;
    -ms-transition:transform 0.8s;
    transition:transform 0.8s;
}
.scrm{
    width:100%;
    background:#ff6600;
    padding:70px 0 120px 0;
}

.scrm .ani-line{
    width:0;
    height:1px;
    background:#d7d7d7;
    top:155px;
    right:0;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    -ms-transition:all 0.8s;
    transition:all 0.8s;
}

.scrm .ani-line.move{
    width:35%;
}

.scrm .scrm-tit{
    color:#FFF;
}

.scrm .scrm-abs{
    color:#FFF;
    margin-top: 24px
}
.scrm-con{
    margin-top: 110px
}

.draw-head{
    color:#FFF;
    height:50px;
    /*border:1px solid #fff;*/
    font-size:24px;
    width:276px;
    text-align:center;
    line-height: 50px;
    margin:0 auto;
}

.draw-box{
    margin-top: 95px;
    width:832px;
    height:220px;
}
.draw-stone{
    width:117px;
    height:130px;
    margin:0 6px;
}

.draw-icon{
    width:0;
    height:89px;
    margin:0 auto;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size:cover;
}


.stone-name{
    font-size: 14px;
    color:#FFF;
    margin-top: 20px;
    text-align: center;
    letter-spacing: -12px;
    opacity:0;
}

.draw-stone.move .draw-icon{
    width:89px;
}
.draw-stone.move .stone-name{
    letter-spacing:normal;
    opacity:1;
}

.dir-to{
    width:0;
    height:32px;
    background:url(../img/ly_icon32.png) no-repeat center;
    margin-top: 28px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.dir-to.move{
    width:105px;
}

.goAhead:nth-child(1) .draw-icon{
    -webkit-transition:opacity 0.5s,width 0.5s;
    -moz-transition:opacity 0.5s,width 0.5s;
    -o-transition:opacity 0.5s,width 0.5s;
    -ms-transition:opacity 0.5s,width 0.5s;
    transition:opacity 0.5s,width 0.5s;
}
.goAhead:nth-child(1) .stone-name{
    -webkit-transition:opacity 0.5s,width 0.5s;
    -moz-transition:opacity 0.5s,width 0.5s;
    -o-transition:opacity 0.5s,width 0.5s;
    -ms-transition:opacity 0.5s,width 0.5s;
    transition:opacity 0.5s,width 0.5s;
}

.goAhead:nth-child(2){
    -webkit-transition:opacity 0.5s 0.5s,width 0.5s 0.5s;
    -moz-transition:opacity 0.5s 0.5s,width 0.5s 0.5s;
    -o-transition:opacity 0.5s 0.5s,width 0.5s 0.5s;
    -ms-transition:opacity 0.5s 0.5s,width 0.5s 0.5s;
    transition:opacity 0.5s 0.5s,width 0.5s 0.5s;
}
.goAhead:nth-child(3) .draw-icon{
    -webkit-transition:opacity 0.5s 1s,width 0.5s 1s;
    -moz-transition:opacity 0.5s 1s,width 0.5s 1s;
    -o-transition:opacity 0.5s 1s,width 0.5s 1s;
    -ms-transition:opacity 0.5s 1s,width 0.5s 1s;
    transition:opacity 0.5s 1s,width 0.5s 1s;
}
.goAhead:nth-child(3) .stone-name{
    -webkit-transition:opacity 0.5s 1s,width 0.5s 1s;
    -moz-transition:opacity 0.5s 1s,width 0.5s 1s;
    -o-transition:opacity 0.5s 1s,width 0.5s 1s;
    -ms-transition:opacity 0.5s 1s,width 0.5s 1s;
    transition:opacity 0.5s 1s,width 0.5s 1s;
}

.goAhead:nth-child(4){
    -webkit-transition:opacity 0.5s 1.5s,width 0.5s 1.5s;
    -moz-transition:opacity 0.5s 1.5s,width 0.5s 1.5s;
    -o-transition:opacity 0.5s 1.5s,width 0.5s 1.5s;
    -ms-transition:opacity 0.5s 1.5s,width 0.5s 1.5s;
    transition:opacity 0.5s 1.5s,width 0.5s 1.5s;
}

.goAhead:nth-child(5) .draw-icon{
    -webkit-transition:opacity 0.5s 2s,width 0.5s 2s;
    -moz-transition:opacity 0.5s 2s,width 0.5s 2s;
    -o-transition:opacity 0.5s 2s,width 0.5s 2s;
    -ms-transition:opacity 0.5s 2s,width 0.5s 2s;
    transition:opacity 0.5s 2s,width 0.5s 2s;
}
.goAhead:nth-child(5) .stone-name{
    -webkit-transition:opacity 0.5s 2s,width 0.5s 2s;
    -moz-transition:opacity 0.5s 2s,width 0.5s 2s;
    -o-transition:opacity 0.5s 2s,width 0.5s 2s;
    -ms-transition:opacity 0.5s 2s,width 0.5s 2s;
    transition:opacity 0.5s 2s,width 0.5s 2s;
}
.goAhead:nth-child(6){
    -webkit-transition:opacity 0.5s 2.5s,width 0.5s 2.5s;
    -moz-transition:opacity 0.5s 2.5s,width 0.5s 2.5s;
    -o-transition:opacity 0.5s 2.5s,width 0.5s 2.5s;
    -ms-transition:opacity 0.5s 2.5s,width 0.5s 2.5s;
    transition:opacity 0.5s 2.5s,width 0.5s 2.5s;
}
.goAhead:nth-child(7) .draw-icon{
    -webkit-transition:opacity 0.5s 3s,width 0.5s 3s;
    -moz-transition:opacity 0.5s 3s,width 0.5s 3s;
    -o-transition:opacity 0.5s 3s,width 0.5s 3s;
    -ms-transition:opacity 0.5s 3s,width 0.5s 3s;
    transition:opacity 0.5s 3s,width 0.5s 3s;
}
.goAhead:nth-child(7) .stone-name{
    -webkit-transition:opacity 0.5s 3s,width 0.5s 3s;
    -moz-transition:opacity 0.5s 3s,width 0.5s 3s;
    -o-transition:opacity 0.5s 3s,width 0.5s 3s;
    -ms-transition:opacity 0.5s 3s,width 0.5s 3s;
    transition:opacity 0.5s 3s,width 0.5s 3s;
}
.goAhead:nth-child(8){
    -webkit-transition:opacity 0.8s 3.5s,width 0.8s 3.5s;
    -moz-transition:opacity 0.8s 3.5s,width 0.8s 3.5s;
    -o-transition:opacity 0.8s 3.5s,width 0.8s 3.5s;
    -ms-transition:opacity 0.8s 3.5s,width 0.8s 3.5s;
    transition:opacity 0.8s 3.5s,width 0.8s 3.5s;
}
.goAhead:nth-child(9){
    -webkit-transition:opacity 0.8s 4s,width 0.8s 4s;
    -moz-transition:opacity 0.8s 4s,width 0.8s 4s;
    -o-transition:opacity 0.8s 4s,width 0.8s 4s;
    -ms-transition:opacity 0.8s 4s,width 0.8s 4s;
    transition:opacity 0.8s 4s,width 0.8s 4s;
}
.scrm-con .headBox{
    text-align: right;
    margin-top: 105px
}

.scrm-con .head-tit{
    color:#FFF;
}

.scrm-con .head-exp{
    color:#e4e4e4;
    margin-top: 18px
}

.scrm .bt-line{
    width:99px;
    height:50px;
    background:url(../img/ly_img07.png) no-repeat;
    margin-top: 10px
}
.dir-curve1{
    width:0;
    height:47px;
    background:url(../img/ly_icon33.png) no-repeat center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size:cover;
    right:0;
    top:-60px;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    -ms-transition:all 0.8s;
    transition:all 0.8s;
}
.dir-curve1.move{
    width:227px;
    -webkit-transform:translateX(-61px);
    -moz-transform:translateX(-61px);
    -o-transform:translateX(-61px);
    -ms-transform:translateX(-61px);
    transform:translateX(-61px);
}
.dir-curve2{
    width:0;
    height:81px;
    background:url(../img/ly_icon34.png) no-repeat center;
    right:0;
    top:138px;
}
.dir-curve2.move{
    width:465px;
    -webkit-transform:translateX(-61px);
    -moz-transform:translateX(-61px);
    -o-transform:translateX(-61px);
    -ms-transform:translateX(-61px);
    transform:translateX(-61px);
}
.wow{visibility:hidden;}


/*.service-con .bt-line{
	width:99px;
	height:50px;
	background:url(../images/ly_img08.png) no-repeat;
	margin: 0 auto;
	transition:all 0.8s;
}

.cases.service-con .serHeader-cn{
	background:none;
	padding-bottom: 0
}
.cases.service-con .serHeader-en{
	margin-top: 0
}*/
h3.ser-header .bl-cn{
    color:#000;
    text-align: center;
    line-height: 1
}
h3.ser-header .bl-Line{
    background: #000
}
.cases .row-box{
    width:1200px;
    height:221px;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    -ms-transition:all 0.8s;
    transition:all 0.8s;
}

.cases .logo-box{
    width:240px;
    height:220px;
    text-align: center;
    border-bottom: 1px solid #dadada
}
.cases .logo-box img{
    width: 100%;
}

.cases .logo-box span{
    width:0;
    height:100%;
}
.cases .logo-box .ibox{
    vertical-align: middle
}

/*我们*/
.us-kv{
    width:100%;
    height:700px;
    background:url(../img/ly_bg10.jpg) no-repeat center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size:cover;
    overflow: hidden
}

.us-kv .w1200{
    margin-top: 80px;
    height:670px;
}
.us-logo-img{
    width:490px;
    height:550px;
}

.us-logo-img .logo-box{
    width:490px;
    height:0;
    left:0;
    top:0;
    background:url(../img/ly_logo37.png) no-repeat right top;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    -webkit-transition:height 2s;
    -moz-transition:height 2s;
    -o-transition:height 2s;
    -ms-transition:height 2s;
    transition:height 2s;
}
.us-logo-img .logo-box.move{
    height:550px;
}


.us-logo-txt{
    width:645px;
    margin-left: 30px
}
.us-logo-cn{
    width:188px;
    height:51px;
    background:url(../img/ly_logo38.png) no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover
}
.us-logo-en{
    font-family: 'YourWebFontName';
    text-transform:uppercase;
    color:#FFF;
    margin-top: 10px
}
.us-intro{
    font-size: 14px;
    color:#e4e4e4;
    line-height: 30px;
    margin-top: 30px
}
.us-kv .ibox{
    vertical-align: middle
}
.us-num{
    width:100%;
    padding:90px 0 130px 0;
    background:#ff6600;
}
.us-num-box{
    width:400px;
    height:180px;
    background:url(../img/ly_img09.jpg) no-repeat right 80px;
    text-align: center
}
.us-num .us-big-num{
    font-family:'Arial';
    font-weight: bold;
    color:#FFF;
    text-align: left
}
.us-num .us-num-of{
    color:#FFF;
    margin-top: 10px;
    text-align: left
}
.us-num-exp{
    color:#FFF;
    font-size: 14px;
    margin-top: 5px;
    text-align: left
}
.us-num-exp span{
    font-family: 'Arial';
}
.us-future{
    width:100%;
    height:600px;
    background:url(../img/ly_bg11.jpg) no-repeat center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover
}
.us-future .w1200{
    height:100%;
}

.us-future .head-cn{
    color:#000;

}
.us-future .bt-line{
    width:99px;
    height:50px;
    background:url(../img/ly_img08.png) no-repeat center;
}
.us-future .head-txt{
    color:#7d7d7d;
    line-height: 30px
}

.us-future .headBox{
    width:640px;
}

.verti-box{
    width:0;
    height:100%;
}

.us-future .w1200 .ibox{
    vertical-align: middle
}

.us-future .circle-box{
    width:373px;
    height:272px;
    margin-top:190px;
}

.us-future .circle-box div{
    width:162px;
    height:162px;
    opacity:0;
}

.us-future .circle-box div.move{
    opacity:1;
}
.us-future .circle-box .top{
    background:url(../img/ly_img10.png) no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size:cover;
    left:50%;
    margin-left: -81px;
    -webkit-transition:opacity 0.5s 0.5s;
    -moz-transition:opacity 0.5s 0.5s;
    -o-transition:opacity 0.5s 0.5s;
    -ms-transition:opacity 0.5s 0.5s;
    transition:opacity 0.5s 0.5s;
}
.us-future .circle-box .left{
    background:url(../img/ly_img11.png) no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size:cover;
    left:0;
    bottom:0;
    -webkit-transition:opacity 0.5s 1s;
    -moz-transition:opacity 0.5s 1s;
    -o-transition:opacity 0.5s 1s;
    -ms-transition:opacity 0.5s 1s;
    transition:opacity 0.5s 1s;
}
.us-future .circle-box .right{
    background:url(../img/ly_img12.png) no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size:cover;
    right:0;
    bottom:0;
    -webkit-transition:opacity 0.5s 1.5s;
    -moz-transition:opacity 0.5s 1.5s;
    -o-transition:opacity 0.5s 1.5s;
    -ms-transition:opacity 0.5s 1.5s;
    transition:opacity 0.5s 1.5s;
}

.us-cloud{
    width:100%;
    height:600px;
    background:#323232;
}

.us-cloud-box{
    height:336px;
    width:392px;
    margin-top: 142px;
}
.us-cloud-box div{
    opacity:0;
}

.us-cloud-box div.move{
    opacity:1;
}
.us-cloud-box .cloud-img1{
    width:176px;
    height:101px;
    background:url(../img/ly_img13.png) no-repeat center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    bottom:40px;
    right:3px;
    z-index:2;
    -webkit-transition:opacity 0.8s 0.5s;
    -moz-transition:opacity 0.8s 0.5s;
    -o-transition:opacity 0.8s 0.5s;
    -ms-transition:opacity 0.8s 0.5s;
    transition:opacity 0.8s 0.5s;
}

.us-cloud-box .cloud-img2{
    width:176px;
    height:15px;
    background:url(../img/ly_img14.png) no-repeat center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    bottom:8px;
    right:0;
    -webkit-transition:opacity 0.8s 1s;
    -moz-transition:opacity 0.8s 1s;
    -o-transition:opacity 0.8s 1s;
    -ms-transition:opacity 0.8s 1s;
    transition:opacity 0.8s 1s;
}

.us-cloud-box .cloud-img3{
    width:272px;
    height:226px;
    background:url(../img/ly_img15.png) no-repeat center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    bottom:24px;
    left:110px;
    -webkit-transition:opacity 0.8s 1.5s;
    -moz-transition:opacity 0.8s 1.5s;
    -o-transition:opacity 0.8s 1.5s;
    -ms-transition:opacity 0.8s 1.5s;
    transition:opacity 0.8s 1.5s;
}

.us-cloud-box .cloud-img4{
    width:392px;
    height:324px;
    background:url(../img/ly_img16.png) no-repeat center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:0;
    top:0;
    -webkit-transition:opacity 0.8s 2s;
    -moz-transition:opacity 0.8s 2s;
    -o-transition:opacity 0.8s 2s;
    -ms-transition:opacity 0.8s 2s;
    transition:opacity 0.8s 2s;
}


.us-cloud .head-cn{
    color:#FFF;
}
.us-cloud .bt-line{
    width:99px;
    height:50px;
    background:url(../img/ly_img07.png);
}
.us-cloud .head-en{
    color:#ff6600;
    text-transform:uppercase;
    font-family: 'Arial';
    font-weight: bold;
}
.us-cloud .head-txt{
    color:#d6d6d6;
    line-height: 30px;
    width:592px;
}
.us-cloud .w1200{
    height:600px;
}
.us-cloud .w1200 .ibox{
    vertical-align: middle
}
.us-cloud .head-box{
    margin-left: 210px;
}

.us-design{
    width:100%;
    height:600px;
}

.us-design .w1200{
    height:100%;
}

.us-design .head-box{
    margin-top:55px;
}

.us-design .head-cn{
    color:#000;
    text-align: center
}
.us-design .head-en{
    color:#7d7d7d;
    text-align: center
}
.us-design .bt-line{
    width:99px;
    height:50px;
    background:url(../img/ly_img08.png) no-repeat center;
    margin:0 auto;
}
.us-design .head-txt{
    color:#7d7d7d;
    line-height: 30px;
    text-align: center;
    width:355px;
    margin:0 auto;
}

.us-design .us-char{
    width:265px;
    height:314px;
    bottom:0;
    left:50%;
    margin-left: -132px
}
.us-design .us-char .us-brain{
    width:100%;
    height:100%;
    background:url(../img/ly_img17.png) no-repeat center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    opacity:0;
    -webkit-transition: all 0.8s 1s;
    -moz-transition: all 0.8s 1s;
    -o-transition: all 0.8s 1s;
    -ms-transition: all 0.8s 1s;
    transition: all 0.8s 1s
}
.us-design .us-char .us-brain.move{
    opacity:1;
}
.us-charGr1 .char-line{
    width:0;
    height:87px;
    background:url(../img/ly_line01.png) no-repeat right bottom;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    right:193px;
    top:2px;
    -webkit-transition:all 0.5s 1.5s;
    -moz-transition:all 0.5s 1.5s;
    -o-transition:all 0.5s 1.5s;
    -ms-transition:all 0.5s 1.5s;
    transition:all 0.5s 1.5s;
}

.us-charGr1 .char-line.move{
    width:316px;
}

.us-charGr1 .char-txt{
    width:231px;
    height:36px;
    background:url(../img/ly_de01.png);
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:-243px;
    top:-45px;
    opacity:0;
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px);
    -webkit-transition:translateY 0.5s 1.5s,opacity 0.5s 1.5s;
    -moz-transition:translateY 0.5s 1.5s,opacity 0.5s 1.5s;
    -o-transition:translateY 0.5s 1.5s,opacity 0.5s 1.5s;
    -ms-transition:translateY 0.5s 1.5s,opacity 0.5s 1.5s;
    transition:translateY 0.5s 1.5s,opacity 0.5s 1.5s;
}
.us-charGr1 .char-txt.move{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
}

.us-charGr2 .char-line{
    width:0;
    height:20px;
    background:url(../img/ly_line02.png) no-repeat right bottom;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    right:248px;
    top:76px;
    -webkit-transition:all 0.5s 2.5s;
    -moz-transition:all 0.5s 2.5s;
    -o-transition:all 0.5s 2.5s;
    -ms-transition:all 0.5s 2.5s;
    transition:all 0.5s 2.5s;
}
.us-charGr2 .char-line.move{
    width:188px;
}
.us-charGr2 .char-txt{
    width:85px;
    height:35px;
    background:url(../img/ly_de02.png);
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    right:350px;
    top:30px;
    opacity:0;
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px);
    -webkit-transition:translateY 0.5s 2.5s,opacity 0.5s 2.5s;
    -moz-transition:translateY 0.5s 2.5s,opacity 0.5s 2.5s;
    -o-transition:translateY 0.5s 2.5s,opacity 0.5s 2.5s;
    -ms-transition:translateY 0.5s 2.5s,opacity 0.5s 2.5s;
    transition:translateY 0.5s 2.5s,opacity 0.5s 2.5s;
}

.us-charGr2 .char-txt.move{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
}

.us-charGr3 .char-line{
    width:0;
    height:90px;
    background:url(../img/ly_line03.png) no-repeat right bottom;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    right:236px;
    top:115px;
    -webkit-transition:all 0.5s 3.5s;
    -moz-transition:all 0.5s 3.5s;
    -o-transition:all 0.5s 3.5s;
    -ms-transition:all 0.5s 3.5s;
    transition:all 0.5s 3.5s;
}

.us-charGr3 .char-line.move{
    width:304px;
}

.us-charGr3 .char-txt{
    width:65px;
    height:32px;
    background:url(../img/ly_de03.png);
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:-274px;
    top:160px;
    opacity:0;
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px);
    -webkit-transition:translateY 0.5s 3.5s,opacity 0.5s 3.5s;
    -moz-transition:translateY 0.5s 3.5s,opacity 0.5s 3.5s;
    -o-transition:translateY 0.5s 3.5s,opacity 0.5s 3.5s;
    -ms-transition:translateY 0.5s 3.5s,opacity 0.5s 3.5s;
    transition:translateY 0.5s 3.5s,opacity 0.5s 3.5s;
}

.us-charGr3 .char-txt.move{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
}
.us-charGr4 .char-line{
    width:0;
    height:143px;
    background:url(../img/ly_line04.png) no-repeat right bottom;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    right:204px;
    top:146px;
    -webkit-transition:all 0.5s 4.5s;
    -moz-transition:all 0.5s 4.5s;
    -o-transition:all 0.5s 4.5s;
    -ms-transition:all 0.5s 4.5s;
    transition:all 0.5s 4.5s;
}
.us-charGr4 .char-line.move{
    width:261px;
}

.us-charGr4 .char-txt{
    width:161px;
    height:37px;
    background:url(../img/ly_de04.png);
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:-200px;
    top:240px;
    opacity:0;
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px);
    -webkit-transition:translateY 0.5s 4.5s,opacity 0.5s 4.5s;
    -moz-transition:translateY 0.5s 4.5s,opacity 0.5s 4.5s;
    -o-transition:translateY 0.5s 4.5s,opacity 0.5s 4.5s;
    -ms-transition:translateY 0.5s 4.5s,opacity 0.5s 4.5s;
    transition:translateY 0.5s 4.5s,opacity 0.5s 4.5s;
}

.us-charGr4 .char-txt.move{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
}

.us-charGr5 .char-line{
    width:0;
    height:45px;
    background:url(../img/ly_line05.png) no-repeat left top;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:254px;
    top:41px;
    -webkit-transition:all 0.5s 5.5s;
    -moz-transition:all 0.5s 5.5s;
    -o-transition:all 0.5s 5.5s;
    -ms-transition:all 0.5s 5.5s;
    transition:all 0.5s 5.5s;
}
.us-charGr5 .char-line.move{
    width:165px;
}

.us-charGr5 .char-txt{
    width:143px;
    height:33px;
    background:url(../img/ly_de05.png);
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:298px;
    top:-3px;
    opacity:0;
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px);
    -webkit-transition:translateY 0.5s 5.5s,opacity 0.5s 5.5s;
    -moz-transition:translateY 0.5s 5.5s,opacity 0.5s 5.5s;
    -o-transition:translateY 0.5s 5.5s,opacity 0.5s 5.5s;
    -ms-transition:translateY 0.5s 5.5s,opacity 0.5s 5.5s;
    transition:translateY 0.5s 5.5s,opacity 0.5s 5.5s;
}
.us-charGr5 .char-txt.move{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
}
.us-charGr6 .char-line{
    width:0;
    height:37px;
    background:url(../img/ly_line06.png) no-repeat left top;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:249px;
    top:109px;
    -webkit-transition:all 0.5s 6.5s;
    -moz-transition:all 0.5s 6.5s;
    -o-transition:all 0.5s 6.5s;
    -ms-transition:all 0.5s 6.5s;
    transition:all 0.5s 6.5s;
}
.us-charGr6 .char-line.move{
    width:276px;
}
.us-charGr6 .char-txt{
    width:261px;
    height:37px;
    background:url(../img/ly_de06.png);
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:338px;
    top:63px;
    opacity:0;
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px);
    -webkit-transition:translateY 0.5s 6.5s,opacity 0.5s 6.5s;
    -moz-transition:translateY 0.5s 6.5s,opacity 0.5s 6.5s;
    -o-transition:translateY 0.5s 6.5s,opacity 0.5s 6.5s;
    -ms-transition:translateY 0.5s 6.5s,opacity 0.5s 6.5s;
    transition:translateY 0.5s 6.5s,opacity 0.5s 6.5s;
}
.us-charGr6 .char-txt.move{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
}

.us-charGr7 .char-line{
    width:0;
    height:90px;
    background:url(../img/ly_line07.png) no-repeat left top;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:213px;
    top:182px;
    -webkit-transition:all 0.5s 7.5s;
    -moz-transition:all 0.5s 7.5s;
    -o-transition:all 0.5s 7.5s;
    -ms-transition:all 0.5s 7.5s;
    transition:all 0.5s 7.5s;
}
.us-charGr7 .char-line.move{
    width:219px;
}

.us-charGr7 .char-txt{
    width:125px;
    height:35px;
    background:url(../img/ly_de07.png);
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:278px;
    top:226px;
    opacity:0;
    -webkit-transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -o-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px);
    -webkit-transition:translateY 0.5s 7.5s,opacity 0.5s 7.5s;
    -moz-transition:translateY 0.5s 7.5s,opacity 0.5s 7.5s;
    -o-transition:translateY 0.5s 7.5s,opacity 0.5s 7.5s;
    -ms-transition:translateY 0.5s 7.5s,opacity 0.5s 7.5s;
    transition:translateY 0.5s 7.5s,opacity 0.5s 7.5s;
}
.us-charGr7 .char-txt.move{
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -o-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
    opacity:1;
}
.us-tech{
    width:100%;
    height:600px;
    background:#ff6600;
}
.us-tech .w1200{
    height:100%;
}
.us-tech .head-box{
    margin-top:55px
}
.us-tech .head-cn{
    color:#FFF;
    text-align: center
}
.us-tech .head-en{
    color:#e4e4e4;
    text-align: center
}
.us-tech .bd-line{
    width:99px;
    height:50px;
    background:url(../img/ly_img07.png) no-repeat;
    margin:0 auto;
}
.us-tech .head-txt{
    color:#e4e4e4;
    text-align: center
}
.us-tech .tech-imgGr{
    width:788px;
    height:340px;
    bottom:0;
    left:50%;
    margin-left: -394px
}
.us-tech .tech-img1{
    width:532px;
    height:155px;
    background:url(../img/ly_img19.png) no-repeat left bottom;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    bottom:0;
    left:50%;
    margin-left: -266px;
    opacity:0;
    -webkit-transition:opacity 0.8s 0.5s;
    -moz-transition:opacity 0.8s 0.5s;
    -o-transition:opacity 0.8s 0.5s;
    -ms-transition:opacity 0.8s 0.5s;
    transition:opacity 0.8s 0.5s;
}

.us-tech .tech-img1.move{
    opacity:1;
}

.us-tech .tech-img2{
    width:0;
    height:253px;
    background:url(../img/ly_img20.png) no-repeat left bottom;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:0;
    bottom:0;
    -webkit-transition:opacity 0.8s 0.8s,width 0.8s 0.8s;
    -moz-transition:opacity 0.8s 0.8s,width 0.8s 0.8s;
    -o-transition:opacity 0.8s 0.8s,width 0.8s 0.8s;
    -ms-transition:opacity 0.8s 0.8s,width 0.8s 0.8s;
    transition:opacity 0.8s 0.8s,width 0.8s 0.8s;
}

.us-tech .tech-img2.move{
    width:267px;
}

.us-tech .tech-img3{
    width:0;
    height:253px;
    background:url(../img/ly_img21.png) no-repeat right bottom;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    right:0;
    bottom:0;
    -webkit-transition:opacity 0.8s 0.8s,width 0.8s 0.8s;
    -moz-transition:opacity 0.8s 0.8s,width 0.8s 0.8s;
    -o-transition:opacity 0.8s 0.8s,width 0.8s 0.8s;
    -ms-transition:opacity 0.8s 0.8s,width 0.8s 0.8s;
    transition:opacity 0.8s 0.8s,width 0.8s 0.8s;
}
.us-tech .tech-img3.move{
    width:279px;
}
.us-tech .tech-img4{
    width:188px;
    height:143px;
    background:url(../img/ly_img18.png) no-repeat center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    top:0;
    left:50%;
    margin-left: -94px;
    opacity:0;
}

.us-tech .tech-img4.move{
    opacity:1;
    -webkit-transition:opacity 0.8s 1.5s;
    -moz-transition:opacity 0.8s 1.5s;
    -o-transition:opacity 0.8s 1.5s;
    -ms-transition:opacity 0.8s 1.5s;
    transition:opacity 0.8s 1.5s;
}

.us-tech .tech-img5{
    width:67px;
    height:12px;
    background:url(../img/ly_img22.png) no-repeat center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    top:139px;
    left:50%;
    margin-left: -33px;
    opacity:0;
    -webkit-transition:opacity 0.8s 1.5s;
    -moz-transition:opacity 0.8s 1.5s;
    -o-transition:opacity 0.8s 1.5s;
    -ms-transition:opacity 0.8s 1.5s;
    transition:opacity 0.8s 1.5s;
}
.us-tech .tech-img5.move{
    -webkit-transform:translateY(20px);
    -moz-transform:translateY(20px);
    -o-transform:translateY(20px);
    -ms-transform:translateY(20px);
    transform:translateY(20px);
    opacity:1;
}

.us-service{
    width:100%;
    height:810px;
    background:#FFF;
}
.us-service .w1200{
    height:100%
}
.us-service .head-box{
    margin-top:55px;
}
.us-service .head-cn{
    color:#000;
    text-align: center
}
.us-service .head-en{
    color:#7d7d7d;
    text-align: center
}
.us-service .bd-line{
    width:99px;
    height:50px;
    background:url(../img/ly_img06.png) no-repeat center;
    margin:0 auto;
}
.us-service .head-txt{
    color:#7d7d7d;
    line-height: 30px;
    text-align: center
}
.us-service .ser-proc{
    width:830px;
    height:330px;
    margin: 140px auto 0 auto
}
.us-service .ser-proc .ser-step{
    width:43px;
    height:43px;
    background:url(../img/ly_serPoint.png) no-repeat center;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    opacity:0;
}
.us-service .ser-proc .ser-step.move{
    opacity:1
}
.us-service .ser-proc .ser-step1{
    left:0;
    top:0;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.step-txt1{
    left:-78px;
    top:-60px;
    -webkit-transition:all 0.5s 0.4s;
    -moz-transition:all 0.5s 0.4s;
    -o-transition:all 0.5s 0.4s;
    -ms-transition:all 0.5s 0.4s;
    transition:all 0.5s 0.4s;
}
.us-service .ser-proc .ser-curve1{
    width:0;
    height:94px;
    background:url(../img/ly_ser01.png) no-repeat left top;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:43px;
    top:22px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.us-service .ser-proc .ser-curve1.move{
    width:94px;
}
.us-service .ser-proc .ser-step2{
    left:114px;
    top:114px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.step-txt2{
    left:-58px;
    top:110px;
    -webkit-transition:all 0.5s 0.8s;
    -moz-transition:all 0.5s 0.8s;
    -o-transition:all 0.5s 0.8s;
    -ms-transition:all 0.5s 0.8s;
    transition:all 0.5s 0.8s
}
.us-service .ser-proc .ser-curve2{
    width:0;
    height:94px;
    background:url(../img/ly_ser02.png) no-repeat left top;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:133px;
    top:155px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.us-service .ser-proc .ser-curve2.move{
    width:94px;
}
.us-service .ser-proc .ser-step3{
    left:223px;
    top:224px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.step-txt3{
    left:216px;
    top:286px;
    -webkit-transition:all 0.5s 1.2s;
    -moz-transition:all 0.5s 1.2s;
    -o-transition:all 0.5s 1.2s;
    -ms-transition:all 0.5s 1.2s;
    transition:all 0.5s 1.2s;
}
.us-service .ser-proc .ser-curve3{
    width:0;
    height:94px;
    background:url(../img/ly_ser03.png) no-repeat left top;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:261px;
    top:155px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.us-service .ser-proc .ser-curve3.move{
    width:94px;
}
.us-service .ser-proc .ser-step4{
    left:334px;
    top:114px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.step-txt4{
    left:382px;
    top:170px;
    -webkit-transition:all 0.5s 1.6s;
    -moz-transition:all 0.5s 1.6s;
    -o-transition:all 0.5s 1.6s;
    -ms-transition:all 0.5s 1.6s;
    transition:all 0.5s 1.6s;
}
.us-service .ser-proc .ser-curve4{
    width:0;
    height:94px;
    background:url(../img/ly_ser04.png) no-repeat left top;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:356px;
    top:23px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.us-service .ser-proc .ser-curve4.move{
    width:94px
}
.us-service .ser-proc .ser-step5{
    left:446px;
    top:1px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.step-txt5{
    left:438px;
    top:-65px;
    -webkit-transition:all 0.5s 2s;
    -moz-transition:all 0.5s 2s;
    -o-transition:all 0.5s 2s;
    -ms-transition:all 0.5s 2s;
    transition:all 0.5s 2s;
}
.us-service .ser-proc .ser-curve5{
    width:0;
    height:93px;
    background:url(../img/ly_ser05.png) no-repeat left top;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:487px;
    top:23px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.us-service .ser-proc .ser-curve5.move{
    width:93px;
}
.us-service .ser-proc .ser-step6{
    left:560px;
    top:112px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}

.step-txt6{
    left:618px;
    top:108px;
    -webkit-transition:all 0.5s 2.4s;
    -moz-transition:all 0.5s 2.4s;
    -o-transition:all 0.5s 2.4s;
    -ms-transition:all 0.5s 2.4s;
    transition:all 0.5s 2.4s;
}

.us-service .ser-proc .ser-curve6{
    width:0;
    height:96px;
    background:url(../img/ly_ser06.png) no-repeat left top;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size: cover;
    left:580px;
    top:152px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.us-service .ser-proc .ser-curve6.move{
    width:224px;
}
.us-service .ser-proc .ser-step7{
    left:782px;
    top:112px;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    -ms-transition:all 0.5s;
    transition:all 0.5s;
}
.step-txt7{
    left:780px;
    top:50px;
    -webkit-transition:all 0.5s 2.8s;
    -moz-transition:all 0.5s 2.8s;
    -o-transition:all 0.5s 2.8s;
    -ms-transition:all 0.5s 2.8s;
    transition:all 0.5s 2.8s;
}
.step-txt{
    opacity:0;
}
.step-txt.move{
    opacity:1;
}
.step-txt .cn{
    color:#000;
}

.step-txt .en{
    color:#969696;
    font-size: 14px;
    margin-top: 5px;
    white-space: nowrap
}


/*人才*/
.human-kv{
    width:100%;
    height:700px;
    background: url(../img/ly_bg12.jpg) no-repeat center top;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    -ms-background-size:cover;
    background-size:cover;
    margin-top: 70px
}

.human-kv .serHeader-cn{
    color:#FFF;
    margin-top: 180px;
    text-align:center;
}
.human-kv .bt-line{
    width:99px;
    height:50px;
    background:url(../img/ly_img07.png) no-repeat center;
    margin:0 auto;
}

.human-kv .serHeader-en{
    color:#FFF;
    line-height: 30px;
    text-align:center;
    width:785px;
    margin:0 auto;
}

.human-kv .hr-btn{
    margin-top: 70px
}
.human-kv .hr-search{
    display:block;
    width:226px;
    height:50px;
    color:#FFF;
    border:1px solid #FFF;
    line-height: 50px;
    margin:75px auto 0 auto;
    text-align:center;
    -webkit-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
    -moz-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
    -o-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
    -ms-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
    transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860)
}
.human-kv .hr-search span{
    display:block;
    width:100%;
    height:50px;
    line-height: 50px;
    color:#FFF;
    text-align:center;
    -webkit-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
    -moz-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
    -o-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
    -ms-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
    transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms
}

.human-kv .hr-search span:after{content:attr(data-tit);
    position: absolute;height: 50px;
    top:0px;left:0px;right:0;
    color:transparent;
    -webkit-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -moz-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -o-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -ms-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    transform: translate(0,100%);
}
.human-kv .hr-search:hover span{color: transparent;
    -webkit-transform: translate(0,-100%);
    -moz-transform: translate(0,-100%);
    -o-transform: translate(0,-100%);
    -ms-transform: translate(0,-100%);
    transform: translate(0,-100%);
}
.human-kv .hr-search:hover{border:1px solid #fff;}
.human-kv .hr-search:hover span:after{background-color: #fff;color:#333;}

.CE-hr{
    width:100%;
    height:475px;
    background:url(../img/ly_bg13.jpg) no-repeat center top;
    padding-top: 125px
}
.CE-hr .w1200{
    text-align:center;
}
.CE-hr .CE-hrBox{
    width:340px;
    margin:0 45px;
}
.CE-hr .CE-hrBox:first-child{margin-left: 0}
.CE-hr .CE-hrBox:last-child{margin-right: 0}


.CE-hr .icon-outer{
    width:63px;
    height:70px;
    overflow: hidden
}
.CE-hr-cn{
    color:#000;
    margin-top: 30px;
    text-align:left;
}
.CE-hr-en{
    color:#7d7d7d;
    margin-top: 5px;
    font-family: 'Arial';
    text-align:left;
}
.CE-hr-btLine{
    width:99px;
    height:50px;
    background:url(../img/ly_img08.png) no-repeat left center;
}
.CE-hr-txt{
    color:#7d7d7c;
    line-height: 30px;
    text-align:left;
}

.CE-why{
    width:100%;
    height:600px;
    background:url(../img/ly_bg14.jpg) no-repeat center;
    background-attachment: fixed;
}

.opa-bg{
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:url(../img/ly_bg15.png);
}
.why-tit{
    color:#FFF;
    text-align: center;
    margin-top: 135px
}
.why-btLine{
    width:99px;
    height:50px;
    background:url(../img/ly_img07.png) no-repeat center;
    margin:0 auto;
}
.why-txt{
    color:#e4e4e4;
    width:560px;
    line-height: 30px;
    text-align: center;
    margin:0 auto;
}
.why-btn{
    margin-top: 70px
}

.why-btn a{
    display:block;
    width:226px;
    height:50px;
    color:#FFF;
    border:1px solid #FFF;
    line-height: 50px;
    margin:0px auto 0 auto;
    text-align:center;
    -webkit-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
    -moz-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
    -o-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
    -ms-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
    transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860)
}
.why-btn a span{
    display:block;
    width:100%;
    height:50px;
    line-height: 50px;
    color:#FFF;
    text-align:center;
    -webkit-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
    -moz-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
    -o-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
    -ms-transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
    transition:all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms
}

.why-btn a span:after{content:attr(data-tit);
    position: absolute;height: 50px;
    top:0px;left:0px;right:0;
    color:transparent;
    -webkit-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -moz-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -o-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -ms-transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    transform: translate(0,100%);
}
.why-btn a:hover span{color: transparent;
    -webkit-transform: translate(0,-100%);
    -moz-transform: translate(0,-100%);
    -o-transform: translate(0,-100%);
    -ms-transform: translate(0,-100%);
    transform: translate(0,-100%);
}
.why-btn a:hover{border:1px solid #fff;}
.why-btn a:hover span:after{background-color: #fff;color:#333;}

.CE-job{
    width:100%;
    height:610px;
    background:url(../img/ly_bg16.jpg) no-repeat;
    padding: 100px 0
}

.CE-work-outer{
    width:546px;
    margin:150px auto 0 auto;
}
.CE-job .CE-work-cn{
    color:#000;
}

.CE-job .CE-work-btLine{
    width:99px;
    height:60px;
    background:url(../img/ly_img08.png) no-repeat left center;
}
.CE-job .CE-work-txt{
    color:#7d7d7d;
    line-height: 30px
}
.CE-job .CE-work-list{
    height:570px;
    width:90%;
    overflow: hidden;
    margin:0 auto;
}

.CE-work-list dt{
    padding:35px 0;
    border-bottom:1px solid #c6c6c6;
    height:24px;
    cursor:pointer;
}
.CE-work-list dt .job-cn{
    color:#000;
    margin-left: 10px
}

.CE-work-list dt .job-en{
    color:#7d7d7d;
    margin: 0px 0 0 10px;
}
.CE-work-list .job-open{
    width:10px;
    height:16px;
    background:url(../img/ly_icon38.png) no-repeat;
    margin-right:30px;
    margin-top: 6px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s
}
.CE-work-list .job-open.open{
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}
.CE-work-list dd{
    padding-left: 10px;
    display:none;
}

.work-detail h4{
    color:#000;
    margin-top: 25px
}
.work-detail p{
    color:#7d7d7d;
    line-height: 30px;
}
.work-con{
    margin-top: 20px;
}
.work-con .list-num{
    color:#7d7d7d;
    height:30px;
    line-height: 30px
}
.work-con .list-con{
    display:block;
    color:#7d7d7d;
    padding-left: 25px;
    line-height: 30px
}


.left-box{
    width:50%;
    height:610px;
}

.right-box{
    width:49%;
    height:610px;
    border-left: 1px solid #c6c6c6;
}
.DSP-ymt .right-box{border-left: 0;}


.human-kv div.more a{margin:0px auto;color: #fff;border-color: #fff;}
.CE-why div.more a{border-color: #fff;}
.CE-why div.more a:hover{background: #fff;border-color: #fff;}
.CE-why div.more a:hover span:after{background: #fff;border-color: #fff;color: #f60;}

.CE-work-list .mCSB_container{margin-right: 65px;}
.CE-work-list .mCSB_scrollTools .mCSB_draggerRail{background-color:#c6c6c6;width: 1px;}
.CE-work-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #727273;border-radius: 0;margin-left: 5px;width:5px;}
.CE-work-list .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.CE-work-list .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.CE-work-list .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#727272;}

.CE-dl div.more{margin-top:30px;}
.CE-dl div.more a{width: 188px;height: 44px;line-height: 44px;}
.CE-dl div.more a span{height: 44px;line-height: 44px;}
.CE-dl div.more a:hover{background: #fff;border-color: #fff;}
.CE-dl div.more a:hover span:after{background: #f60;border-color: #f60;color: #fff;height: 44px;line-height: 44px;}


/*refresh*/
.ser-icon .ibox{
    vertical-align: middle
}
.verti-box{
    width:0;
    height:100%;
}
/*大于1920px*/
@media only screen and (min-width: 1921px){
    .IDC-kv .line-end{
        width:8%;
    }
    .IDC-kv .whLine-l{
        width:110%;
        left:27%;
    }
    .IDC-kv .whLine-r{
        width:110%;
        left:50%;
    }
    .EC-kv .whLine-l{
        width:137%;
        left:26%;
    }
    .EC-kv .whLine-r{
        width:170%;
        left:50%;
    }
    .OM-kv .whLine-l{
        width:170%;
        left:16%;
    }
    .OM-kv .whLine-r{
        width:200%;
        left:50%;
    }
    .VS-kv .whLine-l{
        width:120%;
        left:36%;
    }
    .VS-kv .whLine-r{
        width:150%;
        left:50%;
    }
    .EET-kv .whLine-l{
        width:137%;
        left:26%;
    }
    .EET-kv .whLine-r{
        width:170%;
        left:50%;
    }
}
/* 1365px ~ 1280px */
@media only screen and (max-width: 1365px){
    /*服务 - IDC */
    .IDC-list-1{
        top:0;
        left:8%;
    }
    .IDC-list-2{
        top:0;
        left:25%;
    }
    .IDC-list-3{
        top:0;
        left:43%;
    }
    .IDC-list-4{
        top:0;
        left:61%;
    }
    .IDC-list-5{
        top:0;
        left:78%;
    }
    .ser-point.hover dt{
        opacity:1;
        filter:alpha(opacity=1);
    }
    .ser-bgLine.hover{
        opacity:0;
        filter:alpha(opacity=0);
    }
}
/*1279px ~ 1200px*/
@media only screen and (max-width: 1279px){
    .us-num{padding:90px 0;}
    .us-num .w1200{width:90%;}
    .us-num-box{width:33%;background-position:right 50px;}
    .us-num-box .ibox{width:80%;}
    .us-future .w1200,
    .us-cloud .w1200{width:90%;}
    .us-future .circle-box{width:300px;height:218px;}
    .us-future .circle-box div{width:130px;height:130px;}
    .us-future .circle-box .top{margin-left: -64px}
    .us-future .headBox{width:600px;}
    .us-cloud{height:500px;}
    .us-cloud .w1200{height:500px;}
    .us-cloud-box{width:314px;height:314px;}
    .us-cloud-box .cloud-img1{width:140px;height:80px;bottom:40px;right:-3px;bottom:78px;}
    .us-cloud-box .cloud-img3{width:218px;height:180px;bottom:70px;left:88px;}
    .us-cloud-box .cloud-img4{width:314px;height:260px;}
    .us-cloud-box .cloud-img2{width:150px;width:132px;bottom:46px;}
    .us-cloud .head-box{float:right;margin-left: 0;margin-top:150px;}
    .us-cloud-box{margin-top: 120px}

    /*人才*/

    .CE-hr .w1200{width:92%;}
    .CE-hr .CE-hrBox{width:30%;margin:0 25px;}
    .CE-hr .icon-outer{width:50px;height:56px;}

}
@media only screen and (max-width: 1440px){
    .EC-list-2{left: 43%;}
    .EC-list-3{left: 67%;}
}
/*1199px ~ 1080px*/
@media only screen and (max-width: 1199px){
    /*服务 -IDC */
    .ser-icon img{
        width:38px;
    }
    .IDC-list-2 .ser-icon img{
        width:35px;
    }
    .IDC-list-5 .ser-icon img{
        width:33px;
    }
    .ser-name .cn,
    .ser-name .en{font-size: 12px;}
    .ser-list .ser-point{
        width:15px;
        height:15px;
        top:61px;
    }
    .ser-point dt{
        width:15px;
        height:15px;
        -webkit-transform:translateX(-50%) translateY(-40%);
        -moz-transform:translateX(-50%) translateY(-40%);
        -o-transform:translateX(-50%) translateY(-40%);
        -ms-transform:translateX(-50%) translateY(-40%);
        transform:translateX(-50%) translateY(-40%);
    }
    .ser-hover{
        display:none;
    }
    .ser-txt{
        opacity:1;
        font-size: 12px;
    }
    .IDC-list-1 .ser-txt,
    .IDC-list-3 .ser-txt,
    .IDC-list-5 .ser-txt{
        top:158px;
    }
    .IDC-list-2 .ser-txt,
    .IDC-list-4 .ser-txt{
        top:-66px;
    }

    .IDC-list-1{
        left:8%;
    }
    .IDC-list-2{
        left:25%;
    }
    .IDC-list-3{
        left:42%;
    }
    .IDC-list-4{
        left:59%;
    }
    .IDC-list-5{
        left:75%;
    }
    .IDC-kv .whLine-l{
        width:63%;
        margin-left: -147px
    }
    .IDC-kv .whLine-r{
        width:56%;
        margin-left: 16px
    }
    .cases .w1200{
        width:96%;
    }

    .cases .logo-box{
        width:20%;
        height:150px;
    }
    .cases .logo-box img{
        width:80%;
    }

    /*服务 - 增值*/
    .VS-list-1 .ser-txt,
    .VS-list-3 .ser-txt{
        top:158px;
    }
    .VS-list-2 .ser-txt,
    .VS-list-4 .ser-txt{
        top:-66px;
    }

    /*服务 - 企业通信*/
    .EC-list-1{left:16%;}
    .EC-list-2{left:41%;}
    .EC-list-3{left:66%;}

    .EC-list-1 .ser-txt,
    .EC-list-3 .ser-txt{
        top:158px;
    }
    .EC-list-2 .ser-txt{
        top:-66px;
    }
    /*服务 - 线上多媒体*/
    .OM-list-1{left:20%;}

    /*企业效率工具*/
    .EET-list-1{left:18%;}
    .EET-list-2{left:42%;}
    .EET-list-3{left:66%;}
    .EET-list-1 .ser-txt,
    .EET-list-3 .ser-txt{
        top:158px;

    }
    .EET-list-2 .ser-txt{
        top:-66px;
    }
    .EET-kv .serHeader-en{width:83%;margin:0 auto;}
    .EET-plat .plat-box{width:300px;}
    .EET-plat .plat-box:first-child{margin-right: 25px}
    .EET-plat .plat-box:last-child{margin-left: 25px}
    .EET-plat .plat-box:nth-child(2){margin:0 25px;}
    .EET-plat .plat-box-tit{width:248px;padding:68px 0 30px 0;}
    .EET-plat .plat-iconBox{width:60px;height:43px;}
    .plat-char span{width:78px;}
    .EET-plat .plat-box-name{margin:35px 0 0 32px;}
    .plat-char{margin:35px 0 0 30px;}
    .ser-advBox{width:25%;}
    .ser-advBox .img-outer{width:100%;}



    /*我们*/
    .us-logo-img{width:392px;height:440px;float:left;}
    .us-logo-img .logo-box{width:392px;}
    .us-logo-img .logo-box.move{height:440px;}
    .us-logo-txt{width:516px;float:right;margin-left: 0;margin-top:115px}
    .us-kv .w1200{width:85%;}

    /*人才*/
    .human-kv{height:600px;}
    .CE-why{height:500px;}
    .why-tit{margin-top: 120px}
    .CE-work-outer{width:90%;}

    .n_body div.more a:hover{border:1px solid #000;}
    .n_body div.more a:hover span{color:#000;
        -webkit-transform:none;
        -moz-transform:none;
        -o-transform:none;
        -ms-transform:none;
        transform:none;
    }
    .n_body div.more a:hover span:after{background-color: transparent;color:transparent;}
}
/*1079px ~ 960px*/
@media only screen and (max-width: 1079px){
    /*服务 - 增值*/
    .VS-list-1{left:10%;}
    .VS-list-2{left:30%;}
    .VS-list-3{left:50%;}
    .VS-list-4{left:70%;}
    .VS-kv .whLine-l{width:82%;margin-left: -187px}
    .VS-kv .whLine-r{width:82%;}
    .EC-kv .whLine-l{width:78%;margin-left: -180px}
    .EC-kv .whLine-r{width:82%;margin-left: 16px}

    /*服务 - 企业效率工具*/
    .EET-kv .whLine-l{width:104%;margin-left: -234px}
    .EET-kv .whLine-r{width:90%;margin-left: 15px}
    .EET-kv .ser-list .ser-point{top:62px;}
    .EET-kv .ser-point dt{width:15px;height:15px;}
    .EET-plat .plat-box{width:260px;padding-bottom: 30px}
    .EET-plat .plat-box-tit{width:215px;}
    .plat-char{margin:35px 0 0 16px;}
    .plat-char span{width:66px;height:36px;margin:16px 8px 0 0;}
    .plat-char span:nth-child(3n){width:66px;}
    .EET-plat .plat-iconBox{margin-left: 16px}
    .EET-plat .plat-box-name{margin:35px 0 0 16px;}
    /*我们*/
    .us-logo-img{width:294px;height:330px;}
    .us-logo-img .logo-box{width:294px;}
    .us-logo-img .logo-box.move{height:330px;}
    .us-kv{height:500px;}
    .us-kv .w1200{height:420px;}
    .us-logo-cn{width:150px;height:40px;}
    .us-intro{font-size: 12px;margin-top: 20px}
    .us-logo-txt{margin-top: 85px}
    .us-future{height:500px;}
    .us-future .headBox{width:480px;}
    .us-future .circle-box{margin-top:150px;}
    .us-cloud .head-box{width:50%;}
    .us-cloud .head-txt{width:100%;}

    .step-txt1{left:-50px;}
    .step-txt7{left:745px}

    /*人才*/

    .CE-hr .icon-outer{width:41px;height:45px;}
    .CE-hr .CE-hrBox{width:28%;margin:0 22px;}

}

/*959px ~ 768px*/
@media only screen and (max-width: 959px){
    /*服务 - IDC */
    .IDC-list-1{
        left:4%;
    }
    .IDC-list-2{
        left:21%;
    }
    .IDC-list-3{
        left:38%;
    }
    .IDC-list-4{
        left:55%;
    }
    .IDC-list-5{
        left:72%;
    }
    .IDC-kv .whLine-l{
        width:51%;
        margin-left: -122px
    }
    .IDC-kv .whLine-r{
        width:49%;
        margin-left: 15px
    }
    .cases .logo-box{
        height:120px;
    }
    /*服务 - 增值*/
    .VS-list-1{
        left:7%;
    }
    .VS-list-2{
        left:27%;
    }
    .VS-list-3{
        left:48%;
    }
    .VS-kv .whLine-l{
        width:65%;
        margin-left: -149px
    }
    .VS-kv .whLine-r{
        width:62%;
        margin-left: 14px
    }
    .EET-kv .whLine-l{
        width:62%;
        margin-left: -146px
    }
    .EET-kv .whLine-r{
        width:63%;
        margin-left: 15px
    }

    .EET-list-1{left:11%;}
    .EET-list-2{left:38%;}
    .EET-list-3{left:65%;}
    .EET-plat{height:600px;}
    .EET-plat .serHeader-cn{margin-top:60px}
    .EET-plat .plat-box{width:230px;padding-bottom: 15px}
    .EET-plat .plat-box:first-child{margin-right: 10px}
    .EET-plat .plat-box:last-child{margin-left: 10px}
    .EET-plat .plat-box:nth-child(2){margin:0 0px;}
    .EET-plat .plat-iconBox{width:45px;height:33px;}
    .EET-plat .plat-box-name{margin:20px 0 0 16px;}
    .EET-plat .plat-box-tit{padding:60px 0 20px 0;}
    .plat-char{margin:28px 0 0 16px;}
    .plat-char span{margin:10px 8px 0 0;}
    .ser-adv{margin-top:40px;padding-bottom: 40px}
    .ser-advBox .img-outer{height:50px;}
    .ser-advBox .img-outer img{width:40px}
    .ser-advBox .adv-txt{margin-top: 20px}
    .ser-advBox .adv-txt dd{margin-top: 20px;line-height: 26px}

    /*我们*/
    .us-logo-img{width:245px;height:275px;}
    .us-logo-img .logo-box{width:245px;}
    .us-logo-img .logo-box.move{height:275px;}
    .service-banner.us-kv{height:500px;}
    .us-logo-txt{width:60%;margin-top: 50px}
    .us-intro{margin-top:15px;}
    .us-future .circle-box div{width:105px;height:105px;}
    .us-future .headBox{width:380px;}
    .us-future .circle-box{width:230px;height:180px;}
    .us-future .circle-box .top{margin-left: -53px}
    .us-cloud-box{width:252px;height:252px;}
    .us-cloud-box .cloud-img1{width:112px;height:64px;right:-3px;bottom:58px;}
    .us-cloud-box .cloud-img2{width:86px;background-size: 150% auto;bottom:31px;right:10px;}
    .us-cloud-box .cloud-img3{width:175px;height:144px;bottom:51px;left:70px;}
    .us-cloud-box .cloud-img4{width:252px;height:208px;}
    .us-cloud .bt-line{width:64px;height:36px;}
    .us-cloud .head-txt{line-height: 26px}
    .us-design .us-char{width:212px;height:252px;margin-left: -126px}
    .us-charGr1 .char-line{right:155px;top:-17px;}
    .us-charGr1 .char-line.move{width:252px;}
    .us-charGr1 .char-txt{width:185px;height:28px;left:-195px;top:-52px;}
    .us-charGr2 .char-line{right:198px;top:60px;}
    .us-charGr2 .char-txt{width:68px;height:28px;right:317px;top:25px;}
    .us-charGr3 .char-line{height:72px;right:189px;top:94px;}
    .us-charGr3 .char-line.move{width:243px;}
    .us-charGr3 .char-txt{width:52px;height:26px;left:-216px;top:132px;}
    .us-charGr4 .char-line{height:115px;right:159px;top:114px;}
    .us-charGr4 .char-line.move{width:209px;}
    .us-charGr4 .char-txt{width:129px;height:30px;left:-156px;top:192px;}
    .us-charGr5 .char-line{height:36px;left:203px;top:31px;}
    .us-charGr5 .char-line.move{width:132px;}
    .us-charGr5 .char-txt{width:115px;height:26px;left:242px;}
    .us-charGr6 .char-line{height:30px;left:195px;top:90px;}
    .us-charGr6 .char-line.move{width:220px;}
    .us-charGr6 .char-txt{width:209px;height:30px;left:270px;top:54px;}
    .us-charGr7 .char-line{height:72px;left:180px;top:145px;}
    .us-charGr7 .char-line.move{width:175px;}
    .us-charGr7 .char-txt{width:100px;height:28px;left:240px;top:182px;}
    .us-tech{height:500px;}
    .us-tech .tech-imgGr{width:630px;height:272px;margin-left: -315px}
    .us-tech .tech-img1{width:426px;height:124px;margin-left: -213px}
    .us-tech .tech-img2{height:202px;}
    .us-tech .tech-img2.move{width:214px;}
    .us-tech .tech-img3{height:202px;}
    .us-tech .tech-img3.move{width:223px;}
    .us-tech .tech-img4{width:150px;height:114px;margin-left: -75px}
    .us-tech .tech-img5{top:102px;}
    .us-service{height:710px;}
    .us-service .ser-proc{width:664px;height:264px;}
    .us-service .ser-proc .ser-step{width:35px;height:35px;}
    .step-txt .en{font-size: 12px;}
    .step-txt1{left:-42px;top:-55px;}
    .step-txt2{left:-20px;top:108px;}
    .step-txt3{left:172px;top:226px;}
    .step-txt4{left:306px;top:130px;}
    .step-txt5{left:362px;top:-55px;}
    .step-txt6{left:500px;top:108px;}
    .step-txt7{left:585px;top:42px;}
    .us-service .ser-proc .ser-step2{left:92px;top:89px;}
    .us-service .ser-proc .ser-step3{left:183px;top:180px;}
    .us-service .ser-proc .ser-step4{left:272px;top:91px;}
    .us-service .ser-proc .ser-step5{left:364px;}
    .us-service .ser-proc .ser-step6{left:456px;top:92px;}
    .us-service .ser-proc .ser-step7{left:635px;top:92px;}
    .us-service .ser-proc .ser-curve1.move{width:75px;}
    .us-service .ser-proc .ser-curve1{height:75px;left:33px;top:16px;}
    .us-service .ser-proc .ser-curve2.move{width:75px;}
    .us-service .ser-proc .ser-curve2{height:75px;left:109px;top:123px;}
    .us-service .ser-proc .ser-curve3.move{width:75px;}
    .us-service .ser-proc .ser-curve3{height:75px;left:216px;top:124px;}
    .us-service .ser-proc .ser-curve4.move{width:75px;}
    .us-service .ser-proc .ser-curve4{height:75px;left:291px;top:19px;}
    .us-service .ser-proc .ser-curve5.move{width:75px;}
    .us-service .ser-proc .ser-curve5{height:75px;left:398px;top:18px;}
    .us-service .ser-proc .ser-curve6.move{width:180px;}
    .us-service .ser-proc .ser-curve6{height:77px;left:474px;top:125px;}

    /*人才*/
    .human-kv{height:500px;}
    .human-kv .serHeader-cn{margin-top:130px}
    .CE-why{height:400px;}
    .why-tit{margin-top: 85px}

}
/*767px ~ 640px*/
@media only screen and (max-width: 767px){

    .service-banner{height:95px;width:100%;overflow:hidden;}
    .service-banner img{height:100%;width:100%;}
    /*服务 - IDC*/
    .ser-have{
        display:none;
    }
    .EET-kv .ser-have{
        display:block;
    }
    .mb-line-start{
        width:10px;
        height:1px;
        background:#FFF;
        margin-top:80px;
    }
    .mb-line-end{
        width:100px;
        height:1px;
        background:#FFF;
        margin-top:80px;
    }
    .mb-ser-have{
        display:block;
        width:100%;
        height:250px;
        margin-top: 50px;
        overflow-x: scroll
    }
    .IDC-kv .mb-scroll-inner{
        width:1235px;
        height:250px;
    }
    .VS-kv .mb-scroll-inner{
        width:1010px;
        height:250px;
    }
    .EC-kv .mb-scroll-inner{
        width:767px;
        height:250px;
        left:50%;
        margin-left:-384px;
    }
    .OM-kv .mb-scroll-inner{
        width:767px;
        height:250px;
        left:50%;
        margin-left:-384px;
    }
    .mb-ser-have .IDC-list-1,
    .mb-ser-have .IDC-list-2,
    .mb-ser-have .IDC-list-3,
    .mb-ser-have .IDC-list-4,
    .mb-ser-have .IDC-list-5,
    .mb-ser-have .VS-list-1,
    .mb-ser-have .VS-list-2,
    .mb-ser-have .VS-list-3,
    .mb-ser-have .VS-list-4,
    .mb-ser-have .EC-list-1,
    .mb-ser-have .EC-list-2,
    .mb-ser-have .EC-list-3,
    .mb-ser-have .OM-list-1,
    .mb-ser-have .OM-list-2{
        top:auto;
        left:auto;
    }

    .mb-ser-have .ser-list-outer{
        width:auto;
        height:250px;
        left:0;
    }

    .mb-ser-have .ser-list{
        display:block;
        height:225px;
        width:225px;
    }

    .mb-ser-have .mb-whLine-l{
        width:150px;
        height:1px;
        margin-top:80px;
    }

    .mb-ser-have .mb-whLine-l em{
        display:block;
        width:95%;
        height:1px;
        background:#FFF;
    }
    .mb-ser-have .mb-whLine-r{
        width:50px;
        height:1px;
        margin:80px 0 0 10px;
        background:#FFF;
    }
    .EC-list-1 .mb-ser-have .mb-whLine-l{
        width:50px;
    }
    .mb-ser-have .ser-list .ibox{
        vertical-align: middle;
    }
    .mb-ser-have .mb-ser-point{
        width:15px;
        height:15px;
        background: url(../img/ly_point.png) no-repeat center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        background-size: cover;
        margin-top:73px
    }
    .mb-ser-have .ser-icon{
        width:36px;
        height:auto;
        top:0;
        left:140px;
    }
    .mb-ser-have .ser-icon img{
        width:100%;
    }
    .mb-ser-have .ser-txt{
        bottom:0;
        top:auto;
        -webkit-transform:none;
        -moz-transform:none;
        -o-transform:none;
        -ms-transform:none;
        transform:none;
        left:24px;
    }
    .mb-ser-have .ser-name{
        left:52px;
        top:120px;
    }
    .mb-ser-have .ser-bgLine{
        opacity:1;
        width:35px;
        left:140px;
        top:173px;
        -webkit-transform:none;
        -moz-transform:none;
        -o-transform:none;
        -ms-transform:none;
        transform:none;
    }
    .cases .logo-box img{width:90%;}
    .EC-kv .mb-line-end{width:92px;}
    .EC-kv .mb-ser-have{overflow:hidden;}
    .OM-kv .mb-ser-have{overflow:hidden;}
    .OM-kv .mb-line-start{width:105px;}
    .OM-kv .mb-line-end{width:212px;}
    .OM-kv .mb-ser-have .ser-txt{left:64px;width:190px;bottom:auto;top:190px;}
    /*企业效率工具*/
    .ser-header{margin-top:80px;}
    .EET-kv{height:600px;}
    .EET-plat{
        height:880px;
        -webkit-background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        -ms-background-size: auto 100%;
        background-size: auto 100%;
    }
    .EET-list-3 .ser-txt{width:180px;}
    .EET-plat .plat-box{display:block;width:418px;padding-bottom: 0}
    .EET-plat .plat-box:first-child{margin:0 auto 20px auto;}
    .EET-plat .plat-box:last-child{margin:0 auto;}
    .EET-plat .plat-box:nth-child(2){margin:0 auto 20px auto;}
    .plat-char span,
    .plat-char span:nth-child(3n){width:84px;}
    .plat-char span:nth-child(3),
    .plat-char span:nth-child(5),
    .plat-char span:nth-child(6),
    .plat-char span:nth-child(7),
    .plat-char span:nth-child(8),
    .plat-char span:nth-child(9){margin:0 8px 0 0;}
    .plat-char span:nth-child(4){margin:0;}
    .EET-plat .plat-box-tit{padding:20px 0 10px 0;width:310px;}
    .EET-plat .plat-box-name{margin:10px 0 0 16px;}
    .plat-char{margin:16px 0 0 16px;}
    .ser-advBox{display:block;width:80%;}
    .ser-advBox .img-outer{display:inline-block;width:60px;margin-right: 50px;vertical-align: middle}
    .ser-advBox .adv-txt{display:inline-block;width:365px;vertical-align: middle;margin-top:0;}
    .ser-advBox:first-child{margin:0 auto 30px auto;}
    .ser-advBox:last-child{margin:0 auto;}
    .ser-advBox:nth-child(2){margin:0 auto 30px auto;}
    .ser-advBox .adv-txt dd{margin-top: 10px;}
    /*我们*/
    .us-logo-txt{width:54%;margin-top: 35px}
    .us-num{padding:60px 0 30px 0;}
    .us-num-box{display:block;background:none;width:400px;margin:0 auto;height:120px;}
    .us-num .us-big-num{float:left;}
    .us-num .us-con-box{float:right;width:240px;}
    .us-num-box .ibox{width:100%;}
    .us-future{height:400px;}
    .us-future .headBox{width:310px}
    .us-future .head-txt{line-height: 26px}
    .us-future .bt-line{width:72px;height:36px;}
    .us-future .circle-box{margin-top:116px}
    .us-cloud,
    .us-cloud .w1200{height:400px;}
    .us-cloud .head-box{margin-top: 96px}
    .us-cloud-box{margin-top: 90px}
    .us-design{height:516px;}
    .us-design .us-char{width:170px;height:200px;margin-left: -85px}
    .us-charGr1 .char-line{height:70px;right:125px;top:-15px;}
    .us-charGr1 .char-line.move{width:200px;}
    .us-charGr1 .char-txt{left:-156px;}
    .us-charGr2 .char-line.move{width:150px;}
    .us-charGr2 .char-line{right:160px;top:50px;}
    .us-charGr2 .char-txt{right:242px;top:15px;}
    .us-charGr3 .char-line{height:58px;right:148px;top:78px;}
    .us-charGr3 .char-line.move{width:195px;}
    .us-charGr3 .char-txt{left:-172px;top:101px;}
    .us-charGr4 .char-line{height:92px;right:130px;top:96px;}
    .us-charGr4 .char-line.move{width:168px;}
    .us-charGr4 .char-txt{left:-156px;top:150px;}
    .us-charGr5 .char-line{height:29px;left:154px;top:20px;}
    .us-charGr5 .char-txt{left:190px;top:-15px}
    .us-charGr6 .char-line.move{width:176px;}
    .us-charGr6 .char-line{left:159px;top:62px;}
    .us-charGr6 .char-txt{width:168px;height:24px;left:222px;top:33px;}
    .us-charGr7 .char-line{height:58px;left:136px;top:115px;}
    .us-charGr7 .char-line.move{width:140px;}
    .us-charGr7 .char-txt{left:180px;top:136px;}
    .us-tech{height:420px;}
    .us-tech .tech-imgGr{width:504px;height:218px;margin-left: -252px}
    .us-tech .tech-img1{width:341px;height:99px;margin-left: -170px}
    .us-tech .tech-img2{height:162px;}
    .us-tech .tech-img2.move{width:172px;}
    .us-tech .tech-img3{height:162px;}
    .us-tech .tech-img3.move{width:178px;}
    .us-tech .tech-img4{width:120px;height:92px;margin-left: -60px}
    .us-tech .tech-img5{width:55px;height:10px;top:78px;margin-left: -27px}

    .us-service{height:650px;}
    .us-service .ser-proc{width:532px;height:211px;}
    .us-service .ser-proc .ser-step{width:28px;height:28px;}
    .step-txt2{left:-23px;top:87px;}
    .step-txt3{left:138px;top:186px;}
    .step-txt4{left:243px;top:106px;}
    .step-txt5{left:286px;top:-55px;}
    .step-txt6{left:402px;top:91px;}
    .step-txt7{left:455px;top:26px;}
    .us-service .ser-proc .ser-step2{left:73px;top:73px;}
    .us-service .ser-proc .ser-step3{left:145px;top:147px;}
    .us-service .ser-proc .ser-step4{left:218px;top:74px;}
    .us-service .ser-proc .ser-step5{left:291px;}
    .us-service .ser-proc .ser-step6{left:364px;top:75px;}
    .us-service .ser-proc .ser-step7{left:510px;top:75px;}
    .us-service .ser-proc .ser-curve1.move{width:60px;}
    .us-service .ser-proc .ser-curve1{height:60px;left:26px;top:14px;}
    .us-service .ser-proc .ser-curve2.move{width:60px;}
    .us-service .ser-proc .ser-curve2{height:60px;left:86px;top:100px;}
    .us-service .ser-proc .ser-curve3.move{width:60px;}
    .us-service .ser-proc .ser-curve3{height:60px;left:172px;top:100px;}
    .us-service .ser-proc .ser-curve4.move{width:60px;}
    .us-service .ser-proc .ser-curve4{height:60px;left:233px;top:16px;}
    .us-service .ser-proc .ser-curve5.move{width:60px;}
    .us-service .ser-proc .ser-curve5{height:60px;left:318px;top:16px;}
    .us-service .ser-proc .ser-curve6.move{width:144px;}
    .us-service .ser-proc .ser-curve6{height:62px;left:379px;top:101px;}

    /*人才*/
    .human-kv{height:400px;}
    .human-kv .serHeader-cn{margin-top:100px}
    .CE-hr{padding: 60px 0;height:auto;}
    .CE-hr .CE-hrBox{display:block;width:80%;margin:50px auto;}
    .CE-hr .CE-hrBox:first-child{margin:0 auto;}
    .CE-hr .CE-hrBox:last-child{margin:0 auto;}
    .CE-hr .career-box{display:inline;float:left;}
    .CE-hr .CE-hr-txt{display:inline;float:right;width:60%;}
    .CE-hr-btLine{display:none;}
    .CE-hr-cn{margin-top:10px;}
    .CE-hr .icon-outer{width:35px;height:36px;}
    .CE-why{height:300px;}
    .why-tit{margin-top: 45px}
    .why-txt{width:90%;}
    .why-btLine{height:38px;}
    .CE-job{padding:60px 0 30px 0;height:auto;width:98%;margin:0 auto;}
    .left-box{display:block;float:none;width:100%;height:auto;}
    .CE-work-outer{margin:0 auto;}
    .CE-job .CE-work-btLine{height:42px;}
    .right-box{display:block;float:none;width:100%;border-left:none;margin-top:30px;}
    .DSP-ymt .right-box{float:right;width:49%;}
    .CE-work-list dt{padding:20px 0;}
    .human-kv .serHeader-en{width:90%;}


}




/*639px ~ 480px*/
@media only screen and (max-width: 639px){
    /*服务*/
    .cases .logo-box{height:100px;}
    .ser-header{margin-top:60px;}
    .cl_a_banner{height:560px;}
    .EC-kv .mb-scroll-inner{left:0;margin-left: 0}
    .EC-kv .mb-ser-have{overflow-x:scroll;}

    .EET-list-1{left:5%;}
    .EET-list-2{left:32%;}
    .EET-list-3{left:58%;}

    .EET-kv .whLine-l{width:50%;margin-left: -118px}
    .EET-kv .whLine-r{width:49%;margin-left: 15px}
    .EET-kv .ser-name{left:28px;}
    .ser-advBox .img-outer{width:35px;}
    .ser-advBox .img-outer img{width:100%;}
    .ser-advBox .adv-txt{width:260px;}
    .EET-kv .ser-name{width:120px;left:50%;margin-left: -60px}

    .us-logo-img{width:147px;height:220px;display:block;float:none;margin:0 auto;}
    .us-logo-img .logo-box.move{height:220px;}
    .us-logo-img .logo-box{width:147px;background-position: center top}
    .us-logo-txt{margin:20px auto 0 auto;display:block;float:none;width:100%;}
    .service-banner.us-kv{height:500px;}
    .us-kv .w1200{height:490px;margin-top: 10px}
    .us-logo-cn{margin:0 auto;}
    .us-logo-en{text-align: center}
    .us-future .w1200{position:relative;zoom:1;}
    .us-future .headBox{display:block;margin-top: 40px}
    .us-future .circle-box{float:none;position:absolute;right:0;bottom:50px;}
    .us-cloud{height:530px;}
    .us-cloud .w1200{position:relative;zoom:1;height:530px;}
    .us-cloud .head-box{float:none;display:block;margin-top: 60px;width:80%;margin-left: 10px}
    .us-cloud-box{float:none;position:absolute;bottom:10px;right:6px;margin-top:0}
    .us-design{height:480px;}
    .us-design .head-txt{line-height: 26px}
    .us-design .head-box{margin-top: 35px}
    .us-design .bt-line{height:40px;}
    .us-charGr1 .char-txt{left:-139px;}
    .us-charGr2 .char-txt{right:241px;}
    .us-charGr3 .char-txt{left:-139px;top:81px}
    .us-charGr4 .char-txt{left:-139px;top:146px}
    .us-charGr5 .char-txt{left:78px;top:-58px;}
    .us-charGr6 .char-txt{left:140px;top:-13px}
    .us-charGr7 .char-txt{left:198px;top:75px;}

    .us-tech .tech-imgGr{width:404px;height:175px;margin-left: -202px}
    .us-tech .tech-img1{width:252px;height:80px;margin-left: -126px}
    .us-tech .tech-img2{height:130px;}
    .us-tech .tech-img2.move{width:138px;}
    .us-tech .tech-img3{height:130px;}
    .us-tech .tech-img3.move{width:142px;}
    .us-tech .tech-img4{width:96px;height:74px;margin-left: -48px}
    .us-tech .tech-img5{top:59px;}

    .us-service{height:560px;}
    .us-service .ser-proc{width:426px;height:169px;margin:100px auto 0 auto;}
    .us-service .ser-proc .ser-step{width:22px;height:22px;}
    .step-txt1{left:-17px;top:-50px;}
    .step-txt2{top:85px;}
    .step-txt3{left:105px;top:148px;}
    .step-txt4{left:186px;top:95px;}
    .step-txt5{left:224px;top:-50px;}
    .step-txt6{left:312px;top:22px;}
    .step-txt7{left:319px;top:115px;}
    .step-txt7 .cn{text-align: right}
    .us-service .ser-proc .ser-step2{left:58px;top:58px;}
    .us-service .ser-proc .ser-step3{left:116px;top:116px;}
    .us-service .ser-proc .ser-step4{left:174px;top:58px;}
    .us-service .ser-proc .ser-step5{left:233px;}
    .us-service .ser-proc .ser-step6{left:291px;top:58px;}
    .us-service .ser-proc .ser-step7{left:408px;top:60px;}

    .us-service .ser-proc .ser-curve1.move{width:48px;}
    .us-service .ser-proc .ser-curve1{height:48px;left:20px;top:11px;}
    .us-service .ser-proc .ser-curve2.move{width:48px;}
    .us-service .ser-proc .ser-curve2{height:48px;left:69px;top:79px;}
    .us-service .ser-proc .ser-curve3.move{width:48px;}
    .us-service .ser-proc .ser-curve3{height:48px;left:137px;top:79px;}
    .us-service .ser-proc .ser-curve4.move{width:48px;}
    .us-service .ser-proc .ser-curve4{height:48px;left:186px;top:12px;}
    .us-service .ser-proc .ser-curve5.move{width:48px;}
    .us-service .ser-proc .ser-curve5{height:48px;left:253px;top:11px;}
    .us-service .ser-proc .ser-curve6.move{width:115px;}
    .us-service .ser-proc .ser-curve6{height:50px;left:303px;top:79px;}
    .CE-work-list dt .job-cn{float:none;display:block;}
    .CE-work-list .job-open{margin-top: -5px}
    .CE-work-list dt{padding:10px 0 22px 0;}
    .work-detail h4{margin-top: 15px}
    .work-con{margin-top: 10px}
    .CE-dl div.more a{width:150px;height:35px;line-height: 35px}
    .CE-dl div.more a span{height:35px;line-height: 35px}
    .CE-dl div.more{margin-top: 20px}
    .right-box{height:500px;}
    .CE-job .CE-work-list{height:100%;}
    .DSP-ymt .right-box{float:none;width:100%;}
}

/*479px ~ 360px*/
@media only screen and (max-width: 479px){

    /*服务*/
    .cl_a_banner{height:450px;}
    h3.ser-header .ly-btline{margin:15px auto 0 auto;}
    h3.grey-en{margin-top: 15px}
    .ser-header{margin-top: 40px}
    .IDC-kv .mb-scroll-inner{width:1210px;}
    .VS-kv .mb-scroll-inner{width:990px;}
    .EC-kv .mb-scroll-inner{width:753px;}
    .OM-kv .mb-scroll-inner{width:466px;margin-left: -233px}
    .mb-ser-have{margin-top: 35px}
    .mb-ser-have .ser-icon{width:30px;}
    .mb-ser-have .ser-list{width:220px;height:205px;}
    .mb-line-start,
    .mb-line-end,
    .IDC-kv .mb-ser-have .mb-whLine-l,
    .VS-kv .mb-ser-have .mb-whLine-l,
    .EC-kv .mb-ser-have .mb-whLine-l{margin-top:60px;}
    .OM-kv .mb-ser-have .mb-whLine-l{margin-top:60px;width:144px;}

    .mb-ser-have .mb-ser-point{width:10px;height:10px;margin-top: 55px}
    .IDC-kv .mb-ser-have .mb-whLine-r,
    .VS-kv .mb-ser-have .mb-whLine-r,
    .EC-kv .mb-ser-have .mb-whLine-r{margin:60px 0 0 10px;}
    .OM-kv .mb-ser-have .mb-whLine-r{display:none;}
    .mb-ser-have .ser-name{top:100px;}
    .mb-ser-have .ser-bgLine{top:150px;}
    .cases .logo-box{height:80px;}
    .OM-kv .mb-ser-have .ser-list{width:162px;}
    .OM-kv .mb-line-start{display:none;}
    .OM-kv .mb-line-end{width:142px;}
    .OM-kv .mb-ser-have .ser-txt{left:96px;width:122px;bottom:auto;top:166px;}
    /*服务 - 企业效率工具*/
    .EET-list-1{left:11%;}
    .EET-list-2{left:37%;}
    .EET-list-3{left:62%;}
    .EET-kv .ser-list{width:130px}
    .EET-kv .whLine-l{width:50%;margin-left: -78px}
    .EET-kv .whLine-r{width:49%;margin-left: 15px}
    .EET-kv .ser-icon img{width:30px;}
    .EET-kv .ser-name{width:70px;margin-left: -35px;}
    .EET-kv .ser-txt{width:130px;}
    .ser-advBox{width:90%;}
    .ser-advBox .img-outer{width:25px;margin-right: 30px}
    .ser-advBox .adv-txt{width:192px;}
    .ser-advBox .adv-txt dd{text-align: left}
    .EET-plat .plat-box{width:290px;}
    .EET-plat .plat-box-tit{width:230px;}
    .EET-plat .plat-box-name{margin:5px 0 0 16px;}
    .EET-plat .plat-box-tit{padding:10px 0;}
    .plat-char span{margin:0;}
    .plat-char span:nth-child(3),
    .plat-char span:nth-child(5),
    .plat-char span:nth-child(6),
    .plat-char span:nth-child(7),
    .plat-char span:nth-child(8),
    .plat-char span:nth-child(9){margin:0;}

    /*我们*/
    .us-logo-img{width:98px;height:110px;}
    .us-logo-img .logo-box.move{height:110px;}
    .us-logo-img .logo-box{width:98px;}
    .us-logo-cn{width:120px;height:32px;}
    .service-banner.us-kv{height:420px;}
    .us-kv .w1200{height:410px;}
    .us-intro{line-height: 26px}
    .us-num{padding:30px 0 25px 0;}
    .us-num .us-big-num{float:none;}
    .us-num .us-con-box{float:none;width:100%;}
    .us-num-box{width:302px;height:150px;}

    .us-future .headBox{margin:40px auto 0 auto;}
    .us-future .circle-box div{width:85px;height:85px;}
    .us-future .circle-box{width:192px;height:145px;right:50%;margin-right: -81px}
    .us-future .circle-box .top{margin-left: -43px}
    .us-cloud,
    .us-cloud .w1200{height:560px;}
    .us-cloud .head-box{width:100%;}
    .us-cloud-box{right:50%;margin-right: -126px}
    .us-design{height:460px;}
    .us-design .us-char{width:136px;height:160px;margin-left: -68px}
    .us-charGr1 .char-txt{width:148px;height:22px;left:-82px;}
    .us-charGr2 .char-txt{width:55px;height:22px;left:-82px;right:auto;top:2px;}
    .us-charGr3 .char-txt{width:42px;height:21px;left:-82px;top:58px;}
    .us-charGr4 .char-txt{width:104px;height:24px;left:-82px;top:112px}
    .us-charGr5 .char-txt{width:92px;height:21px;}
    .us-charGr6 .char-txt{width:135px;height:20px;left:88px;}
    .us-charGr7 .char-txt{width:80px;height:23px;left:138px;}
    .us-tech{height:370px;}
    .us-tech .tech-imgGr{width:318px;height:140px;margin-left: -159px}
    .us-tech .tech-img1{width:215px;height:64px;margin-left: -108px}
    .us-tech .tech-img2{height:104px;}
    .us-tech .tech-img2.move{width:110px;}
    .us-tech .tech-img3{height:104px;}
    .us-tech .tech-img3.move{width:114px;}
    .us-tech .tech-img4{width:77px;height:60px;margin-left: -39px}
    .us-tech .tech-img5{top:42px;}


    .us-service{height:560px;}
    .us-service .ser-proc{width:310px;height:135px;margin:100px auto 0 auto;}
    .us-service .ser-proc .ser-step{width:15px;height:15px;}
    .step-txt .en{white-space:normal;line-height: 1}
    .step-txt7 .en{text-align: right}
    .step-txt2{top:40px;left:-32px;width:82px;}
    .step-txt3{left:65px;top:100px;}
    .step-txt4{left:130px;top:56px;width:86px;}
    .step-txt5{left:145px;top:-45px;}
    .step-txt6{left:218px;top:6px;}
    .step-txt7{left:280px;top:63px;}


    .us-service .ser-proc .ser-step2{left:39px;top:39px;}
    .us-service .ser-proc .ser-step3{left:80px;top:77px;}
    .us-service .ser-proc .ser-step4{left:119px;top:39px;}
    .us-service .ser-proc .ser-step5{left:160px;}
    .us-service .ser-proc .ser-step6{left:200px;top:39px;}
    .us-service .ser-proc .ser-step7{left:280px;top:42px;}

    .us-service .ser-proc .ser-curve1.move{width:33px;}
    .us-service .ser-proc .ser-curve1{height:33px;left:14px;top:8px;}
    .us-service .ser-proc .ser-curve2.move{width:33px;}
    .us-service .ser-proc .ser-curve2{height:33px;left:48px;top:53px;}
    .us-service .ser-proc .ser-curve3.move{width:33px;}
    .us-service .ser-proc .ser-curve3{height:33px;left:95px;top:52px;}
    .us-service .ser-proc .ser-curve4.move{width:33px;}
    .us-service .ser-proc .ser-curve4{height:33px;left:128px;top:7px;}
    .us-service .ser-proc .ser-curve5.move{width:33px;}
    .us-service .ser-proc .ser-curve5{height:33px;left:175px;top:7px;}
    .us-service .ser-proc .ser-curve6.move{width:80px;}
    .us-service .ser-proc .ser-curve6{height:35px;left:208px;top:53px;}
    /*人才*/
    .CE-hr .CE-hrBox{width:100%;margin:30px auto;}
    .CE-hr .career-box{display:block;float:none;}
    .CE-hr .CE-hr-txt{display:block;float:none;width:100%;}
    .CE-hr .icon-outer{margin:0 auto;}
    .CE-hr-cn,.CE-hr-en{text-align: center}
    .why-txt{line-height: 24px}
    .why-tit{margin-top: 30px}
    .CE-work-list .job-open{margin-right:10px}
    .CE-dl div.more a{width:120px;height:28px;line-height: 28px}
    .CE-dl div.more a span{height:28px;line-height: 28px}

}
/*379px ~ 360px*/
@media only screen and (max-width: 379px){
    .step-txt7 .cn{text-align: right}
    .step-txt1{left:6px;}
    .step-txt2{left:3px;top:64px;width:76px;}
    .step-txt3{left:70px;top:102px;}
    .step-txt4{left:133px;top:51px;width:90px;}
    .step-txt5{left:140px;top:-46px;}
    .step-txt6{left:218px;top:0;}
    .step-txt7{left:235px;top:82px;}
    .us-design .head-txt{width:270px;}

}

/*359px ~ 320px*/
@media only screen and (max-width: 359px){
    .EET-list-1{left:4%;}
    .EET-list-2{left:31%;}
    .EET-list-3{left:58%;}
    .step-txt7{width:65px;left:226px;}


}

/*案例聚合*/
@media only screen and (max-width: 1440px){
    .s3_logo .logo_box{height: 150px;}
    .s3_logo .logo_box_con{height: 150px;}
    .s3_logo .top{background-color: #f6f6f6;
        -webkit-transform:translate3d(0, 0, 75px);
        -moz-transform:translate3d(0, 0, 75px);
        -o-transform:translate3d(0, 0, 75px);
        -ms-transform:translate3d(0, 0, 75px);
        transform:translate3d(0, 0, 75px);
    }
    .s3_logo .bottom{background-color: #f60;
        -webkit-transform:rotateX(90deg) translate3d(0, 0, 75px);
        -moz-transform:rotateX(90deg) translate3d(0, 0, 75px);
        -o-transform:rotateX(90deg) translate3d(0, 0, 75px);
        -ms-transform:rotateX(90deg) translate3d(0, 0, 75px);
        transform:rotateX(90deg) translate3d(0, 0, 75px);
    }
}
@media only screen and (max-width: 1200px){
    .w1200{width: 100%;}
    .case-header{margin-top: 30px;}
    .cus-wall{margin-top: 30px;}
    .s3_logo .serHeader-en{margin-top: 15px;}
    .s3_logo .serHeader-cn{padding-bottom: 15px;}
}
@media only screen and (max-width: 900px){
    .s3_logo .top img{width: 60%;}
}
@media only screen and (max-width: 767px){
    .s3_logo .logo_box{width: 50%;}
    .s3_case a{width:50%;padding-bottom: 50%;}
}


/*案例*/
.case-wall{margin-top: 100px;}
.w1200{max-width: 1200px;width: auto;}
@media only screen and (max-width: 1024px){
    .service-banner{margin-top: 70px;}
    .case-wall{margin-top: 70px;}
}
@media only screen and (max-width: 1200px){
    .w1200{box-sizing:border-box;padding:0 20px;}
    .DSP{padding-top: 20px;}
    .ymt-headBox{height: 60px;}
    .ymt-tit{margin-top: 8px;}
    .DSP .DSP-abs{line-height: 1.6;margin-top: 20px;}
    .ymt-abs.move{margin-top: 20px;line-height: 1.6;height:auto;}
    .DSP-iconGr{margin-top: 20px;}
    .DSP .icon-it{width: 25%;margin:0;}
    .ymt-imgBox{overflow: hidden;}

    .google{height: 600px;}
    .goo-headline{margin-top: 30px;}
    .goo-abs{margin-top: 20px;line-height: 1.6;}
    .goo-img{width: 300px;height: 300px;margin-right: 60px;}
    .google .bt-line{height: 15px;}
    .google .headerBox .goo-miniTit{margin-top: 10px;}

    .scrm{padding:30px 0 50px 0;}
    .scrm .ani-line{top:100px;}
    .scrm .scrm-abs{margin-top: 15px;}
    .scrm-con{margin-top:50px;}
    .draw-box{width: 630px;}
    .scrm-con .head-exp{margin-top: 10px;}
    .scrm .bt-line{margin-top: 0px;height: 25px;}
    .draw-stone{width: 80px;}
    .draw-stone.move .draw-icon{width: 80px;height:80px;
        -webkit-background-size: cover!important;
        -moz-background-size: cover!important;
        -o-background-size: cover!important;
        -ms-background-size: cover!important;
        background-size: cover!important;
    }
    .stone-name{margin-top: 10px;width: 120px;
        -webkit-transform:translateX(-20px);
        -moz-transform:translateX(-20px);
        -o-transform:translateX(-20px);
        -ms-transform:translateX(-20px);
        transform:translateX(-20px);
    }
    .dir-to.move{width: 70px;height:8px;margin-top: 40px;
        -webkit-background-size: cover!important;
        -moz-background-size: cover!important;
        -o-background-size: cover!important;
        -ms-background-size: cover!important;
        background-size: cover!important;
    }

    .ser-header{margin-top: 50px;}

    .cases .logo-box{width: 20%;box-sizing:border-box;height: auto;}
    .cases .logo-box img{width: 100%;}

}
@media only screen and (max-width: 900px){
    .DSP-tit{font-size: 18px;}
    .ymt-imgBox{left: 5%;margin: 0;width:250px;height: 184px;}
    .icon-name{font-size: 12px;}
    .DSP .DSP-abs{width:95%;}
    .goo-abs{width: 95%;}
    .goo-left{width: 50%;margin-left: 0px;}
    .google .DSP-iconGr .icon-it{width:33.33%;margin:0;}
    .goo-img{width: 40%;height: 0px;padding-bottom: 40%;margin-right: 0;}

    .goo-tit{font-size: 18px;}
    .scrm-con .headBox{margin-top: 0;text-align: left;float: none;}
    .scrm-con .head-exp{color: #fff;}
    .scrm .bt-line{float: left;}
    .draw-head{width:100%;margin-top:50px;}
    .scrm-con .headBox+div{float: none;margin-top: 50px;}
    .draw-box{width: 100%;
        -webkit-transform:translateX(80px);
        -moz-transform:translateX(80px);
        -o-transform:translateX(80px);
        -ms-transform:translateX(80px);
        transform:translateX(80px);
    }
    .dir-curve2,.dir-curve1{right: 100px;}

    .scrm .scrm-tit{font-size: 18px;}


}
@media only screen and (max-width: 600px){

    .DSP{padding-bottom:55px;}
    .DSP-ymt{margin-top: 50px;}
    .ymt-imgBox{position: static;margin:0 auto;
        margin-bottom: 30px;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -o-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }
    .ymt-headBox.move{padding-bottom: 15px;}
    .cover-top{height: 50%;}
    .cover-top.move,.cover-bot.move{opacity: 0;
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -o-transform:translateY(0);
        -ms-transform:translateY(0);
        transform:translateY(0);
    }
    .right-box{width: 100%;float: none;}
    .DSP .ani-line.move{display: none;}
    .ymt-headBox,.ymt-abs{margin-left: 0;}

    .google{height: auto;padding-bottom: 50px;}
    .goo-headline{text-align: left;}
    .goo-abs{width: 100%;margin-top:10px;}
    .google .ani-line{display: none;}
    .google-con{margin-top: 20px;}
    .goo-img{width: 250px;height: 250px;padding-bottom: 0;display: block;margin:0 auto;float: none;}
    .goo-left{width: 100%;}
    .google .headerBox{margin-top:20px;}
    .google .headerBox .goo-miniTit{margin-top:5px;}
    .google .bt-line{margin-top:10px;}
    .google .goo-txt{line-height: 20px;}
    .google .DSP-iconGr{margin-top: 20px;}

    .scrm .ani-line{display: none;}
    .scrm-con .head-exp{margin-top: 0px;}


    .scrm-con{margin-top: 30px;}
    .draw-box{
        height: 300px;
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -o-transform:translateX(0px);
        -ms-transform:translateX(0px);
        transform:translateX(0px);
    }
    .draw-stone{width: 25%;}
    .dir-curve1.move{
        width: 50%;
        height:39px;
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -o-transform:translateX(0px);
        -ms-transform:translateX(0px);
        transform:translateX(0px);
    }
    .dir-curve2.move{
        width:80%;
        height:53px;
        -webkit-background-size: cover!important;
        -moz-background-size: cover!important;
        -o-background-size: cover!important;
        -ms-background-size: cover!important;
        background-size: cover!important;
        top:auto;bottom: 0px;
        -webkit-transform:translateX(0px);
        -moz-transform:translateX(0px);
        -o-transform:translateX(0px);
        -ms-transform:translateX(0px);
        transform:translateX(0px);
    }
    .dir-curve2, .dir-curve1{right: 0;}

    .cases .logo-box{width: 50%;}
    .nobor{border-bottom: 1px solid #dadada!important;}
    .nobor:last-child{border:0!important;}

}
@media only screen and (max-width: 375px){
    .dir-curve1.move{height:34px;}
    .dir-curve2.move{height:46px;width:82px;height:55px;}
}
@media only screen and (max-width: 325px){
    .draw-stone{margin:0 5px;}
    .draw-stone.move .draw-icon{width: 100%;height: 0px;padding-bottom: 100%;}
    .dir-to.move{width: 60px;height: 7px;margin-top: 30px;}
    .dir-curve1.move{height:28px;}
    .dir-curve2.move{height:39px;}
}
@media only screen and (max-width: 639px){
    .us-design .us-charGr1 .char-line.move{width:202px;}
    .us-design .us-charGr1 .char-line{height:56px;right:108px;top:-16px;}
    .us-design .us-charGr2 .char-line.move{width:165px;}
    .us-design .us-charGr2 .char-line{right:146px;top:50px;}
    .us-design .us-charGr3 .char-line.move{width:220px;}
    .us-design .us-charGr3 .char-line{height:29px;right:90px;top:86px;}
    .us-design .us-charGr4 .char-line.move{width:210px;}
    .us-design .us-charGr4 .char-line{height:40px;right:99px;top:142px;}
    .us-design .us-charGr5 .char-line.move{width:132px;}
    .us-design .us-charGr5 .char-line{height:33px;left:70px;top:-25px;}
    .us-design .us-charGr6 .char-line.move{width:172px;}
    .us-design .us-charGr6 .char-line{height:19px;left:136px;top:17px;}
    .us-design .us-charGr7 .char-line.move{width:112px;}
    .us-design .us-charGr7 .char-line{height:46px;left:162px;top:63px;}
}
@media only screen and (max-width: 479px){
    .us-design .us-charGr1 .char-line.move{width:140px;}
    .us-design .us-charGr1 .char-line{height:45px;right:79px;top:-24px;}
    .us-design .us-charGr2 .char-line.move{width:106px;}
    .us-design .us-charGr2 .char-line{height:16px;right:114px;top:30px;}
    .us-design .us-charGr3 .char-line.move{width:135px;}
    .us-design .us-charGr3 .char-line{height:25px;right:87px;top:63px;}
    .us-design .us-charGr4 .char-line.move{width:181px;}
    .us-design .us-charGr4 .char-line{height:18px;right:38px;top:124px;}
    .us-design .us-charGr5 .char-line.move{width:102px;}
    .us-design .us-charGr5 .char-line{height:35px;left:68px;top:-31px;}
    .us-design .us-charGr6 .char-line.move{width:134px;}
    .us-design .us-charGr6 .char-line{height:14px;left:87px;top:13px;}
    .us-design .us-charGr7 .char-line.move{width:110px;}
    .us-design .us-charGr7 .char-line{height:45px;left:108px;top:64px;}
}
@media only screen and (max-width: 325px){
    .us-design .us-charGr1 .char-line.move{width:130px;}
    .us-design .us-charGr1 .char-line{height:45px;right:90px;top:-24px;}
    .us-design .us-charGr7 .char-line.move{width:100px;}
    .us-design .us-charGr7 .char-line{height:50px;left:105px;top:55px;}
}
/*2018.2.27修改*/
@media only screen and (max-width: 1200px){
    .us-kv .us-intro{line-height: 1.5!important;}
}
@media only screen and (max-width: 767px){
    .service-banner.us-kv{height: auto!important;padding-bottom: 50px;}
    .us-kv .w1200{height: auto!important;}
    .us-logo-img{height: 160px!important;}
    .us-logo-img .logo-box.move{height: 160px!important;}

}