/*



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

}





/* 产品中心 */

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



.box_01 .top{width:1300px;height:130px;margin:0 auto;}



.box_01 .top .h_title{width:auto;height:130px;float:left;position:relative;z-index:2;}



.box_01 .top .h_title::before{content:'';width:131px;height:147px;background:url(../images/bt_p.png);position:absolute;left:-35px;top:-25px;z-index:-1;}



.box_01 .top .h_title p{width:274px;height:33px; background:url(../images/bt_pro.png);margin-top:44px;}



.box_01 .top .h_title h3{font-size:22px;color:#222;font-weight:bold;line-height:24px;margin-top:20px;}



.box_01 .top .h_title h3 a{color:#222;}



.box_01 .top .fl_list{width:880px;height:130px;float:right;position:relative;z-index:2;}



.box_01 .top .fl_list::before{content:'';width:1190px;height:130px;background:#fff;position:absolute;left:0;top:0;z-index:-1;}



.box_01 .top .fl_list li{width:220px;height:130px;float:left;position:relative;z-index:2;overflow:hidden;}



.box_01 .top .fl_list li::before{content:'';width:220px;height:0px;background:#fdc642;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list li.active::before{content:'';width:220px;height:130px;background:#fdc642;position:absolute;left:0;top:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list li a{display:block;padding:0 15px 0 75px;width:130px;height:130px;float:left;overflow:hidden;}



.box_01 .top .fl_list li:nth-of-type(1) a{background:url(../images/pro_icon_01.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list li:nth-of-type(2) a{background:url(../images/pro_icon_03.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list li:nth-of-type(3) a{background:url(../images/pro_icon_05.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list li:nth-of-type(4) a{background:url(../images/pro_icon_07.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list li:nth-of-type(1).active a{background:url(../images/pro_icon_02.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list li:nth-of-type(2).active a{background:url(../images/pro_icon_04.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list li:nth-of-type(3).active a{background:url(../images/pro_icon_06.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list li:nth-of-type(4).active a{background:url(../images/pro_icon_08.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list li a p{font-size:18px;color:#333;line-height:20px;font-weight:bold;margin-top:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_01 .top .fl_list li a span{display:block;font-size:12px;color:#999;line-height:10px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .top .fl_list li.active a span{color:#333;-webkit-transition:all .7s;transition:all .7s;}



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



.box_01 .pro_list li{width:310px;height:280px;float:left;margin:0 20px 40px 0;overflow:hidden;}



.box_01 .pro_list li:nth-of-type(4n){margin-right:0;}



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



.box_01 .pro_list li .img{width:310px;height:240px;overflow:hidden;position:relative;}



.box_01 .pro_list li .img .pic{width:290px;height:220px;border:solid 10px #fff;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li.active .img .pic{border:solid 10px #fdc642;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li .img .pic img{display:block;width:290px;height:220px;object-fit:cover;vertical-align:top;transition: all 1s;}



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



.box_01 .pro_list li .img .num{width:50px;height:47px;font-size:18px;color:#333;line-height:47px;text-align:center;font-weight:bold;font-family:Arial;background:url(../images/dbx01.png);position:absolute;top:0;right:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li.active .img .num{background:url(../images/dbx02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list li .txt{width:290px;height:20px;line-height:20px;margin:20px auto 0 auto;overflow:hidden;position:relative;}



.box_01 .pro_list li .txt .name{padding-left:25px;width:180px;float:left;background:url(../images/dian01.png) left center no-repeat;font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_01 .pro_list li .txt .more{font-size:14px;color:#8c8c8c;float:right;font-family:Arial;}





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



.box_01 .pro_center .hd{width:1300px;height:130px;}



.box_01 .pro_center .hd .h_title{width:auto;height:130px;float:left;position:relative;z-index:2;}



.box_01 .pro_center .hd .h_title::before{content:'';width:131px;height:147px;background:url(../images/bt_p.png);position:absolute;left:-35px;top:-25px;z-index:-1;}



.box_01 .pro_center .hd .h_title p{width:274px;height:33px; background:url(../images/bt_pro.png);margin-top:44px;}



.box_01 .pro_center .hd .h_title h3{font-size:22px;color:#222;font-weight:bold;line-height:24px;margin-top:20px;}



.box_01 .pro_center .hd .h_title h3 a{color:#222;}



.box_01 .pro_center .hd ul{width:880px;height:130px;float:right;position:relative;z-index:2;}



.box_01 .pro_center .hd ul::before{content:'';width:1190px;height:130px;background:#fff;position:absolute;left:0;top:0;z-index:-1;}



.box_01 .pro_center .hd ul li{width:220px;height:130px;float:left;position:relative;z-index:2;overflow:hidden;}





.box_01 .pro_center .hd ul li.on::after {width: 100%;height: 100%;transform: translate(-50%, -50%) rotateZ(360deg);}



.box_01 .pro_center .hd ul li::after{content: "";position: absolute;width:0;height:0;background:#fdc642;z-index:-1;left:50%;top:50%;transform:translate(-50%, -50%);transition:all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;}



.box_01 .pro_center .hd ul li a{display:block;padding:0 15px 0 75px;width:130px;height:130px;float:left;overflow:hidden;}



.box_01 .pro_center .hd ul li:nth-of-type(1) a{background:url(../images/pro_icon_01.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li:nth-of-type(2) a{background:url(../images/pro_icon_03.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li:nth-of-type(3) a{background:url(../images/pro_icon_05.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li:nth-of-type(4) a{background:url(../images/pro_icon_07.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li:nth-of-type(1).on a{background:url(../images/pro_icon_02.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li:nth-of-type(2).on a{background:url(../images/pro_icon_04.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li:nth-of-type(3).on a{background:url(../images/pro_icon_06.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li:nth-of-type(4).on a{background:url(../images/pro_icon_08.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li a p{font-size:18px;color:#333;line-height:20px;font-weight:bold;margin-top:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_01 .pro_center .hd ul li a span{display:block;font-size:12px;color:#999;line-height:10px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li.on a span{color:#333;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd{width:1300px;height:600px;margin-top:60px;overflow:hidden;}



.box_01 .pro_center .bd .main{width:1300px;height:600px;overflow:hidden;position:relative;}



.box_01 .pro_center .bd .main li{width:310px;height:280px;float:left;margin:0 20px 40px 0;overflow:hidden;}



.box_01 .pro_center .bd .main li:nth-of-type(4n){margin-right:0;}



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



.box_01 .pro_center .bd .main li .img{width:310px;height:240px;overflow:hidden;position:relative;}



.box_01 .pro_center .bd .main li .img .pic{width:290px;height:220px;border:solid 10px #fff;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main li.active .img .pic{border:solid 10px #fdc642;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main li .img .pic img{display:block;width:290px;height:220px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_01 .pro_center .bd .main li:hover .img .pic img{transform: scale(1.1);}



.box_01 .pro_center .bd .main li .img .num{width:50px;height:47px;font-size:18px;color:#333;line-height:47px;text-align:center;font-weight:bold;font-family:Arial;background:url(../images/dbx01.png);position:absolute;top:0;right:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main li.active .img .num{background:url(../images/dbx02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main li .txt{width:290px;height:20px;line-height:20px;margin:20px auto 0 auto;overflow:hidden;position:relative;}



.box_01 .pro_center .bd .main li .txt .name{padding-left:25px;width:180px;float:left;background:url(../images/dian01.png) left center no-repeat;font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_01 .pro_center .bd .main li .txt .more{font-size:14px;color:#8c8c8c;float:right;font-family:Arial;}









/* 企业优势 */

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



.box_02 .top{width:1300px;height:80px;margin:0 auto;}



.box_02 .top .h_title{width:auto;height:80px;float:left;position:relative;z-index:2;margin-right:265px;}



.box_02 .top .h_title::before{content:'';width:131px;height:147px;background:url(../images/bt_p.png);position:absolute;left:-35px;bottom:3px;z-index:-1;}



.box_02 .top .h_title p{width:314px;height:33px; background:url(../images/bt_ys.png);}



.box_02 .top .h_title h3{font-size:22px;color:#222;font-weight:bold;line-height:24px;margin-top:20px;}



.box_02 .top .tel{width:auto;padding-left:60px;box-sizing:content-box;height:auto;float:left;margin-top:10px;background:url(../images/tel02.png) left center no-repeat;}



.box_02 .top .tel p:nth-of-type(1){font-size:16px;color:#666;line-height:16px;margin-top:3px;}



.box_02 .top .tel p:nth-of-type(2){font-size:24px;color:#222;line-height:20px;font-weight:bold;margin-top:7px;}



.box_02 .look_center{width:1300px;height:670px;margin:40px auto 0 auto;position:relative;overflow:hidden;}



.box_02 .look_center .bd{width:1050px;height:670px;float:left;}



.box_02 .look_center .bd .main{width:1050px;height:670px;}



.box_02 .look_center .bd .main .img{width:1030px;height:480px;border:solid 10px #f5f5f5;border-radius:0 0 0 110px;overflow:hidden;position:relative;}



.box_02 .look_center .bd .main .img img{width:1030px;height:480px;vertical-align:top;position:absolute;top:0;right:0;}



.box_02 .look_center .bd .main .txt{width:1050px;height:170px;overflow:hidden;}



.box_02 .look_center .bd .main .txt .left{width:235px;height:170px;float:left;position:relative;margin-right:55px;}



.box_02 .look_center .bd .main .txt .left::after{content:'';width:235px;height:4px;background:#fdc642;position:absolute;left:0;bottom:0;}



.box_02 .look_center .bd .main .txt .left .dian{width:15px;height:15px; background:url(../images/dian02.png);margin-top:25px;}



.box_02 .look_center .bd .main .txt .left h4{line-height:20px;font-size:18px;font-weight:bold;color:#333;margin-top:20px;}



.box_02 .look_center .bd .main .txt .left span{display:block;line-height:20px;font-size:12px;color:#999;margin-top:8px;}



.box_02 .look_center .bd .main .txt .right{width:530px;height:auto;float:left;line-height:32px;font-size:16px;color:#333;margin-top:35px;}



.box_02 .look_center .hd{width:190px;height:670px;float:right;}



.box_02 .look_center .hd .arrow{width:60px;height:170px;margin:100px auto 0 auto;}



.box_02 .look_center .hd .prev{width:60px;height:60px;background:url(../images/ys_jt_01.png) center center no-repeat rgba(255,255,255,0.3);cursor:pointer;border-radius:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd .next{width:60px;height:60px;background:url(../images/ys_jt_03.png) center center no-repeat rgba(255,255,255,0.3);margin-top:50px;border-radius:30px;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 rgba(255,255,255,1);-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 rgba(255,255,255,1);-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd  ul{width:190px;height:25px;margin-top:135px;display:flex;justify-content: space-between;}



.box_02 .look_center .hd  ul li{width:36px;line-height:25px;font-size:18px;color:#222;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd  ul li.on{font-size:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd  ul li::before{content:'';width:1px;height:0;background:#222;position:absolute;bottom:35px;left:18px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd  ul li.on::before{content:'';width:1px;height:50px;background:#222;position:absolute;bottom:35px;left:18px;-webkit-transition:all .7s;transition:all .7s;}









/* 案例展示 */

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



.box_03 .top{width:1300px;height:500px;margin:0 auto;}



.box_03 .top a{display:block;}



.box_03 .top .img{width:720px;height:500px;float:left;overflow:hidden;}



.box_03 .top .img img{display:block;width:720px;height:500px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_03 .top:hover .img img{transform: scale(1.05);}



.box_03 .top .right{width:540px;height:500px;float:right;}



.box_03 .top .right .h_title{width:auto;height:80px;position:relative;z-index:2;margin-top:50px;padding-left:45px;}



.box_03 .top .right .h_title::before{content:'';width:120px;height:147px;background:url(../images/bt_c.png);position:absolute;left:0;bottom:3px;z-index:-1;}



.box_03 .top .right .h_title p{width:165px;height:33px; background:url(../images/bt_case.png);}



.box_03 .top .right .h_title h3{font-size:22px;color:#222;font-weight:bold;line-height:24px;margin-top:20px;}



.box_03 .top .right .txt{width:540px;height:auto;margin-top:75px;}



.box_03 .top .right .txt .name{font-size:20px;color:#222;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .top:hover .right .txt .name{color:#fdc642;margin-left:5px;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .top .right .txt p{font-size:16px;color:#666;line-height:35px;height:105px;margin-top:30px;overflow:hidden;}



.box_03 .top .right .txt .more{font-size:16px;color:#222;line-height:20px;margin-top:65px;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .top:hover .right .txt .more{color:#fdc642;margin-left:5px;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .picScroll-left01{width:1300px;height:auto;margin:30px auto 0 auto;position:relative;z-index:1;}



.box_03 .picScroll-left01 .bd{width:1300px;height:210px;position:relative;margin:0 auto;z-index:5;overflow:hidden;}



.box_03 .picScroll-left01 .bd ul{width:1300px;height:210px;overflow:hidden; zoom:1;}



.box_03 .picScroll-left01 .bd ul li{width:270px;height:180px;padding:14px;border:solid 1px #ddd;float:left;overflow:hidden;margin-right:33.3px;position:relative;}



.box_03 .picScroll-left01 .bd ul li a{display:block;}



.box_03 .picScroll-left01 .bd ul li .img{width:270px;height:180px;overflow:hidden;}



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



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



.box_03 .picScroll-left01 .bd ul li .name{padding:0 35px;width:200px;height:40px;font-size:16px;color:#333;line-height:40px;text-align:center;opacity:0;position:absolute;left:14px;bottom:24px;z-index:5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .picScroll-left01 .bd ul li:hover .name{opacity:1;position:absolute;left:14px;bottom:14px;-webkit-transition:all .7s;transition:all .7s;}











.box_03 .picScroll-left01 .bd ul li:hover .name::after {width: 100%;height: 100%;transform: translate(-50%, -50%) rotateZ(360deg);}



.box_03 .picScroll-left01 .bd ul li .name::after{content: "";position: absolute;width:0;height:0;background:#fdc642;z-index:-1;left:50%;top:50%;transform:translate(-50%, -50%);transition:all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;}







.box_03 .picScroll-left01 .hd{width:230px;height:50px;position:relative;margin:40px auto 0 auto;background:url(../images/dian03.png) center center no-repeat;}



.box_03 .picScroll-left01 .hd::before{content:'';width:720px;height:1px;background:url(../images/line01.png);position:absolute;top:25px;right:245px;}



.box_03 .picScroll-left01 .hd::after{content:'';width:720px;height:1px;background:url(../images/line01.png);position:absolute;top:25px;left:245px;}



.box_03 .picScroll-left01 .hd .prev{float:left;width:50px;height:50px;background:url(../images/case_jt_01.png) center center no-repeat #eee;border-radius:25px;cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .picScroll-left01 .hd .next{float:right;width:50px;height:50px;background:url(../images/case_jt_03.png) center center no-repeat #eee;border-radius:25px;cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}



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



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









/* 关于我们 */

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



.box_04 .h_title{width:1300px;height:143px;margin:0 auto;text-align:center;}



.box_04 .h_title h3{height:54px;line-height:54px;background:url(../images/bt_ab.png) center center no-repeat;font-size:48px;color:#222;font-weight:bold;}



.box_04 .h_title p{font-size:16px;color:#333;line-height:16px;margin-top:17px;}



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



.box_04 .center .left{width:829px;height:822px;float:left;position:relative;}



.box_04 .center .left .txt{width:770px;height:auto;margin-top:95px;}



.box_04 .center .left .txt h4{font-size:30px;color:#222;font-weight:bold;line-height:32px;}



.box_04 .center .left .txt span{display:block;font-size:14px;color:#999;line-height:12px;text-transform: Uppercase;margin-top:15px; letter-spacing:0.6px;}



.box_04 .center .left .txt p{font-size:16px;color:#666;line-height:35px;height:105px;margin-top:35px;overflow:hidden;}



.box_04 .center .left .txt .more{display:block;width:150px;height:50px;font-size:16px;color:#222;line-height:50px;text-align:center;background:#fdc642;margin-top:45px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .left .txt .more:hover{color:#fff;background:#222;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center .left .list{width:650px;height:80px;overflow:hidden;position:relative;margin-top:50px;display:flex;justify-content: space-between;}



.box_04 .center .left .list li{width:auto;height:80px;float:left;position:relative;}



.box_04 .center .left .list li::before{content:'';width:1px;height:60px;background:#ddd;position:absolute;top:10px;right:-70px;}



.box_04 .center .left .list li p:nth-of-type(1){font-size:16px;color:#666;line-height:16px;text-align:center;}



.box_04 .center .left .list li p:nth-of-type(2){font-size:12px;color:#999;line-height:15px;text-align:center;margin-top:9px;}



.box_04 .center .left .list li p:nth-of-type(3){width:95px;height:25px;margin:15px auto 0 auto;display:flex;justify-content: space-between;}



.box_04 .center .left .list li p:nth-of-type(3) span{display:block;float:left;font-size:30px;line-height:25px;color:#fdc642;font-weight:bold;}



.box_04 .center .left .list li p:nth-of-type(3) i{display:block;float:right;font-size:16px;line-height:30px;color:#fdc642;}



.box_04 .center .left .pic{position:absolute;left:0;bottom:0;width:829px;height:223px;}



.box_04 .center .left .pic img{display:block;width:829px;height:223px; vertical-align:top;}



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



.box_04 .center .right .img{width:722px;height:822px;position:absolute;left:0;top:0;}



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



.box_04 .center .right .yyzz{width:264px;height:187px;padding:18px;background:url(../images/yy_bk.png);position:absolute;left:0;bottom:0;z-index:2;}



.box_04 .center .right .yyzz img{width:264px;height:187px;vertical-align:top;object-fit:cover;}









/* 客户口碑 */

.box_05{width:100%;height:auto;padding:70px 0 110px 0;background:#f5f5f5;overflow:hidden;}



.box_05 .center{width:1300px;height:690px;margin:0 auto;}



.box_05 .center .left{width:620px;height:690px;float:left;}



.box_05 .center .left .h_title{width:auto;height:130px;position:relative;z-index:2;margin-top:30px;}



.box_05 .center .left .h_title::before{content:'';width:128px;height:147px;background:url(../images/bt_t.png);position:absolute;left:-45px;top:-70px;z-index:-1;}



.box_05 .center .left .h_title p{width:287px;height:33px; background:url(../images/bt_kb.png);}



.box_05 .center .left .h_title h3{font-size:22px;color:#222;font-weight:bold;line-height:24px;margin-top:20px;}



.box_05 .center .left .bx{width:590px;height:515px;padding:13px 14px 0 14px;border:solid 1px #ddd;background:#fff;position:relative;z-index:2;overflow:hidden;}



.box_05 .center .left .bx a{display:block;}



.box_05 .center .left .bx .img{width:590px;height:380px;overflow:hidden;}



.box_05 .center .left .bx .img img{display:block;width:590px;height:380px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_05 .center .left .bx:hover .img img{transform: scale(1.05);}



.box_05 .center .left .bx .num{width:590px;height:65px;line-height:65px;position:relative;overflow:hidden;}



.box_05 .center .left .bx .num::before{content:'';width:590px;height:1px;background:#e6e6e6;position:absolute;bottom:1px;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .left .bx .num::after{content:'';width:50px;height:3px;background:#fdc642;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .left .bx:hover .num::after{content:'';width:590px;height:3px;background:#fdc642;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .left .bx .num .name{width:440px;font-size:16px;color:#333;float:left;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .left .bx:hover .num .name{color:#fdc642;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .left .bx .num span{display:block;font-size:30px;color:#333;float:right;font-weight:bold;font-family:Arial;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .left .bx p{font-size:15px;color:#8c8c8c;line-height:15px;margin-top:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_05 .center .list{width:650px;height:690px;float:right;overflow:hidden;}



.box_05 .center .list li{width:280px;height:315px;padding:13px 14px 0 14px;margin-bottom:30px;border:solid 1px #ddd;background:#fff;float:left;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .list li:hover{border:solid 1px #fdc642;background:#fdc642;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .list li a{display:block;}



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



.box_05 .center .list li .img{width:280px;height:220px;overflow:hidden;position:relative;}



.box_05 .center .list li .img .pic{width:280px;height:220px;overflow:hidden;}



.box_05 .center .list li .img .pic img{display:block;width:280px;height:220px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_05 .center .list li:hover .img .pic img{transform: scale(1.1);}



.box_05 .center .list li .img .num{width:42px;height:48px;font-size:18px;color:#666;line-height:48px;text-align:center;font-weight:bold;font-family:Arial;background:url(../images/dbx03.png);position:absolute;top:0;right:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .list li:hover .img .num{background:url(../images/dbx04.png);color:#333;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .list li .name{width:255px;padding-left:25px;font-size:16px;color:#222;line-height:20px;margin-top:22px;background:url(../images/dian01.png) 6px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .list li:hover .name{background:url(../images/dian04.png) 6px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .list li p{font-size:15px;color:#8c8c8c;line-height:15px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .center .list li:hover p{color:#222;-webkit-transition:all .7s;transition:all .7s;}











/* 新闻资讯 */

.box_06{width:100%;height:700px;padding:165px 0 100px 0;background:#fff;overflow:hidden;}



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



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



.box_06 .news_center .hd .h_title{width:auto;height:77px;float:left;position:relative;z-index:2;}



.box_06 .news_center .hd .h_title::before{content:'';width:128px;height:147px;background:url(../images/bt_n.png);position:absolute;left:-35px;bottom:0;z-index:-1;}



.box_06 .news_center .hd .h_title p{width:150px;height:33px; background:url(../images/bt_news.png);margin-top:0;}



.box_06 .news_center .hd .h_title h3{font-size:22px;color:#222;font-weight:bold;line-height:24px;margin-top:20px;}



.box_06 .news_center .hd .h_title h3 a{color:#222;}



.box_06 .news_center .hd ul{width:520px;height:50px;float:right;overflow:hidden;margin-top:10px;position:relative;display:flex;justify-content: space-between;}



.box_06 .news_center .hd ul li{width:158px;height:48px;border:solid 1px #ddd;background:#fff;position:relative;z-index:0;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd ul li.on{border:solid 1px #fdc642;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .hd ul li.on::after {width: 100%;height: 100%;transform: translate(-50%, -50%) rotateZ(360deg);}



.box_06 .news_center .hd ul li::after{content: "";position: absolute;width:0;height:0;background:#fdc642;z-index:-1;left:50%;top:50%;transform:translate(-50%, -50%);transition:all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;}



.box_06 .news_center .hd ul li a{display:block;width:98px;padding-left:60px;line-height:48px;font-size:18px;color:#333;-webkit-transition:all .7s;transition:all .7s;}



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



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



.box_06 .news_center .hd ul li:nth-of-type(3) a{background:url(../images/n_icon_05.png) 22px 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(../images/n_icon_02.png) 22px 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(../images/n_icon_04.png) 22px 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(../images/n_icon_06.png) 22px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



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



.box_06 .news_center .bd .main{width:1300px;height:770px;overflow:hidden;position:relative;}



.box_06 .news_center .bd .main .top{width:1300px;height:563px;background:url(../images/n_bk.png);overflow:hidden;}



.box_06 .news_center .bd .main .top li{width:360px;height:563px;padding:0 36px;overflow:hidden;margin-right:1px;border-right:solid 1px #ddd;float:left;position:relative;}



.box_06 .news_center .bd .main .top li:nth-of-type(3){margin-right:0;border-right:none;}



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



.box_06 .news_center .bd .main .top li .date{margin-top:35px;font-size:14px;color:#bfbfbf;line-height:30px;}



.box_06 .news_center .bd .main .top li .date span{font-size:36px;color:#333;line-height:30px;margin-right:5px;}



.box_06 .news_center .bd .main .top li .name{font-size:18px;color:#333;line-height:20px;margin-top:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li:hover .name{color:#fdc642;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li .line{width:25px;height:2px;background:#ccc;margin-top:22px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li:hover .line{width:25px;height:2px;background:#fdc642;margin-top:22px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li p{font-size:15px;color:#8c8c8c;line-height:35px;height:70px;overflow:hidden;margin-top:15px;}



.box_06 .news_center .bd .main .top li .img{width:340px;height:250px;padding:10px;background:#fff;overflow:hidden;margin-top:30px;-moz-box-shadow:0px 0px 10px #d4d3d3;-webkit-box-shadow:0px 0px 10px #d4d3d3;box-shadow:0px 0px 10px #d4d3d3;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li:hover .img{background:#fdc642;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .top li .img .pic{width:340px;height:250px;overflow:hidden;}



.box_06 .news_center .bd .main .top li .img .pic img{width:340px;height:250px;transition: all 1s;vertical-align:top;object-fit:cover;}



.box_06 .news_center .bd .main .top li:hover .img .pic img{transform: scale(1.1);}



.box_06 .news_center .bd .main .bottom{width:1300px;height:165px;margin-top:40px;overflow:hidden;}



.box_06 .news_center .bd .main .bottom li{width:380px;padding:0 10px;height:60px;position:relative;overflow:hidden;float:left;margin:0 50px 45px 0;}



.box_06 .news_center .bd .main .bottom li::after{content:'';width:400px;height:1px;background:#ededed;position:absolute;top:30px;left:0;}



.box_06 .news_center .bd .main .bottom li:nth-of-type(3n){margin-right:0;}



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



.box_06 .news_center .bd .main .bottom li .name{width:360px;padding-left:20px;font-size:18px;color:#333;line-height:20px;background:url(../images/dian01.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .bottom li:hover .name{color:#fdc642;background:url(../images/dian05.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .bottom li span{display:block;width:380px;font-size:14px;color:#bfbfbf;line-height:12px;font-family:Arial;height:12px;background:url(../images/n_jt_01.png) 330px center no-repeat;margin-top:18px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .news_center .bd .main .bottom li:hover span{background:url(../images/n_jt_02.png) 330px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}









/* 合作客户 */

.box_07{width:100%;height:auto;padding:90px 0 100px 0;margin-bottom:100px;background:#f5f5f5;overflow:hidden;}



.box_07 .h_title{width:1300px;height:143px;margin:0 auto;text-align:center;}



.box_07 .h_title h3{height:54px;line-height:54px;background:url(../images/bt_kh.png) center center no-repeat;font-size:48px;color:#222;font-weight:bold;}



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



.box_07 .list{width:1300px;height:300px;margin:45px auto 0 auto;}



.box_07 .list li{width:258px;height:148px;border:solid 1px #ddd;float:left;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .list li:hover{border:solid 1px #fdc642;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .list li .img{display:block;width:258px;height:148px;overflow:hidden;}



.box_07 .list li .img img{width:258px;height:148px;transition: all 1s;vertical-align:top;object-fit:cover;}



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



















/* 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);

  }

}