/*

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;


*/


@keyframes msClock {
	0%,70%,100% {transform: rotate(0) scale(1);}
	
	10%,30% {transform: rotate(-15deg) scale(1);}
	
	20%,40% {transform: rotate(15deg) scale(1);}
}





/* 关于我们 */
.box_01{width:100%;height:425px;padding:90px 0 105px 0;}

.box_01 .center{width:1300px;height:425px;margin:0 auto;}

.box_01 .center .left{width:590px;height:425px;padding-left:100px;float:left;position:relative;background:url(../images/ab_line01.png) 40px top no-repeat;}

.box_01 .center .left h4{font-size:24px;color:#01569b;line-height:26px;font-weight:bold;}

.box_01 .center .left span{display:block;height:50px;margin-top:15px;font-size:12px;color:#b8b8b8;line-height:14px; background:url(../images/ab_line02.png) left bottom no-repeat;}

.box_01 .center .left p{font-size:14px;color:#808080;line-height:35px;height:140px;overflow:hidden;margin-top:25px;}

.box_01 .center .left a{display:block;padding-left:45px;height:40px;background:url(../images/ab_jt_03.png) left center no-repeat;margin-top:90px;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .center .left a i{display:block;width:156px;height:36px;border:solid 2px #01569b;line-height:36px;font-size:14px;color:#01569b;text-align:center;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .center .left a:hover i{color:#fff;background:#01569b;text-align:center;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .center .left .pos{font-size:12px;color:#002d51;text-transform: Uppercase;line-height:10px;writing-mode: tb-rl;position:absolute;left:0;top:100px; letter-spacing:3px;}






.look_center{width:540px;height:425px;float:right;position:relative;}

.look_center .bd{width:651px;height:716px;position:absolute !important;left:-50px;bottom:-50px;}

.look_center .bd .main{width:651px;height:716px;}

.look_center .bd .main img{width:651px;height:716px;vertical-align:top;}

.look_center .hd{width:100px;height:auto;position:absolute;bottom:30px;left:-240px;}

.look_center .hd::after{content:'';width:540px;height:3px;background:#01569b;position:absolute;top:41px;left:0;}

.look_center .hd ul{width:100px;height:21px;display:flex;justify-content: space-between;z-index:9;}

.look_center .hd ul li{width:21px;height:21px;background:url(../images/dian01.png) center center no-repeat;}

.look_center .hd ul li.on{width:21px;height:21px;background:url(../images/dian02.png) center center no-repeat;}

.look_center .hd .arrow{width:56px;height:12px;margin-top:40px;}

.look_center .hd .prev{width:24px;height:12px;float:left;background:url(../images/ab_jt_01.png);}

.look_center .hd .next{width:24px;height:12px;background:url(../images/ab_jt_02.png);float:right;}






/* 产品中心 */
.box_02{width:100%;height:720px;overflow:hidden;}

.box_02 .left{width:50%;height:720px;float:left;overflow:hidden; background:url(../images/pro_back.jpg) center center no-repeat; background-size: 100% 100%;}

.box_02 .left .bx{width:68%;padding-left:32%;height:720px;position:relative;float:left;}

.box_02 .left .bx i{display:block;width:354px;height:83px; background:url(../images/pro_icon.png);margin-top:90px;}

.box_02 .left .bx .bt{width:auto;height:42px;margin-top:60px;position:relative;}

.box_02 .left .bx .bt span{font-size:40px;color:#dfe4eb;text-transform: Uppercase;font-weight:bold;line-height:32px; letter-spacing:5px;}

.box_02 .left .bx .bt h3{position:absolute;left:0;bottom:0;font-size:24px;color:#01569b;font-weight:bold;line-height:26px;}

.box_02 .left .bx .bt h3 a{display:block;color:#01569b;}

.box_02 .left .bx p{width:530px;font-size:14px;color:#808080;line-height:30px;height:90px;overflow:hidden;margin-top:32px;}

.box_02 .left .bx .search{width:260px;height:40px;background:url(../images/ss_back.png) left bottom no-repeat;overflow:hidden;position:absolute;top:230px;right:10%;}

.box_02 .left .bx .search .input{width:170px;height:40px;line-height:40px;color:#888;display:block;background:rgba(0,0,0,0);float:left;font-size:14px;padding:0 15px;box-sizing:content-box;}

.box_02 .left .bx .search .button{width:50px;height:40px;background:url(../images/search.png) center top no-repeat;cursor:pointer;border:none;float:right;}

.box_02 .right{width:50%;height:720px;float:right;overflow:hidden;}

.box_02 .right li{width:50%;height:360px;float:left;overflow:hidden;position:relative;}

.box_02 .right li a{display:block;}

.box_02 .right li .img{width:100%;height:360px;overflow:hidden;}

.box_02 .right li .img img{width:100%;height:360px;transition: all 1s;transform: scale(1.1);vertical-align:top;object-fit:cover;}

.box_02 .right li:hover .img img{transform: scale(1);}

.box_02 .right li .hide{width:100%;height:360px;background:rgba(1,86,155,0.8);position:absolute;top:0;left:50%;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform 1s, opacity 1s;-moz-transition: transform 1s, opacity 1s;-o-transition: transform 1s, opacity 1s;-ms-transition: transform 1s, opacity 1s;transition: transform 1s, opacity 1s;}

.box_02 .right li:hover .hide{-webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1;}

.box_02 .right li .hide p{width:80%;margin:120px auto 0 auto;font-size:18px;font-weight:bold;color:#fff;line-height:20px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_02 .right li .hide span{display:block;width:70px;height:70px;margin:30px auto 0 auto;background:url(../images/more.png);}






/* 在线留言 */
.box_03{width:100%;height:45px;padding:23px 0 22px 0;background:#01569b;overflow:hidden;}

.box_03 .ly{width:1300px;height:45px;margin:0 auto;}

.box_03 .form{width:1300px;height:45px;position:relative;}

.box_03 .form p:nth-of-type(1){position:absolute;left:0;top:0;width:243px;height:43px;overflow:hidden;border:solid 1px #679ac3;background:rgba(0,0,0,0);}

.box_03 .form p:nth-of-type(2){position:absolute;left:265px;top:0;width:243px;height:43px;overflow:hidden;border:solid 1px #679ac3;background:rgba(0,0,0,0);}

.box_03 .form p:nth-of-type(1) input{background:url(../images/xx.png) 230px center no-repeat;display:block;width:200px;line-height:43px;color:#fff;font-size:14px;padding:0 33px 0 10px;box-sizing:content-box;}

.box_03 .form p:nth-of-type(2) input{background:url(../images/xx.png) 230px center no-repeat;display:block;width:200px;line-height:43px;color:#fff;font-size:14px;padding:0 33px 0 10px;box-sizing:content-box;}

.box_03 .form p:nth-of-type(3){position:absolute;right:265px;top:0;width:508px;height:43px;overflow:hidden;background:#fff;border:solid 1px #679ac3;background:rgba(0,0,0,0);}

.box_03 .form textarea{width:460px;line-height:43px;height:43px;background:url(../images/xx.png) 490px center no-repeat;padding:0 38px 0 10px;box-sizing:content-box;}

.box_03 .form .tj{width:245px;height:45px;border:none;position:absolute;bottom:0;right:0;background:#fff;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .form .tj .btn{display: block;width:245px;height:45px;line-height:45px;text-align:center;font-size:14px;color:#5882b2;border:none;background:none;position:relative;z-index:0; cursor:pointer;padding:0 !important;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .form .tj:hover{background:#333;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .form .tj .btn:hover{color:#fff;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .form p input::-webkit-input-placeholder {color: #fff;}
.box_03 .form p textarea::-webkit-input-placeholder {color: #fff;}



/* 证书 */
.box_04{width:100%;height:auto;padding:80px 0 70px 0;overflow:hidden;}

.box_04 .top{width:1300px;height:104px;margin:0 auto;overflow:hidden;}

.box_04 .top .bt{width:505px;height:104px; background:url(../images/zs_zm.png);float:left;position:relative;}

.box_04 .top .bt p{font-size:24px;color:#252525;line-height:25px;position:absolute;left:130px;top:65px;}

.box_04 .top a{display:block;width:80px;height:30px; background:url(../images/zs_line01.png) left bottom no-repeat;float:right;margin-top:30px;text-transform: Uppercase;font-size:16px;color:#333;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .top a:hover{background:url(../images/zs_line02.png) left bottom no-repeat;margin-right:10px;color:#01569b;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .list{width:1300px;height:375px;overflow:hidden;margin:50px auto 0 auto;}

.box_04 .list li{overflow:hidden;width:410px;height:375px;overflow:hidden;position:relative;margin-right:35px;float:left;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .list li:last-child{margin-right:0;}

.box_04 .list li a{display:block;}

.box_04 .list li .img{width:374px;height:279px;padding:18px; background:url(../images/zs_bk.png);overflow:hidden;}

.box_04 .list li .img img{width:374px;height:279px;vertical-align:top;object-fit:cover;}

.box_04 .list li .txt{width:410px;height:55px;background:#fff;overflow:hidden;position:relative;}

.box_04 .list li .txt::after{content:'';width:0px;height:2px;background:#01569b;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .list li:hover .txt::after{content:'';width:410px;height:2px;background:#01569b;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .list li .name{width:350px;height:55px;padding-right:60px;font-size:14px;color:#4c4c4c;line-height:55px;background:url(../images/zs_jt_01.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .list li:hover .name{color:#01569b;background:url(../images/zs_jt_02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}





/* 案例 */
.box_05{width:100%;height:640px; background:url(../images/case_back.jpg) center bottom no-repeat;overflow:hidden;}

.box_05 .center{width:1300px;height:560px;margin:0 auto;}

.box_05 .center .picScroll-left{width:910px;height:560px;float:left;position:relative;}

.box_05 .center .picScroll-left .bd{width:910px;height:560px;}

.box_05 .center .picScroll-left .bd ul{width:910px;height:560px;overflow:hidden; zoom:1;}

.box_05 .center .picScroll-left .bd ul li{overflow:hidden;width:910px;height:560px;overflow:hidden;position:relative;}

.box_05 .center .picScroll-left .bd ul li a{display:block;}

.box_05 .center .picScroll-left .bd ul li .img{width:910px;height:510px;margin-top:50px;overflow:hidden;}

.box_05 .center .picScroll-left .bd ul li .img img{width:910px;height:510px;vertical-align:top;transform: scale(1.1);transition: all 1s;object-fit:cover;}

.box_05 .center .picScroll-left .bd ul li .img:hover img{transform: scale(1);}

.box_05 .center .picScroll-left .bd ul li .name{display:block;width:300px;height:88px;padding:0 11px;border:solid 1px #e6e6e6;font-size:18px;color:#333;font-weight:bold;line-height:88px;background:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;position:absolute;left:50%;margin-left:-167px;top:0;z-index:5;}

.box_05 .center .picScroll-left .bd ul li:hover .name{color:#fff;background:#01569b;border:solid 1px #01569b;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .center .picScroll-left .hd{width:30px;height:16px;position:absolute;bottom:10px;right:-90px;overflow:hidden;}

.box_05 .center .picScroll-left .hd .prev{float:left;width:10px;height:16px;background:url(../images/case_jt_01.png);}

.box_05 .center .picScroll-left .hd .next{float:right;width:10px;height:16px;background:url(../images/case_jt_02.png);}

.box_05 .center .right{width:335px;height:530px;float:right;position:relative;}

.box_05 .center .right::after{content:'';width:644px;height:9px;background:url(../images/case_line.png);position:absolute;top:318px;left:0;}

.box_05 .center .right i{display:block;width:248px;height:189px; background:url(../images/case_zm.png);margin-top:50px;}

.box_05 .center .right h3{font-size:24px;color:#252525;line-height:25px;margin-top:30px;}

.box_05 .center .right p{font-size:14px;color:#808080;line-height:30px;margin-top:65px;}






/* 新闻 */
.box_06{width:100%;height:765px;padding-top:90px;background:url(../images/news_back.jpg) center top no-repeat;overflow:hidden;}

.box_06 .news_center{width:1300px;height:765px;margin:0 auto;overflow:hidden;position:relative;}

.box_06 .news_center .hd{width:150px;height:765px;float:left;}

.box_06 .news_center .hd .h_title{width:auto;height:40px;position:relative;}

.box_06 .news_center .hd .h_title a{display:block;width:auto;line-height:40px;font-size:36px;color:#01569b;font-weight:bold;overflow:hidden;}

.box_06 .news_center .hd .h_title::after{content:'';width:16px;height:16px;background:#e590b8;border-radius:8px;position:absolute;top:5px;right:-16px;}

.box_06 .news_center .hd ul{width:150px;height:450px;overflow:hidden;text-align:center;font-size:16px;margin-top:50px;}

.box_06 .news_center .hd ul li{width:150px;height:150px;line-height:150px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li:nth-of-type(1){background:#f4f4f4;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li:nth-of-type(2){background:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li:nth-of-type(3){background:#fefefe;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li:nth-of-type(1).on{background:#01569b;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li:nth-of-type(2).on{background:#01569b;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li:nth-of-type(3).on{background:#01569b;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li a{display:block;color:#333;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .hd ul li.on a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd{width:1050px;height:760px;margin-top:5px;float:right;}

.box_06 .news_center .bd .main{width:1050px;height:760px;position:relative;}

.box_06 .news_center .bd .main .bx{width:525px;height:380px;overflow:hidden;position:absolute;top:0;left:0;z-index:9;}

.box_06 .news_center .bd .main .bx a{display:block;}

.box_06 .news_center .bd .main .bx .img{width:525px;height:380px;overflow:hidden;}

.box_06 .news_center .bd .main .bx .img img{width:525px;height:380px;transition: all 1s;transform: scale(1.1);vertical-align:top;}

.box_06 .news_center .bd .main .bx:hover .img img{transform: scale(1);}

.box_06 .news_center .bd .main .bx .name{width:475px;padding:0 25px;height:50px;position:absolute;left:0;bottom:-50px;font-size:16px;color:#fff;line-height:50px;text-align:center; background:#01569b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .bx:hover .name{color:#fff;position:absolute;left:0;bottom:0;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .list{width:1050px;height:760px;overflow:hidden;}

.box_06 .news_center .bd .main .list li{width:435px;height:380px;float:left;overflow:hidden;padding:0 45px;}

.box_06 .news_center .bd .main .list li:nth-of-type(1){margin-left:525px;}

.box_06 .news_center .bd .main .list li a{display:block;}

.box_06 .news_center .bd .main .list li .name{line-height:18px;font-size:16px;color:#333;margin-top:65px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .list li:hover .name{color:#01569b;margin-left:10px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .news_center .bd .main .list li span{display:block;font-size:14px;color:#999;line-height:12px;margin-top:35px;text-align:right;width:115px; background:url(../images/n_line.png) left center no-repeat;}

.box_06 .news_center .bd .main .list li p{font-size:14px;color:#999;line-height:35px;height:105px;margin-top:25px;overflow:hidden;}

.box_06 .news_center .bd .main .list li .more{line-height:15px;font-size:14px;color:#01569b;margin-top:25px;}







@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);
  }
}
