@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);
  }
}



/* 业务领域 */
.ywly{width:100%;height:660px;padding-top:59px; background:url(../images/ly_back.jpg) center top no-repeat;overflow:hidden;}

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

.ywly .biaoti h3{font-size:32px;color:#3e3e3e;font-weight:bold;line-height:32px;background:url(../images/h_back.png) center bottom no-repeat;}

.ywly .biaoti p{font-size:18px;color:#787878;line-height:14px;text-transform: Uppercase;font-family:Arial;margin-top:15px;}

.ywly .list{width:1280px;height:500px;margin:20px auto 0 auto;}

.ywly .list li{width:160px;height:220px;margin:30px 26px 0 0;background:#fff;float:left;cursor:pointer;text-align:center;-webkit-transition:all .7s;transition:all .7s;}

.ywly .list li:hover{background:#1745a9;box-shadow:5px 5px 10px #767676;-webkit-transition:all .7s;transition:all .7s;}

.ywly .list li:nth-of-type(7n){margin-right:0;}

.ywly .list li .icon{width:70px;height:70px;background:#f6f6f6;margin:28px auto 0 auto;border-radius:50%;-webkit-transition:all .7s;transition:all .7s;}

.ywly .list li:hover .icon{background:#fff;-webkit-transition:all .7s;transition:all .7s;}

.ywly .list li .icon i{display:block;width:70px;height:70px;}

.ywly .list li:hover .icon i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}

.ywly .list li:nth-of-type(1) .icon i{background:url(../images/ly_icon_01.png) center center no-repeat;}

.ywly .list li:nth-of-type(2) .icon i{background:url(../images/ly_icon_02.png) center center no-repeat;}

.ywly .list li:nth-of-type(3) .icon i{background:url(../images/ly_icon_03.png) center center no-repeat;}

.ywly .list li:nth-of-type(4) .icon i{background:url(../images/ly_icon_04.png) center center no-repeat;}

.ywly .list li:nth-of-type(5) .icon i{background:url(../images/ly_icon_05.png) center center no-repeat;}

.ywly .list li:nth-of-type(6) .icon i{background:url(../images/ly_icon_06.png) center center no-repeat;}

.ywly .list li:nth-of-type(7) .icon i{background:url(../images/ly_icon_07.png) center center no-repeat;}

.ywly .list li:nth-of-type(8) .icon i{background:url(../images/ly_icon_08.png) center center no-repeat;}

.ywly .list li:nth-of-type(9) .icon i{background:url(../images/ly_icon_09.png) center center no-repeat;}

.ywly .list li:nth-of-type(10) .icon i{background:url(../images/ly_icon_10.png) center center no-repeat;}

.ywly .list li:nth-of-type(11) .icon i{background:url(../images/ly_icon_11.png) center center no-repeat;}

.ywly .list li:nth-of-type(12) .icon i{background:url(../images/ly_icon_12.png) center center no-repeat;}

.ywly .list li:nth-of-type(13) .icon i{background:url(../images/ly_icon_13.png) center center no-repeat;}

.ywly .list li:nth-of-type(14) .icon i{background:url(../images/ly_icon_14.png) center center no-repeat;}

.ywly .list li .cha{font-size:20px;color:#7b7b7b;line-height:15px;margin-top:18px;-webkit-transition:all .7s;transition:all .7s;}

.ywly .list li h4{font-size:20px;color:#3b3b3b;line-height:20px;margin-top:18px;-webkit-transition:all .7s;transition:all .7s;}

.ywly .list li p{font-size:12px;color:#a7a7a7;line-height:14px;margin-top:10px;-webkit-transition:all .7s;transition:all .7s;}

.ywly .list li:hover .cha{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.ywly .list li:hover h4{color:#fff;-webkit-transition:all .7s;transition:all .7s;}





/* 公司概况 */
.gsgk{width:100%;height:auto;padding:80px 0 60px 0;overflow:hidden;}

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

.gsgk .biaoti h3{font-size:32px;color:#3e3e3e;font-weight:bold;line-height:32px;background:url(../images/h_back.png) center bottom no-repeat;}

.gsgk .biaoti p{font-size:18px;color:#787878;line-height:14px;text-transform: Uppercase;font-family:Arial;margin-top:15px;}

.gsgk .center{width:1280px;height:450px;margin:50px auto 0 auto;}

.gsgk .center .left{width:640px;height:450px;float:left;}

.gsgk .center .left .txt{width:auto;height:auto;margin-top:10px;}

.gsgk .center .left .txt h4{font-size:22px;color:#1745a9;font-weight:bold;line-height:24px;}

.gsgk .center .left .txt span{display:block;font-size:14px;color:#9f9f9f;line-height:15px;margin-top:15px;}

.gsgk .center .left .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;line-height:35px;height:175px;font-size:16px;color:#818181;margin-top:30px;}

.gsgk .center .left .txt .more{display:block;width:60px;height:15px;font-size:14px;color:#6f6f6f;line-height:15px;background:url(../images/more01.png) right center no-repeat;margin-top:40px;position:relative;z-index:2;text-transform: Uppercase;-webkit-transition:all .7s;transition:all .7s;}

.gsgk .center .left .txt .more:hover{color:#1745a9;-webkit-transition:all .7s;transition:all .7s;}

.gsgk .center .left .txt .more::before{content:'';width:50px;height:5px;background:#d1daee;position:absolute;left:-10px;bottom:0;z-index:-1;}

.gsgk .center .left .bx{width:640px;height:64px;margin-top:45px;display:flex;justify-content: space-between;}

.gsgk .center .left .bx a{display:block;width:115px;height:64px;padding-left:80px;font-size:16px;color:#fff;line-height:64px;position:relative;background:#1745a9;-webkit-transition:all .7s;transition:all .7s;}

.gsgk .center .left .bx a:hover{box-shadow: 0 0 20px #85aafa;-webkit-transition:all .7s;transition:all .7s;}

.gsgk .center .left .bx a i{display:block;width:21px;height:64px;position:absolute;left:40px;top:0;}

.gsgk .center .left .bx a:hover i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}

.gsgk .center .left .bx a:nth-of-type(1) i{background:url(../images/ab_icon_01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.gsgk .center .left .bx a:nth-of-type(2) i{background:url(../images/ab_icon_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.gsgk .center .left .bx a:nth-of-type(3) i{background:url(../images/ab_icon_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.gsgk .center .list{width:600px;height:450px;overflow:hidden;float:right;}

.gsgk .center .list li{width:265px;height:200px;border:solid 1px #d8d8d8;padding:9px;overflow:hidden;float:left;margin-bottom:10px;}

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

.gsgk .center .list li img{display:block;width:265px;height:200px;overflow:hidden;vertical-align:top;}



/* 经典案例 */
.case{width:100%;height:auto;padding:70px 0 40px 0; background:#f4f4f4;overflow:hidden;}

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

.case .biaoti h3{font-size:32px;color:#3e3e3e;font-weight:bold;line-height:32px;background:url(../images/h_back.png) center bottom no-repeat;}

.case .biaoti p{font-size:18px;color:#787878;line-height:14px;text-transform: Uppercase;font-family:Arial;margin-top:15px;}

.case .picScroll-left{width:1280px;height:350px;margin:40px auto 0 auto;position:relative;overflow:hidden;}

.case .picScroll-left .hd{width:1280px;height:350px;position:absolute;left:0;top:0;z-index:2;}

.case .picScroll-left .hd .prev{float:left;width:16px;height:350px;cursor:pointer;background:url(../images/case_jt_01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.case .picScroll-left .hd .next{float:right;width:16px;height:350px;cursor:pointer;background:url(../images/case_jt_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.case .picScroll-left .hd .prev:hover{background:url(../images/case_jt_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.case .picScroll-left .hd .next:hover{background:url(../images/case_jt_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.case .picScroll-left .bd{width:1220px;height:350px;margin:0 auto;overflow:hidden;position:relative;z-index:5;}

.case .picScroll-left .bd ul{width:1220px;height:350px;overflow:hidden;}

.case .picScroll-left .bd ul li{width:370px;height:340px;border:solid 1px #ebebeb;padding:8px 9px 0 9px;float:left;overflow:hidden;margin-right:25px;background:#fff;-webkit-transition:all .7s;transition:all .7s;}

.case .picScroll-left .bd ul li a{display:block;}

.case .picScroll-left .bd ul li .img{width:370px;height:270px;overflow:hidden;}

.case .picScroll-left .bd ul li .img img{display:block;width:370px;height:270px;object-fit:cover;vertical-align:top;transition: all 1s;}

.case .picScroll-left .bd ul li:hover .img img{transform: scale(1.1);}

.case .picScroll-left .bd ul li .txt{width:350px;height:70px;line-height:70px;margin:0 auto;overflow:hidden;}

.case .picScroll-left .bd ul li .txt .name{width:270px;font-size:16px;color:#575757;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.case .picScroll-left .bd ul li:hover .txt .name{font-weight:bold;-webkit-transition:all .7s;transition:all .7s;}

.case .picScroll-left .bd ul li .txt .more{font-size:12px;color:#a9a9a9; text-transform:uppercase;float:right;-webkit-transition:all .7s;transition:all .7s;}

.case .gd{display:block;width:120px;font-size:16px;color:#808080;line-height:20px; text-decoration:underline;margin:55px auto 0 auto;text-align:center;-webkit-transition:all .7s;transition:all .7s;}

.case .gd:hover{color:#1745a9;-webkit-transition:all .7s;transition:all .7s;}




/* 信息中心 */
.news{width:100%;height:auto;padding:30px 0;background:#fff;overflow:hidden;}

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

.news .biaoti h3{font-size:32px;color:#3e3e3e;font-weight:bold;line-height:32px;background:url(../images/h_back.png) center bottom no-repeat;}

.news .biaoti p{font-size:18px;color:#787878;line-height:14px;text-transform: Uppercase;font-family:Arial;margin-top:15px;}

.news .center{width:1280px;height:auto;margin:50px auto 0 auto;overflow:hidden;position:relative;}

.news .news_center{width:800px;height:435px;float:left;overflow:hidden;}

.news .news_center .hd{width:800px;height:59px;border-bottom:solid 1px #e2e8f5;overflow:hidden;}

.news .news_center .hd ul{width:800px;height:50px;background:url(../images/njt.png) right center no-repeat;}

.news .news_center .hd ul li{width:160px;height:50px;cursor:pointer;float:left;margin-right:50px;background:#fff;border-radius:25px;-webkit-transition:all .7s;transition:all .7s;}

.news .news_center .hd ul li.on{background:#1745a9;-webkit-transition:all .7s;transition:all .7s;}

.news .news_center .hd ul li a{display:block;width:100px;height:50px;padding-left:60px;font-size:18px;color:#686868;line-height:50px;font-weight:bold;-webkit-transition:all .7s;transition:all .7s;}

.news .news_center .hd ul li.on a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.news .news_center .hd ul li:nth-of-type(1) a{background:url(../images/n_icon_01.png) 25px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.news .news_center .hd ul li:nth-of-type(2) a{background:url(../images/n_icon_01.png) 25px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.news .news_center .hd ul li:nth-of-type(1).on a{background:url(../images/n_icon_02.png) 25px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.news .news_center .hd ul li:nth-of-type(2).on a{background:url(../images/n_icon_02.png) 25px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.news .news_center .bd{width:800px;height:360px;margin:15px auto 0 auto;overflow:hidden;}

.news .news_center .bd .main{width:800px;height:360px;overflow:hidden;position:relative;}

.news .news_center .bd .main li{width:800px;height:60px;line-height:60px;overflow:hidden;}

.news .news_center .bd .main li:nth-of-type(2n){ background:#f6f9ff;}

.news .news_center .bd .main li .name{display:block;width:600px;padding-left:25px;font-size:15px;color:#656565;float:left;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.news .news_center .bd .main li .name::before{content:'';width:4px;height:4px;background:#656565;position:absolute;top:28px;left:10px;-webkit-transition:all .7s;transition:all .7s;}

.news .news_center .bd .main li:hover .name::before{content:'';width:4px;height:4px;background:#1745a9;position:absolute;top:28px;left:10px;-webkit-transition:all .7s;transition:all .7s;}

.news .news_center .bd .main li:hover .name{font-weight:bold;color:#1745a9;-webkit-transition:all .7s;transition:all .7s;}

.news .news_center .bd .main li span{display:block;font-size:14px;color:#9c9c9c;float:right;padding-right:25px;}

.news .right{width:425px;height:435px;float:right;overflow:hidden;}

.news .right .top{width:425px;height:59px;border-bottom:solid 1px #e2e8f5;overflow:hidden;}

.news .right .top h4{width:425px;height:50px;background:url(../images/njt.png) right center no-repeat;}

.news .right .top h4 a{display:block;width:105px;height:50px;cursor:pointer;text-align:right;font-size:18px;color:#686868;line-height:50px;font-weight:bold;background:url(../images/n_icon_01.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.news .right .top h4 a:hover{color:#1745a9;-webkit-transition:all .7s;transition:all .7s;}

.news .right .list{width:425px;height:360px;margin:15px auto 0 auto;overflow:hidden;}

.news .right .list li{width:425px;height:60px;line-height:60px;overflow:hidden;position:relative;}

.news .right .list li::before{content:'';width:425px;height:1px;border-bottom:dashed 1px #dee1e7;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.news .right .list li::after{content:'';width:0px;height:1px;background:#1745a9;position:absolute;bottom:0;left:0;z-index:1;-webkit-transition:all .7s;transition:all .7s;}

.news .right .list li:hover::after{content:'';width:425px;height:1px;background:#1745a9;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.news .right .list li .name{display:block;width:320px;font-size:15px;color:#656565;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.news .right .list li:hover .name{font-weight:bold;color:#1745a9;-webkit-transition:all .7s;transition:all .7s;}

.news .right .list li span{display:block;font-size:14px;color:#9c9c9c;float:right;}



/* 友情链接 */
.links{width:100%;height:90px;border-top:solid 1px #dbdbdb;overflow:hidden;}

.links .center{width:1280px;height:90px;margin:0 auto;overflow:hidden;}

.links .center .left{width:auto;height:90px;float:left;}

.links .center .left h3{font-size:18px;color:#3e3e3e;font-weight:bold;line-height:20px;margin-top:25px;}

.links .center .left p{line-height:14px;font-size:18px;color:#787878;text-transform: Uppercase;font-family:Arial;margin-top:10px;}

.links .center .lk{width:1130px;overflow:hidden;position:relative;float:right;height:90px;}

.links .center .lk a{display:block;float:left;width:auto;padding:0 20px;font-size:15px;line-height:90px;color:#787878;position:relative;-webkit-transition:all .7s;transition:all .7s;}

.links .center .lk a:hover{color:#1745a9;-webkit-transition:all .7s;transition:all .7s;}

.links .center .lk a:last-child{margin-right:0;}

.links .center .lk a::after{content:'';width:1px;height:16px;background:#787878;position:absolute;top:37px;right:0;}