/*



overflow:hidden;text-overflow:ellipsis;white-space:nowrap;



-webkit-transition:all .7s;transition:all .7s;



transition: all 1s;



outline: 1px dashed #fff;outline-offset: -5px;



transform:rotate(360deg);



text-transform: Uppercase;font-family:Arial;



*/



/* 公用标题 */

@keyframes msClock {

	0%,70%,100% {transform: rotate(0) scale(1);}

	

	10%,30% {transform: rotate(-15deg) scale(1);}

	

	20%,40% {transform: rotate(15deg) scale(1);}

}



@keyframes rotate {

    0% {

        transform: rotate(90deg); }

    100% {

        transform: rotate(450deg); }

}





/* 办公环境 */

.box_01{width:100%;height:auto;padding:100px 0;overflow:hidden;}



.box_01 .top{width:1280px;height:65px;margin:0 auto;}



.box_01 .top .h_title{width:auto;height:65px;float:left;}



.box_01 .top .h_title h3{font-size:36px;color:#1e2482;line-height:36px;}



.box_01 .top .h_title p{font-size:14px;color:#999;line-height:15px;margin-top:14px;letter-spacing:5px;}



.box_01 .top .more{display:block;width:125px;padding-left:35px;height:65px;float:right;background:url(../images/more01.png) 118px center no-repeat;font-size:14px;color:#999;line-height:65px;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .more:hover{background:url(../images/more02.png) 118px center no-repeat;color:#1e2482;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .more::before{content:'';width:160px;height:1px;background:#e6e6e6;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .more::after{content:'';width:0px;height:1px;background:#1e2482;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .more:hover::after{content:'';width:160px;height:1px;background:#1e2482;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .bx{width:1180px;height:350px;padding:50px 50px 0 50px;margin:0 auto;overflow:hidden;}



.box_01 .bx01{margin-top:50px;background:url(../images/hj_back01.png);}



.box_01 .bx02{margin-top:30px;background:url(../images/hj_back02.png);}



.box_01 .bx03{margin-top:30px;background:url(../images/hj_back03.png);}



.box_01 .bx h4{font-size:20px;color:#fff;font-weight:bold;line-height:22px;}



.box_01 .bx .list{width:1180px;height:260px;margin:30px auto 0 auto;}



.box_01 .bx .list li{width:280px;height:260px;float:left;margin-right:20px;overflow:hidden;}



.box_01 .bx .list li:last-child{margin-right:0;}



.box_01 .bx .list li a{display:block;}



.box_01 .bx .list li .img{width:270px;height:190px;border:solid 5px #fff;border-radius:8px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .bx .list li:hover .img{border:solid 5px #1e2482;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .bx .list li .img img{display:block;width:270px;height:190px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_01 .bx .list li:hover .img img{transform: scale(1.1);}



.box_01 .bx .list li .name{width:240px;padding:0 20px;font-size:18px;color:#fff;line-height:60px;text-align:center;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_01 .bx .list li .name::after{content:'';width:0px;height:2px;background:#fff;position:absolute;bottom:0;left:50%;margin-left:-0px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .bx .list li:hover .name::after{content:'';width:280px;height:2px;background:#fff;position:absolute;bottom:0;left:50%;margin-left:-140px;-webkit-transition:all .7s;transition:all .7s;}











/* 企业优势 */

.box_02{width:100%;height:auto;background:url(../images/ys_back.jpg) center top no-repeat;padding-top:100px;overflow:hidden;}



.box_02 .h_title{width:1280px;height:auto;margin:0 auto;text-align:center;}



.box_02 .h_title h3{font-size:36px;color:#1e2482;line-height:36px;}



.box_02 .h_title p{font-size:18px;color:#333;line-height:18px;margin-top:21px;}



.box_02 .look_center{width:1280px;height:710px;margin:55px auto 0 auto;position:relative;}



.box_02 .look_center .hd{width:1280px;height:710px;position:absolute;left:0;top:0;z-index:1;}



.box_02 .look_center .hd .prev{position:absolute;left:-120px;top:290px;width:68px;height:68px;background:url(../images/ys_jt_01.png);cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd .next{position:absolute;right:-120px;top:290px;width:68px;height:68px;background:url(../images/ys_jt_03.png);cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd .prev:hover{background:url(../images/ys_jt_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd .next:hover{background:url(../images/ys_jt_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .bd{width:1280px;height:710px;position:relative;z-index:3;}



.box_02 .look_center .bd .main{width:1280px;height:710px;overflow:hidden;position:relative;}



.box_02 .look_center .bd .main .left{width:495px;height:710px;overflow:hidden;float:left;}



.box_02 .look_center .bd .main .left .bx{width:440px;height:255px;padding:100px 0 0 55px;overflow:hidden; background:#fff;cursor:pointer;}



.box_02 .look_center .bd .main .left .bx:nth-of-type(2){background:#f5f5f5;}



.box_02 .look_center .bd .main .left .bx h4{font-size:20px;color:#333;line-height:20px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .bd .main .left .bx:hover h4{color:#1e2482;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .bd .main .left .bx .line{width:25px;height:1px;background:#1e2482;margin-top:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .bd .main .left .bx:hover .line{width:140px;height:1px;background:#1e2482;margin-top:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .bd .main .left .bx p{font-size:16px;color:#888;line-height:32px;margin-top:35px;width:400px;}



.box_02 .look_center .bd .main .right{width:785px;height:710px;overflow:hidden;float:right;border-radius:0 80px 0 0;}



.box_02 .look_center .bd .main .right img{display:block;width:785px;height:710px; vertical-align:top;}









/* 合作案例 */

.box_03{width:100%;height:auto;padding:100px 0;overflow:hidden;}



.box_03 .top{width:1280px;height:65px;margin:0 auto;}



.box_03 .top .h_title{width:auto;height:65px;float:left;}



.box_03 .top .h_title h3{font-size:36px;color:#1e2482;line-height:36px;}



.box_03 .top .h_title p{font-size:14px;color:#999;line-height:15px;margin-top:14px;letter-spacing:5px;}



.box_03 .top .more{display:block;width:125px;padding-left:35px;height:65px;float:right;background:url(../images/more01.png) 118px center no-repeat;font-size:14px;color:#999;line-height:65px;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .top .more:hover{background:url(../images/more02.png) 118px center no-repeat;color:#1e2482;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .top .more::before{content:'';width:160px;height:1px;background:#e6e6e6;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .top .more::after{content:'';width:0px;height:1px;background:#1e2482;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .top .more:hover::after{content:'';width:160px;height:1px;background:#1e2482;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .list{width:1280px;height:1300px;margin:0 auto;}



.box_03 .list li{width:600px;height:590px;float:left;margin-top:60px;position:relative;}



.box_03 .list li:nth-of-type(2n){float:right;}



.box_03 .list li a{display:block;}



.box_03 .list li .img{width:600px;height:550px;overflow:hidden;}



.box_03 .list li .img img{display:block;width:600px;height:550px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_03 .list li:hover .img img{transform: scale(1.1);}



.box_03 .list li:nth-of-type(1) .img,

.box_03 .list li:nth-of-type(3) .img{border-radius:80px 0 0 0;}



.box_03 .list li:nth-of-type(2) .img,

.box_03 .list li:nth-of-type(4) .img{border-radius:0 80px 0 0;}



.box_03 .list li .txt{width:360px;height:100px;padding:0 35px 0 45px;position:absolute;left:30px;bottom:0;z-index:2; background:#fff;overflow:hidden;box-shadow:0 5px 10px #ececec;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .list li:hover .txt{box-shadow:0 5px 10px rgba(30,36,130,0.3);-webkit-transition:all .7s;transition:all .7s;}



.box_03 .list li:nth-of-type(1) .txt,

.box_03 .list li:nth-of-type(3) .txt{border-radius:40px 0 0 0;}



.box_03 .list li:nth-of-type(2) .txt,

.box_03 .list li:nth-of-type(4) .txt{border-radius:0 40px 0 0;}



.box_03 .list li .txt .name{width:300px;padding-right:60px;font-size:18px;color:#333;line-height:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/more03.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .list li:hover .txt .name{color:#1e2482;background:url(../images/more04.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}











/* 关于我们 */

.box_04{width:100%;height:650px;background:url(../images/ab_back.jpg) center bottom no-repeat;overflow:hidden;}



.box_04 .center{width:1280px;height:650px;margin:0 auto;}



.box_04 .center .left{width:650px;height:650px;float:left;}



.box_04 .center .left .icon{width:76px;height:33px; background:url(../images/ab_bk.png);margin-top:29px;}



.box_04 .center .left h3{font-size:36px;color:#1e2482;line-height:36px;margin-top:105px;}



.box_04 .center .left span{display:block;font-size:14px;color:#999;line-height:15px;margin-top:17px; letter-spacing:7px;}



.box_04 .center .left p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;line-height:35px;height:175px;font-size:15px;color:#666;margin-top:35px;}



.box_04 .center .left .more{width:160px;height:60px; background:#fff;position:relative;z-index:2;margin-top:75px;}



.box_04 .center .left .more::after{content:'';width:0px;height:60px;background:#1e2482;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .left .more:hover::after{content:'';width:160px;height:60px;background:#1e2482;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .left .more a{display:block;width:125px;padding-left:35px;font-size:14px;color:#999;line-height:60px;background:url(../images/ab_jt_01.png) 115px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .left .more:hover a{color:#fff;background:url(../images/ab_jt_02.png) 115px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .right{width:565px;height:650px;float:right;position:relative;z-index:2;}



.box_04 .center .right::before{content:'';width:150px;height:135px;background:#1e2482;border-radius:0 0 20px 0;position:absolute;top:370px;right:-30px;z-index:-1;}



.box_04 .center .right .img{width:555px;height:460px;border:solid 5px #fff;overflow:hidden;}



.box_04 .center .right .img img{display:block;width:555px;height:460px;vertical-align:top;}



.box_04 .center .right .zm{width:680px;font-size:24px;color:#1e228d;line-height:20px; text-transform:uppercase;position:absolute;right:-55px;bottom:70px; letter-spacing:19px;}













/* animated home */

.animated { -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite}

.animated.hinge {  -webkit-animation-duration: 2s; animation-duration: 2s }



@-webkit-keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.animated_1 { animation-delay:0.3s; }

.animated_2 { animation-delay:0.6s; }

.animated_3 { animation-delay:0.9s; }

.animated_4 { animation-delay:0.7s; }

.animated_5 { animation-delay:1.7s; }

.animated_6 { animation-delay:1.8s; }

.animated_7 { animation-delay:2.1s; }

.animated_8 { animation-delay:2.4s; }

.animated_9 { animation-delay:2.7s; }

.animated_10 { animation-delay:3s; }

.animated_11 { animation-delay:3.3s; }

.animated_12 { animation-delay:3.6s; }



/* animated end */









@keyframes jello {

  from,

  11.1%,

  to {

    -webkit-transform: none;

    -moz-transform: none;

    transform: none;

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    -moz-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}