/*



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

}





.swiper-container{width: 100%;cursor: url(../image/gesture.png), default;}



.swiper-container img{cursor: url(../image/gesture.png), default;}





/* 产品中心 */

.box_01{width:100%;height:1040px;padding-top:69px;background:url(../image/pro_back.jpg) center top no-repeat;overflow:hidden;}



.box_01 .h_title{width:780px;height:auto;text-align:center;margin:0 auto;overflow:hidden;}



.box_01 .h_title p{font-size:66px;line-height:50px;color:#1d3338;text-transform: Uppercase;font-family:Arial;font-weight:bold;}



.box_01 .h_title p span{color:#ffc53b;}



.box_01 .h_title h3{font-size:30px;line-height:32px;color:#333;margin-top:20px;font-weight:bold;background:url(../image/h_back.png) center center no-repeat;}



.box_01 .fl_list{width:1300px;height:130px;border-radius:12px;margin:45px auto 0 auto;background:#fff;-moz-box-shadow:0px 0px 15px #e2e2e2;-webkit-box-shadow:0px 0px 15px #e2e2e2;box-shadow:0px 0px 15px #e2e2e2;overflow:hidden;}



.box_01 .fl_list li{width:255px;padding:0 10px 0 60px;height:130px;float:left;position:relative;}



.box_01 .fl_list li::after{content:'';width:1px;height:64px;background:#e9e9e9;position:absolute;top:33px;right:0;}



.box_01 .fl_list li:last-child::after{content:'';width:1px;height:64px;background:none;position:absolute;top:33px;right:0;}



.box_01 .fl_list li .icon{width:60px;height:60px; background:#1d3338;border-radius:30px;margin:35px 30px 35px 0;float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .fl_list li:hover .icon{background:#ffc53b;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .fl_list li i{display:block;width:60px;height:60px;background:url(../image/pro_icon.png) center center no-repeat;}



.box_01 .fl_list li:hover i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}



.box_01 .fl_list li .txt{width:160px;height:130px;float:left;}



.box_01 .fl_list li .txt .name{display:block;height:35px;margin-top:32px;font-size:18px;color:#333;position:relative;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_01 .fl_list li .txt .name::after{content:'';width:15px;height:2px;background:#ffc53b;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .fl_list li:hover .txt .name::after{content:'';width:100px;height:2px;background:#ffc53b;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .fl_list li .txt p{margin-top:15px;font-size:14px;color:#999;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_01 .pro_center{width:1300px;height:320px;margin:37px auto 0 auto;position:relative;overflow:hidden;}



.box_01 .pro_center .bd{width:1300px;height:320px;}



.box_01 .pro_center .bd .main{width:1300px;height:320px;position:relative;}



.box_01 .pro_center .bd .main a{display:block;}



.box_01 .pro_center .bd .main .img{width:450px;height:300px;float:left;border:solid 10px #f8f8f8;overflow:hidden;margin-right:60px;}



.box_01 .pro_center .bd .main .img img{width:450px;height:300px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_01 .pro_center .bd .main:hover .img img{transform: scale(1.05);}



.box_01 .pro_center .bd .main .txt{width:620px;height:320px;float:left;}



.box_01 .pro_center .bd .main .txt .name{height:45px;margin-top:130px;font-size:20px;color:#333;position:relative;line-height:22px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_01 .pro_center .bd .main .txt .name::after{content:'';width:20px;height:3px;background:#ffc53b;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main:hover .txt .name::after{content:'';width:100px;height:3px;background:#ffc53b;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main .txt p{margin-top:20px;font-size:14px;color:#737373;line-height:35px;height:70px;overflow:hidden;}



.box_01 .pro_center .hd{width:10px;height:185px;position:absolute;right:40px;bottom:0;z-index:9;cursor:pointer;}



.box_01 .pro_center .hd ul{width:10px;height:185px;}



.box_01 .pro_center .hd ul li{width:9px;height:9px;background:#eaeaea;border-radius:50%;margin:0 auto 25px auto;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li.on{background:#202e31;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li::before{content:'';width:1px;height:0px;background:#202e31;position:absolute;bottom:9px;left:4px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li.on::before{content:'';width:1px;height:9px;background:#202e31;position:absolute;bottom:9px;left:4px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd .arrow{width:140px;height:40px;position:absolute;right:720px;bottom:0;}



.box_01 .pro_center .hd .arrow .prev{float:left;width:70px;height:40px;position:relative;}



.box_01 .pro_center .hd .arrow .prev p{width:70px;height:40px;line-height:40px;font-size:14px;color:#fff;text-transform: Uppercase; background:#1d3338;text-align:center;}



.box_01 .pro_center .hd .arrow .next{float:left;width:70px;height:40px;position:relative;}



.box_01 .pro_center .hd .arrow .next p{width:70px;height:40px;line-height:40px;font-size:14px;color:#fff;text-transform: Uppercase; background:#ffc53b;text-align:center;}



.box_01 .pro_center .hd .arrow .prev::after{content:'';width:0px;height:40px;background:url(../image/pro_jt_01.png) center center no-repeat #1d3338;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd .arrow .prev:hover::after{content:'';width:70px;height:40px;background:url(../image/pro_jt_01.png) center center no-repeat #1d3338;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd .arrow .next::after{content:'';width:0px;height:40px;background:url(../image/pro_jt_02.png) center center no-repeat #1d3338;position:absolute;top:0;right:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd .arrow .next:hover::after{content:'';width:70px;height:40px;background:url(../image/pro_jt_02.png) center center no-repeat #1d3338;position:absolute;top:0;right:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list{width:1300px;height:280px;margin:40px auto 0 auto;overflow:hidden;}



.box_01 .pro_list li{width:280px;height:270px;padding:8px 9px 0 9px;border:solid 1px #dedede;float:left;margin-right:33.33px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



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



.box_01 .pro_list li:hover{border:solid 1px #1d3338;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li a{display:block;}



.box_01 .pro_list li .img{width:280px;height:200px;overflow:hidden;}



.box_01 .pro_list li .img img{width:280px;height:200px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_01 .pro_list li:hover .img img{transform: scale(1.05);}



.box_01 .pro_list li .txt{width:280px;height:50px;margin-top:8px;background:#f7f7f7;position:relative;z-index:0;overflow:hidden;}



.box_01 .pro_list li .txt::after{content:'';width:280px;height:0px;background:#1d3338;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li:hover .txt::after{content:'';width:280px;height:50px;background:#1d3338;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li .txt .name{width:210px;padding:0 55px 0 15px;line-height:50px;font-size:16px;color:#333;background:url(../image/pro_jt_03.png) 245px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li:hover .txt .name{color:#fff;background:url(../image/pro_jt_04.png) 245px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



















/* 企业优势 */

.box_02{width:100%;height:750px;background:url(../image/ys_back.jpg) center top no-repeat;overflow:hidden;position:relative;}



.look_center{width:1300px;height:750px;margin:0 auto;position:relative;}



.look_center .dw{width:694px;height:597px; background:url(../image/ys_img.png);position:absolute;right:0;top:25px;}



.look_center .h_title{width:582px;height:auto;position:absolute;top:15px;left:0;z-index:5;background:url(../image/reasons.png) 5px top no-repeat;}



.look_center .h_title p{font-size:80px;line-height:60px;color:#1d3338;text-transform: Uppercase;font-family:Arial;font-weight:bold;}



.look_center .h_title p span{color:#ffc53b;}



.look_center .h_title h3{font-size:30px;line-height:32px;color:#333;margin-top:25px;font-weight:bold;position:relative;}



.look_center .h_title h3::after{content:'';width:25px;height:2px;background:#ffc53b;position:absolute;top:15px;left:220px;}



.look_center .bd{width:1300px;height:750px;}



.look_center .bd .main{width:1300px;height:750px;position:relative;}



.look_center .bd .main .txt{width:595px;height:500px;margin-top:250px;position:relative;}



.look_center .bd .main .txt .num{width:65px;position:absolute;top:10px;right:0;font-size:18px;font-family:Arial;color:#56747c;line-height:14px;text-align:right;}



.look_center .bd .main .txt .num::after{content:'';width:34px;height:1px;background:#56747c;position:absolute;top:6px;left:0;}



.look_center .bd .main .txt h4{line-height:22px;font-size:20px;color:#fefefe;font-weight:bold;}



.look_center .bd .main .txt span{display:block;line-height:16px;font-size:20px;color:#fefefe;font-weight:bold;text-transform: Uppercase;font-family:Arial;margin-top:17px;}



.look_center .bd .main .txt .line{width:105px;height:2px; background:#ffc53b;margin:25px 0 0 -25px;}



.look_center .bd .main .txt p{font-size:16px;color:#99b5bc;line-height:36px;margin-top:20px;}



.look_center .bd .main .pos{width:110px;height:35px;position:absolute;bottom:40px;right:0;background:url(../image/ys_line.png) center bottom no-repeat;display:flex;justify-content: space-between;}



.look_center .bd .main .pos span:nth-of-type(1){font-size:30px;color:#202e31;line-height:24px; font-family:Arial;}



.look_center .bd .main .pos span:nth-of-type(2){font-size:14px;color:#fff;line-height:24px; font-family:Arial;}



.look_center .hd{width:800px;height:110px;padding:15px 20px;overflow:hidden;position:absolute;left:0;bottom:45px;z-index:9;cursor:pointer;background:#fff;-moz-box-shadow:0px 0px 15px #e2e2e2;-webkit-box-shadow:0px 0px 15px #e2e2e2;box-shadow:0px 0px 15px #e2e2e2;display:flex;justify-content: space-between;}



.look_center .hd .prev{float:left;width:30px;height:30px;border-radius:20px;background:url(../image/ys_jt_01.png) center center no-repeat #1d3338;margin:40px 0;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd .next{float:right;width:30px;height:30px;border-radius:20px;background:url(../image/ys_jt_02.png) center center no-repeat #1d3338;margin:40px 0;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd .prev:hover{background:url(../image/ys_jt_01.png) center center no-repeat #ffc53b;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd .next:hover{background:url(../image/ys_jt_02.png) center center no-repeat #ffc53b;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd ul{width:700px;height:110px;display:flex;justify-content: space-between;}



.look_center .hd ul li{width:160px;height:110px;overflow:hidden;position:relative;float:left;}



.look_center .hd ul li img{display:block;width:160px;height:110px;vertical-align:top;}



.look_center .hd ul li p{width:160px;height:110px;font-size:20px;color:#fff;line-height:110px;text-align:center;position:absolute;top:0;left:0;background:rgba(29,51,56,0.8);opacity:0;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd ul li.on p{opacity:1;-webkit-transition:all .7s;transition:all .7s;}









/* 在线留言 */

.box_03{width:100%;height:270px;padding-top:57px;background:url(../image/ly_back.jpg) center top no-repeat;overflow:hidden;}



.box_03 .center{width:1300px;height:270px;margin:0 auto;}



.box_03 .center .left{width:auto;height:270px;float:left;position:relative;}



.box_03 .center .left .txt{width:auto;height:auto;}



.box_03 .center .left .txt h4{font-size:24px;color:#333;line-height:24px;}



.box_03 .center .left .txt p{font-size:13px;color:#999;text-transform: Uppercase;font-family:Arial;line-height:11px;margin-top:20px;}



.box_03 .center .left .tel{width:auto;height:auto;margin-top:45px;}



.box_03 .center .left .tel p:nth-of-type(1){font-size:60px;color:#1d3338;font-weight:bold;line-height:46px;font-family:Arial;}



.box_03 .center .left .tel p:nth-of-type(1) span{color:#ffc53b;}



.box_03 .center .left .tel p:nth-of-type(2){font-size:30px;color:#333;font-family:Arial;line-height:24px;margin-top:30px;}



.box_03 .center .left .pos{width:auto;height:auto;position:absolute;top:100px;left:230px;}



.box_03 .center .left .pos p{font-size:20px;color:#333;line-height:20px;}



.box_03 .center .left .pos a{display:block;width:300px;height:60px; background:#1d3338;position:relative;z-index:0;margin-top:20px;}



.box_03 .center .left .pos a::after{content:'';width:300px;height:0px;background:#ffc53b;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .center .left .pos a:hover::after{content:'';width:300px;height:60px;background:#ffc53b;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .center .left .pos a i{display:block;width:60px;height:60px; background:url(../image/qq.png) center center no-repeat #ffc53b;float:left;}



.box_03 .center .left .pos a span{display:block;width:200px;line-height:60px;padding-left:40px;background:url(../image/qq_jt.png) 190px center no-repeat;float:left;font-size:14px;color:#fff;}



.box_03 .center .form{width:620px;height:195px;float:right;position:relative;}



.box_03 .center .form p{width:300px;height:45px;overflow:hidden;background:#f8f8f8;}



.box_03 .center .form p:nth-of-type(1){position:absolute;left:0;top:0;}



.box_03 .center .form p:nth-of-type(1) input{display:block;width:230px;height:45px;line-height:45px;color:#999;font-size:14px;padding:0 10px 0 60px;box-sizing:content-box;background:url(../image/name.png) 0 center no-repeat;}



.box_03 .center .form p:nth-of-type(2){position:absolute;right:0;top:0;}



.box_03 .center .form p:nth-of-type(2) input{display:block;width:230px;height:45px;line-height:45px;color:#999;font-size:14px;padding:0 10px 0 60px;box-sizing:content-box;background:url(../image/phone.png) 0 center no-repeat;}



.box_03 .center .form p:nth-of-type(3){width:620px;height:45px;position:absolute;left:0;top:75px;}



.box_03 .center .form textarea{width:550px;height:45px;line-height:45px;font-size:14px;padding:0 10px 0 60px;box-sizing:content-box;background:url(../image/liuyan.png) 0 center no-repeat;}



.box_03 .center .form p:nth-of-type(4){position:absolute;left:0;bottom:0;}



.box_03 .center .form p:nth-of-type(4) input{display:block;width:100px;height:45px;line-height:45px;color:#999;font-size:14px;padding:0 10px 0 60px;float:left;box-sizing:content-box;background:url(../image/yzm.png) 0 center no-repeat;}



.box_03 .center .form p:nth-of-type(4) img{display:block;float:right;width:90px;height:35px;cursor:pointer;margin:5px;}



.box_03 .center .form .tj{width:300px;height:45px;border:none;overflow:hidden;position:absolute;z-index:0;right:0;bottom:0;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .center .form .tj .btn{display:block;width:300px;height:45px;line-height:45px;text-align:center;font-size:14px;color:#333;border:none;background:none;cursor:pointer;padding:0 !important;-webkit-transition:all .7s;transition:all .7s;}



.btn_bubble_3{background-color: #fdc236;background-repeat: no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .center .form .tj:hover .btn{color:#333;-webkit-transition:all .7s;transition:all .7s;}



.btn_bubble_3:hover, .btn_bubble_3:focus {

 -webkit-animation: btn_3 1s forwards ease-out;

 animation: btn_3 1s forwards ease-out;

 background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em;

 background-color: #fdc236;

 background-repeat: no-repeat;

}



@-webkit-keyframes btn_3 {

 100% {

  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;

  box-shadow: inset 0 -140px 0 #fdc236;

 }

}





@keyframes btn_3 {

 100% {

  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;

  box-shadow: inset 0 -140px 0 #fdc236;

 }

}











/* 关于我们 */

.box_04{width:100%;height:688px;padding-top:80px;background:url(../image/ab_back.jpg) center top no-repeat;overflow:hidden;}



.box_04 .center{width:1300px;height:688px;margin:0 auto;}



.box_04 .center .h_title{width:1075px;height:auto;position:relative;background:url(../image/us.png) 0 top no-repeat;}



.box_04 .center .h_title p{font-size:100px;line-height:75px;color:#1d3338;text-transform: Uppercase;font-family:Arial;font-weight:bold;}



.box_04 .center .h_title p span{color:#ffc53b;}



.box_04 .center .h_title h3{font-size:30px;line-height:32px;color:#333;margin-top:40px;font-weight:bold;position:relative;}



.box_04 .center .h_title h3::after{content:'';width:25px;height:2px;background:#ffc53b;position:absolute;top:15px;left:135px;}



.box_04 .center .h_title .more{display:block;width:95px;height:25px;font-size:14px;color:#808080;line-height:25px;background:url(../image/more01.png) right center no-repeat;position:absolute;top:35px;right:0;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .h_title .more:hover{color:#ffc53b;background:url(../image/more02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .txts{width:895px;font-size:16px;color:#666;line-height:40px;height:120px;margin-top:30px;overflow:hidden; text-indent:2em;}



.box_04 .center .bx{width:685px;height:60px;margin-top:46px;display:flex;justify-content: space-between;}



.box_04 .center .bx a{display:block;width:auto;height:60px;float:left;}



.box_04 .center .bx a .icon{width:60px;height:60px;background:#1d3338;border-radius:30px;margin-right:20px;float:left;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .bx a:hover .icon{background:#ffc53b;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .bx a i{display:block;width:60px;height:60px;background:url(../image/pro_icon.png) center center no-repeat;}



.box_04 .center .bx a:nth-of-type(1) i{ background:url(../image/ab_icon01.png) center center no-repeat;} 



.box_04 .center .bx a:nth-of-type(2) i{ background:url(../image/ab_icon02.png) center center no-repeat;} 



.box_04 .center .bx a:nth-of-type(3) i{ background:url(../image/ab_icon03.png) center center no-repeat;} 







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



.box_04 .center .bx a .txt{width:auto;height:60px;float:left;}



.box_04 .center .bx a .txt p{margin-top:8px;font-size:18px;color:#333;line-height:18px;}



.box_04 .center .bx a .txt span{display:block;margin-top:15px;font-size:14px;color:#999;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_04 .center .yyzz{width:302px;height:223px;background:url(../image/honor.png);position:relative;margin-top:45px;}



.box_04 .center .yyzz img{display:block;width:242px;height:158px; vertical-align:top;object-fit:cover;position:absolute;top:22px;left:22px;}









/* 客户案例 */

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



.box_05 .h_title{width:780px;height:auto;text-align:center;margin:0 auto;overflow:hidden;}



.box_05 .h_title p{font-size:66px;line-height:50px;color:#1d3338;text-transform: Uppercase;font-family:Arial;font-weight:bold;}



.box_05 .h_title p span{color:#ffc53b;}



.box_05 .h_title h3{font-size:30px;line-height:32px;color:#333;margin-top:20px;font-weight:bold;background:url(../image/h_back.png) center center no-repeat;}



.box_05 .center{width:1300px;height:400px;margin:50px auto 0 auto;overflow:hidden;position:relative;}



.box_05 .center::before{content:'';width:1px;height:185px;background:#ffc53b;position:absolute;top:0;right:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center::after {content:'';width:185px;height:1px;background:#ffc53b;position:absolute;top:0;right:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .qq{display:block;width:50px;height:50px; background:url(../image/qq.png) center center no-repeat #ffc53b;position:absolute;top:0;right:0;z-index:4;}



.box_05 .center .case_center{width:1300px;height:400px;margin:0 auto;position:relative;overflow:hidden;}



.box_05 .center .case_center .bd{width:1150px;height:400px;float:left;}



.box_05 .center .case_center .bd .main{width:1150px;height:400px;position:relative;}



.box_05 .center .case_center .bd .main a{display:block;}



.box_05 .center .case_center .bd .main .img{width:580px;height:380px;float:left;border:solid 10px #f8f8f8;overflow:hidden;}



.box_05 .center .case_center .bd .main .img img{width:580px;height:380px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_05 .center .case_center .bd .main:hover .img img{transform: scale(1.02);}



.box_05 .center .case_center .bd .main .txt{width:510px;height:400px;float:right;}



.box_05 .center .case_center .bd .main .txt .name{height:35px;margin-top:50px;font-size:20px;color:#202e31;position:relative;line-height:22px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .case_center .bd .main .txt .name::after{content:'';width:130px;height:2px;background:#1d3338;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .case_center .bd .main:hover .txt .name::after{content:'';width:200px;height:2px;background:#ffc53b;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .case_center .bd .main:hover .txt .name{color:#ffc53b;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .case_center .bd .main .txt p{margin-top:22px;font-size:14px;color:#666;line-height:30px;height:60px;overflow:hidden;text-indent:2em;}



.box_05 .center .case_center .bd .main .txt .line{width:510px;height:1px; background:url(../image/case_line.png);margin-top:17px;}



.box_05 .center .case_center .bd .main .txt .more{display:block;width:95px;height:25px;font-size:14px;color:#808080;line-height:25px;background:url(../image/more01.png) right center no-repeat;margin-top:20px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .case_center .bd .main:hover .txt .more{color:#ffc53b;background:url(../image/more02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .case_center .hd{width:50px;height:260px;float:right;margin-top:110px;position:relative;cursor:pointer;}



.box_05 .center .case_center .hd .prev{width:50px;height:20px;background:url(../image/case_jt_01.png) center center no-repeat;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .case_center .hd .next{width:50px;height:20px;background:url(../image/case_jt_03.png) center center no-repeat;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .case_center .hd .prev:hover{background:url(../image/case_jt_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .case_center .hd .next:hover{background:url(../image/case_jt_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .case_center .hd ul{width:50px;height:auto;margin-top:50px;}



.box_05 .center .case_center .hd ul li{width:50px;height:22px;margin-bottom:26px;position:relative;font-size:14px;color:#999;line-height:12px; font-family:Arial;text-align:center;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .case_center .hd ul li.on{color:#333;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .case_center .hd ul li::after{content:'';width:0px;height:2px;background:#ffc53b;position:absolute;bottom:0;left:50%;margin-left:-0px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .case_center .hd ul li.on::after{content:'';width:30px;height:2px;background:#ffc53b;position:absolute;bottom:0;left:50%;margin-left:-15px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .case_list{width:510px;height:120px;position:absolute;bottom:15px;right:150px;overflow:hidden;}



.box_05 .case_list li{width:154px;height:114px;border:solid 3px #dedede;float:left;margin-right:15px;overflow:hidden;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .case_list li:last-child{margin-right:0;}



.box_05 .case_list li:hover{border:solid 3px #ffc53b;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .case_list li a{display:block;}



.box_05 .case_list li .img{width:154px;height:114px;overflow:hidden;}



.box_05 .case_list li .img img{width:154px;height:114px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_05 .case_list li:hover .img img{transform: scale(1.1);}



.box_05 .case_list li .name{width:130px;padding:0 12px;line-height:30px;height:30px;font-size:14px;color:#fff;background:#ffc53b;position:absolute;left:0;bottom:-35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .case_list li:hover .name{position:absolute;left:0;bottom:0;-webkit-transition:all .7s;transition:all .7s;}









/* 新闻资讯 */

.box_06{width:100%;height:640px;padding-top:60px;background:url(../image/news_back.jpg) center top no-repeat;overflow:hidden;position:relative;}



.box_06::before{content:'';width:160px;height:160px;background:url(../image/n_jt_01.png) center center no-repeat #ffc53b;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_06::after {content:'';width:1px;height:500px;background:#ffc53b;position:absolute;bottom:0;left:160px;-webkit-transition:all .7s;transition:all .7s;}









.box_06 .news_center{width:1300px;height:auto;margin:0 auto;position:relative;}



.box_06 .news_center .hd{width:1300px;height:50px;}



.box_06 .news_center .hd .h_title{width:390px;height:50px;float:left;}



.box_06 .news_center .hd .h_title p{font-size:66px;line-height:50px;color:#1d3338;text-transform: Uppercase;font-family:Arial;font-weight:bold;float:left;}



.box_06 .news_center .hd .h_title p span{color:#ffc53b;}



.box_06 .news_center .hd .h_title h3{width:160px;font-size:24px;line-height:50px;color:#333;font-weight:bold;background:url(../image/h_back02.png) center center no-repeat;float:right;text-align:center;}



.box_06 .news_center .hd ul{width:520px;height:50px;float:right;display:flex;justify-content: space-between;}



.box_06 .news_center .hd ul li{width:160px;height:50px;float:left;background:#1d3338;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd ul li.on{background:#ffc53b;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd ul li a{display:block;width:100px;padding-left:60px;line-height:50px;font-size:16px;color:#fff;-webkit-transition:all .7s;transition:all .7s;}



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



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



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



.box_06 .news_center .hd ul li:nth-of-type(3) a{background:url(../image/n_icon_05.png) 25px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



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



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



.box_06 .news_center .hd ul li:nth-of-type(3).on a{background:url(../image/n_icon_06.png) 25px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd{width:1300px;height:470px;margin:40px auto 0 auto;}



.box_06 .news_center .bd .main{width:1300px;height:470px;}



.box_06 .news_center .bd .main .left{width:690px;height:420px;margin-top:50px;position:relative;float:left;}



.box_06 .news_center .bd .main .left li{width:320px;height:420px;float:left;background:#fff;position:relative;-moz-box-shadow:0px 0px 15px #e2e2e2;-webkit-box-shadow:0px 0px 15px #e2e2e2;box-shadow:0px 0px 15px #e2e2e2;overflow:hidden;}



.box_06 .news_center .bd .main .left li:nth-of-type(2){float:right;}



.box_06 .news_center .bd .main .left li a{display:block;}



.box_06 .news_center .bd .main .left li .show{width:300px;height:400px;padding:10px;}



.box_06 .news_center .bd .main .left li .show .img{width:300px;height:210px;overflow:hidden;}



.box_06 .news_center .bd .main .left li .show .img img{width:300px;height:210px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_06 .news_center .bd .main .left li:hover .show .img img{transform: scale(1.05);}



.box_06 .news_center .bd .main .left li .show .name{margin-top:20px;font-size:18px;color:#333;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_06 .news_center .bd .main .left li .show p{font-size:15px;color:#808080;line-height:30px;height:60px;margin-top:20px;overflow:hidden;}



.box_06 .news_center .bd .main .left li .show span{display:block;font-size:12px;color:#808080;line-height:10px;margin-top:20px; font-family:Arial;}



.box_06 .news_center .bd .main .left li .hide{width:280px;height:400px;padding:0 20px;background:#fff;position:absolute;top:0;left:-320px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .left li:hover .hide{position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .left li .hide span:nth-of-type(1){display:block;font-size:36px;color:#202e31;line-height:30px;margin-top:50px;}



.box_06 .news_center .bd .main .left li .hide span:nth-of-type(2){display:block;font-size:16px;color:#adadad;line-height:14px;margin-top:20px;}



.box_06 .news_center .bd .main .left li .hide .name{margin-top:55px;font-size:18px;color:#333;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_06 .news_center .bd .main .left li .hide p{font-size:15px;color:#808080;line-height:30px;height:90px;margin-top:20px;overflow:hidden;}



.box_06 .news_center .bd .main .left li .hide .more{width:95px;height:25px;font-size:14px;color:#808080;line-height:25px;background:url(../image/n_jt_02.png) right center no-repeat;margin-top:40px;}



.box_06 .news_center .bd .main .right{width:520px;height:470px;overflow:hidden;position:relative;float:right;}



.box_06 .news_center .bd .main .right li{width:520px;height:94px;overflow:hidden;background:url(../image/n_line02.png) left bottom no-repeat;position:relative;}



.box_06 .news_center .bd .main .right li::after{content:'';width:1px;height:94px;background:url(../image/n_line01.png) center center no-repeat;position:absolute;top:0;left:70px;}



.box_06 .news_center .bd .main .right li .date{width:auto;height:94px;float:left;position:relative;text-align:center;}



.box_06 .news_center .bd .main .right li .date p:nth-of-type(1){font-size:30px;color:#333;font-weight:bold;line-height:24px;margin-top:25px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .right li:hover .date p:nth-of-type(1){color:#ffc53b;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .right li .date p:nth-of-type(2){font-size:12px;color:#9f9f9f;line-height:10px;margin-top:10px;}



.box_06 .news_center .bd .main .right li .txt{width:430px;height:94px;float:right;}



.box_06 .news_center .bd .main .right li .txt .name{display:block;padding-right:40px;font-size:16px;color:#332222;line-height:94px;background:url(../image/n_jt_03.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .right li:hover .txt .name{padding-left:5px;color:#ffc53b;background:url(../image/n_jt_04.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}











/* 联系我们 */

.box_07{width:100%;height:auto;padding:115px 0 40px 0;background:url(../image/infro_back.jpg) center top no-repeat;overflow:hidden;}



.box_07 .h_title{width:480px;height:auto;text-align:center;margin:0 auto;overflow:hidden;}



.box_07 .h_title p{font-size:54px;line-height:42px;color:#fff;text-transform: Uppercase;font-family:Arial;font-weight:bold;}



.box_07 .h_title p span{color:#ffc53b;}



.box_07 .h_title h3{font-size:27px;line-height:27px;color:#fff;margin-top:20px; background:url(../image/h_back03.png) center center no-repeat;}



.box_07 .infro{width:1300px;height:120px;margin:100px auto 0 auto;overflow:hidden;display:flex;justify-content: space-between;}



.box_07 .infro li{width:350px;height:120px;padding-left:40px;float:left;background:#202e31;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .infro li:hover{background:#ffc53b;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .infro li:nth-of-type(3){width:410px;}



.box_07 .infro li p:nth-of-type(1){padding-left:30px;height:22px;line-height:22px;margin-top:30px;font-size:14px;color:#c7c8c9;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .infro li p:nth-of-type(2){height:20px;line-height:20px;margin-top:15px;font-size:18px;color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .infro li:hover p:nth-of-type(1){color:#4c4c4c;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .infro li:hover p:nth-of-type(2){color:#333;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .infro li:nth-of-type(1) p:nth-of-type(1){background:url(../image/ft_icon_01.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .infro li:nth-of-type(2) p:nth-of-type(1){background:url(../image/ft_icon_03.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .infro li:nth-of-type(3) p:nth-of-type(1){background:url(../image/ft_icon_05.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .infro li:nth-of-type(1):hover p:nth-of-type(1){background:url(../image/ft_icon_02.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .infro li:nth-of-type(2):hover p:nth-of-type(1){background:url(../image/ft_icon_04.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .infro li:nth-of-type(3):hover p:nth-of-type(1){background:url(../image/ft_icon_06.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .links{width:1300px;height:auto;margin:40px auto 0 auto;overflow:hidden;}



.box_07 .links .left{width:auto;height:auto;float:left;}



.box_07 .links .left p:nth-of-type(1){width:75px;height:10px;line-height:10px; letter-spacing:2px;background:#1d3338;border-radius:3px;font-size:12px;color:#fff;text-transform: Uppercase;font-family:Arial;text-align:center;}



.box_07 .links .left p:nth-of-type(2){line-height:16px;font-size:16px;color:#202e31;margin-top:5px;}



.box_07 .links .lk{width:1170px;float:right;height:auto;line-height:20px;overflow:hidden;}



.box_07 .links .lk a{display:block;width:auto;padding:0 30px;font-size:14px;color:#999;float:left;margin-bottom:15px;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .links .lk a::after{content:'';width:1px;height:12px;background:#999;position:absolute;top:4px;right:0;}



.box_07 .links .lk a:hover{color:#1d3338;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .links .lk a:nth-of-type(1),

.box_07 .links .lk a:nth-of-type(11){padding-left:0;}



















/* 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:1.2s; }

.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);

  }

}