/*

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:1475px;padding-top:40px;background:url(../images/pro_back.jpg) center top no-repeat;overflow:hidden;}

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

.box_01 .top .h_title{width:260px;height:170px;float:left;position:relative;padding-left:108px;}

.box_01 .top .h_title .num{font-size:44px;color:#a8b6bf;line-height:34px;font-weight:lighter;position:absolute;left:108px;bottom:65px;}

.box_01 .top .h_title .line{width:80px;height:1px;background:#a8b6bf;position:absolute;left:0;bottom:80px;}

.box_01 .top .h_title .zm{font-size:12px;color:#a8b6bf;line-height:10px;font-family:Arial;position:absolute;left:163px;bottom:85px;}

.box_01 .top .h_title h3{font-size:36px;color:#fff;line-height:36px;font-weight:lighter;position:absolute;left:108px;bottom:0;}

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

.box_01 .top .more{width:190px;height:170px;float:right;position:relative;z-index:2;}

.box_01 .top .more::before{content:'';width:138px;height:138px;background:url(../images/more01.png);position:absolute;bottom:0;left:0;z-index:-1;animation: rotate01 10s linear infinite;}

.box_01 .top .more::after{content:'';width:38px;height:38px;background:url(../images/more02.png);position:absolute;top:0;right:10px;z-index:-1;animation: rotate02 10s linear infinite;}

.box_01 .top .more a{display:block;width:155px;line-height:24px;font-size:16px;color:#f57d78;text-transform: Uppercase; background:url(../images/more03.png) right center no-repeat;position:absolute;right:0;bottom:30px;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .top .more:hover a{bottom:40px;color:#f57d78;background:url(../images/more04.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .center{width:1416px;height:257px;margin:68px auto 0 auto; background:url(../images/pro_bk02.png) center bottom no-repeat;overflow:hidden;}

.box_01 .center .fl_list{width:1180px;height:227px;margin:0 auto;display:flex;justify-content: space-between;}

.box_01 .center .fl_list li{width:174px;height:227px;background:url(../images/pro_bk01.png);position:relative;}

.box_01 .center .fl_list li a{display:block;}

.box_01 .center .fl_list li:nth-of-type(1) .img{width:228px;height:104px;margin:35px 0 0 -27px;}

.box_01 .center .fl_list li:nth-of-type(2) .img{width:290px;height:70px;margin:60px 0 0 -58px;}

.box_01 .center .fl_list li:nth-of-type(3) .img{width:290px;height:149px;margin:9px 0 0 -58px;}

.box_01 .center .fl_list li:nth-of-type(4) .img{width:290px;height:105px;margin:43px 0 0 -58px;}

.box_01 .center .fl_list li .name{width:95px;padding:0 54px 0 25px;font-size:18px;color:#333;line-height:20px;background:url(../images/pro_jt_01.png) 130px center no-repeat;position:absolute;bottom:35px;left:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .center .fl_list li.active .name{font-weight:bold;background:url(../images/pro_jt_02.png) 130px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro_list{width:100%;max-width:1520px;height:730px;margin:50px auto 0 auto;overflow:hidden;}

.box_01 .pro_list li{width:23%;height:340px;float:left;overflow:hidden;margin:0 2.66666% 50px 0;}

.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:100%;height:270px;padding:10px 0;background:url(../images/pro_bk03.png); background-size:100% 290px;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro_list li:hover .img{background:url(../images/pro_bk04.png); background-size:100% 290px;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro_list li .img .pic{width:calc(100% - 20px);height:270px;margin:0 auto;overflow:hidden;}

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

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

.box_01 .pro_list li .name{width:calc(100% - 120px);padding:0 60px;clear:left;font-size:16px;color:#fff;line-height:20px;margin-top:30px;position:relative;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro_list li:hover .name{color:#f57d78;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro_list li .name::before{content:'';width:40px;height:20px;background:url(../images/dian01.png) center center no-repeat;position:absolute;top:0;left:10px;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro_list li:hover .name::before{content:'';width:40px;height:20px;background:url(../images/dian02.png) center center no-repeat;position:absolute;top:0;left:10px;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro_list li .name::after{content:'';width:40px;height:20px;background:url(../images/dian03.png) center center no-repeat;position:absolute;top:0;right:10px;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .pro_list li:hover .name::after{content:'';width:40px;height:20px;background:url(../images/dian04.png) center center no-repeat;position:absolute;top:0;right:10px;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .click{width:208px;height:75px;background:url(../images/click.png);margin:93px auto 0 auto;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .click:hover{margin:85px auto 0 auto;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .click a{display:block;width:208px;height:75px;line-height:85px;text-align:center;font-size:18px;color:#232d37;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .click:hover a{color:#f57d78;-webkit-transition:all .7s;transition:all .7s;}




/* 企业优势 */
.box_02{width:100%;height:1150px;padding-top:0;background:url(../images/ys_back.jpg) center top no-repeat;overflow:hidden;}

.box_02 .top{width:1280px;height:170px;margin:0 auto;}

.box_02 .top .h_title{width:260px;height:170px;float:left;position:relative;padding-left:108px;}

.box_02 .top .h_title .num{font-size:44px;color:#a8b6bf;line-height:34px;font-weight:lighter;position:absolute;left:108px;bottom:93px;}

.box_02 .top .h_title .line{width:80px;height:1px;background:#a8b6bf;position:absolute;left:0;bottom:108px;}

.box_02 .top .h_title .zm{font-size:12px;color:#a8b6bf;line-height:10px;font-family:Arial;position:absolute;left:163px;bottom:113px;}

.box_02 .top .h_title h3{font-size:36px;color:#fff;line-height:36px;font-weight:lighter;position:absolute;left:108px;bottom:28px;}

.box_02 .top .more{width:280px;height:170px;float:right;position:relative;z-index:2;}

.box_02 .top .more::before{content:'';width:138px;height:138px;background:url(../images/more01.png);position:absolute;bottom:0;left:85px;z-index:-1;animation: rotate01 10s linear infinite;}

.box_02 .top .more::after{content:'';width:38px;height:38px;background:url(../images/more02.png);position:absolute;top:0;right:10px;z-index:-1;animation: rotate02 10s linear infinite;}

.box_02 .top .more .tel{padding-left:55px; background:url(../images/tel01.png) left center no-repeat;margin-top:74px;}

.box_02 .top .more .tel p:nth-of-type(1){font-size:14px;color:#a8b6bf;line-height:15px;}

.box_02 .top .more .tel p:nth-of-type(2){line-height:24px;font-size:28px;color:#f57d78;font-weight:bold;margin-top:12px;}

.box_02 .center{width:1280px;height:900px;margin:75px auto 0 auto;position:relative;}

.box_02 .center .left{width:625px;height:900px;float:left;position:relative;}

.box_02 .center .left .ys_left02{width:685px;height:797px;position:absolute;top:15px;right:0;z-index:1;}

.box_02 .center .left .ys_left03{width:332px;height:330px;position:absolute;top:85px;right:55px;z-index:2;}

.box_02 .center .left .ys_left01{width:865px;height:717px;position:absolute;top:105px;right:80px;z-index:3;}

.box_02 .center .list{width:635px;height:900px;float:right;position:relative;}

.box_02 .center .list li{width:auto;height:71px;margin-bottom:92px;position:relative;}

.box_02 .center .list li:nth-of-type(1){margin-left:0;}

.box_02 .center .list li:nth-of-type(2){margin-left:105px;}

.box_02 .center .list li:nth-of-type(3){margin-left:135px;}

.box_02 .center .list li:nth-of-type(4){margin-left:125px;}

.box_02 .center .list li:nth-of-type(5){margin-left:65px;}

.box_02 .center .list li .icon{width:68px;height:71px;float:left;margin-right:20px;position:relative;z-index:2;}

.box_02 .center .list li .icon::before{content:'';width:68px;height:71px;background:url(../images/icon.png);position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all 1.5s;transition:all 1.5s;}

.box_02 .center .list li:hover .icon::before{content:'';transform:rotate(180deg);-webkit-transition:all 1.5s;transition:all 1.5s;}

.box_02 .center .list li .icon i{display:block;width:68px;height:71px;}

.box_02 .center .list li:nth-of-type(1) .icon i{background:url(../images/ys_icon_01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li:nth-of-type(2) .icon i{background:url(../images/ys_icon_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li:nth-of-type(3) .icon i{background:url(../images/ys_icon_05.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li:nth-of-type(4) .icon i{background:url(../images/ys_icon_07.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li:nth-of-type(5) .icon i{background:url(../images/ys_icon_09.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li:nth-of-type(1):hover  .icon i{background:url(../images/ys_icon_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li:nth-of-type(2):hover  .icon i{background:url(../images/ys_icon_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li:nth-of-type(3):hover  .icon i{background:url(../images/ys_icon_06.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li:nth-of-type(4):hover  .icon i{background:url(../images/ys_icon_08.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li:nth-of-type(5):hover  .icon i{background:url(../images/ys_icon_10.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li .line{width:92px;height:71px;float:left;background:url(../images/ys_line01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li:hover .line{background:url(../images/ys_line02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li .txt{width:610px;height:71px;position:absolute;left:215px;top:0;}

.box_02 .center .list li .txt h4{font-size:18px;color:#fff;line-height:18px;margin-top:5px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li:hover .txt h4{color:#f57d78;margin-left:5px;-webkit-transition:all .7s;transition:all .7s;}

.box_02 .center .list li .txt p{font-size:12px;color:#485661;line-height:15px;margin-top:25px;}





/* 关于我们 */
.box_03{width:100%;height:725px;padding-top:30px;background:url(../images/ab_back.jpg) center top no-repeat;overflow:hidden;}

.box_03 .center{width:1280px;height:725px;margin:0 auto;}

.box_03 .center .left{width:635px;height:725px;position:relative;float:left;}

.box_03 .center .left .h_title{width:260px;height:95px;position:relative;padding-left:108px;}

.box_03 .center .left .h_title .num{font-size:44px;color:#a8b6bf;line-height:34px;font-weight:lighter;position:absolute;left:108px;top:0;}

.box_03 .center .left .h_title .line{width:80px;height:1px;background:#a8b6bf;position:absolute;left:0;top:17px;}

.box_03 .center .left .h_title .zm{font-size:12px;color:#a8b6bf;line-height:10px;font-family:Arial;position:absolute;left:163px;top:0;}

.box_03 .center .left .h_title h3{font-size:36px;color:#fff;line-height:36px;font-weight:lighter;position:absolute;left:108px;bottom:0;}

.box_03 .center .left .txt{width:635px;height:auto;margin-top:150px;}

.box_03 .center .left .txt h4{font-size:26px;color:#fff;font-weight:bold;line-height:28px;}

.box_03 .center .left .txt span{display:block;font-size:14px;color:rgba(255,255,255,0.9);line-height:15px;font-weight:lighter;margin-top:20px;}

.box_03 .center .left .txt p{font-size:15px;color:#8a9ba7;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;line-height:35px;height:140px;margin-top:35px;}

.box_03 .center .left .more{width:190px;height:170px;position:absolute;bottom:10px;left:0;z-index:2;}

.box_03 .center .left .more::before{content:'';width:138px;height:138px;background:url(../images/more01.png);position:absolute;bottom:0;left:0;z-index:-1;animation: rotate01 10s linear infinite;}

.box_03 .center .left .more::after{content:'';width:38px;height:38px;background:url(../images/more02.png);position:absolute;top:0;right:10px;z-index:-1;animation: rotate02 10s linear infinite;}

.box_03 .center .left .more a{display:block;width:155px;line-height:24px;font-size:16px;color:#f57d78;text-transform: Uppercase; background:url(../images/more03.png) right center no-repeat;position:absolute;right:0;bottom:30px;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .center .left .more:hover a{bottom:40px;color:#f57d78;background:url(../images/more04.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .center .right{width:520px;height:725px;position:relative;float:right;}

.box_03 .center .right .img{width:520px;height:476px;position:relative;margin-top:-85px;}

.box_03 .center .right .img img{display:block;width:805px;height:476px; vertical-align:top;}

.box_03 .center .right .txt{width:520px;height:auto;margin-top:110px;}

.box_03 .center .right .txt h4{width:520px;height:69px; background:url(../images/ab_wz.png) 70px center no-repeat;overflow:hidden;}

.box_03 .center .right .txt h4 p{width:121px;height:69px;padding:0 12px;background:url(../images/ab_yuan.png) center center no-repeat;float:right;display:flex;justify-content: space-between;}

.box_03 .center .right .txt h4 p span{display:block;float:left;font-size:20px;color:#fff;line-height:69px;}

.box_03 .center .right .txt h5{font-size:15px;color:#737f8e;font-weight:lighter;line-height:35px;margin-top:30px;text-align:right;}






/* 成功案例 */
.box_04{width:100%;height:auto;padding:115px 0 0 0;background:#202832;overflow:hidden;}

.box_04 .top{width:1280px;height:360px;margin:0 auto;}

.box_04 .top .left{width:815px;height:360px;position:relative;float:left;}

.box_04 .top .left .img{width:815px;height:360px;position:relative;}

.box_04 .top .left .img img{display:block;width:935px;height:360px;vertical-align:top;position:absolute;right:0;top:0;}

.box_04 .top .left .img::after{content:'';width:935px;height:360px;background:url(../images/case_bk01.png) center center no-repeat;position:absolute;right:0;top:0;}

.box_04 .top .left .yyzz{width:233px;height:178px;position:absolute;left:0;bottom:75px;z-index:5;background:url(../images/yy_bk.png);overflow:hidden;}

.box_04 .top .left .yyzz img{display:block;width:185px;height:125px;vertical-align:top;object-fit:cover;position:absolute;left:25px;top:25px;}

.box_04 .top .right{width:410px;height:360px;position:relative;float:right;}

.box_04 .top .right .h_title{width:145px;height:170px;position:absolute;top:0;right:0;padding-left:108px;z-index:2;}

.box_04 .top .right .h_title::before{content:'';width:138px;height:138px;background:url(../images/more01.png);position:absolute;bottom:0;left:88px;z-index:-1;animation: rotate01 10s linear infinite;}

.box_04 .top .right .h_title::after{content:'';width:38px;height:38px;background:url(../images/more02.png);position:absolute;top:0;right:-20px;z-index:-1;animation: rotate02 10s linear infinite;}

.box_04 .top .right .h_title .num{font-size:44px;color:#a8b6bf;line-height:34px;font-weight:lighter;position:absolute;left:108px;bottom:85px;}

.box_04 .top .right .h_title .line{width:80px;height:1px;background:#a8b6bf;position:absolute;left:0;bottom:101px;}

.box_04 .top .right .h_title .zm{font-size:12px;color:#a8b6bf;line-height:10px;font-family:Arial;position:absolute;left:163px;bottom:105px;}

.box_04 .top .right .h_title h3{font-size:36px;color:#fff;line-height:36px;font-weight:lighter;position:absolute;left:108px;bottom:25px;}

.box_04 .top .right .tel{padding-left:55px; background:url(../images/tel01.png) left center no-repeat;position:absolute;left:0;bottom:70px;}

.box_04 .top .right .tel p:nth-of-type(1){font-size:14px;color:#a8b6bf;line-height:15px;}

.box_04 .top .right .tel p:nth-of-type(2){line-height:24px;font-size:28px;color:#f57d78;font-weight:bold;margin-top:12px;}

.box_04 .top .right .click{width:208px;height:75px;background:url(../images/click.png);position:absolute;right:-65px;bottom:55px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .top .right .click:hover{position:absolute;right:-65px;bottom:65px;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .top .right .click a{display:block;width:208px;height:75px;line-height:85px;text-align:center;font-size:18px;color:#232d37;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .top .right .click:hover a{color:#f57d78;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01{width:1280px;height:420px;margin:60px auto 0 auto;position:relative;}

.box_04 .picScroll-left01 .hd{width:1280px;height:420px;position:absolute;top:0;left:0;z-index:2;cursor:pointer;}

.box_04 .picScroll-left01 .hd .prev{width:68px;height:71px;background:url(../images/icon.png);position:absolute;top:158px;left:-120px;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .hd .next{width:68px;height:71px;background:url(../images/icon.png);position:absolute;top:158px;right:-120px;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .hd .prev:hover{background:url(../images/icon02.png);-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .hd .next:hover{background:url(../images/icon02.png);-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .hd .prev i{display:block;width:68px;height:71px;background:url(../images/case_jt_01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .hd .prev:hover i{display:block;width:68px;height:71px;background:url(../images/case_jt_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .hd .next i{display:block;width:68px;height:71px;background:url(../images/case_jt_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

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

.box_04 .picScroll-left01 .bd{width:1280px;height:420px;position:relative;margin:0 auto;z-index:5;overflow:hidden;}

.box_04 .picScroll-left01 .bd ul{width:1280px;height:420px;overflow:hidden; zoom:1;}

.box_04 .picScroll-left01 .bd ul li{width:374px;height:420px;overflow:hidden;margin-right:79px;position:relative;}

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

.box_04 .picScroll-left01 .bd ul li .img{width:354px;height:284px;padding:10px;background:url(../images/case_bk02.png);overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .bd ul li:hover .img{width:354px;height:284px;background:url(../images/case_bk02.png);overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .bd ul li .img .pic{width:354px;height:284px;overflow:hidden;}

.box_04 .picScroll-left01 .bd ul li .img .pic img{display:block;width:354px;height:284px;vertical-align:top;transition: all 1s;object-fit:cover;}

.box_04 .picScroll-left01 .bd ul li:hover .img .pic img{transform: scale(1.05);}

.box_04 .picScroll-left01 .bd ul li .name{width:290px;padding:0 50px 0 34px;height:75px;font-size:16px;color:#fff;line-height:75px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .bd ul li .name::before{content:'--';font-size:16px;color:#fff;line-height:75px;position:absolute;top:0;left:10px;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .bd ul li .name::after{content:'//';font-size:12px;color:#fff;line-height:75px; font-weight:lighter;position:absolute;top:0;right:10px;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .bd ul li:hover .name{color:#f57d78;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .bd ul li:hover .name::before{content:'--';font-size:16px;color:#f57d78;line-height:75px;position:absolute;top:0;left:10px;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .bd ul li:hover .name::after{content:'//';font-size:12px;color:#f57d78;line-height:75px; font-weight:lighter;position:absolute;top:0;right:10px;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .bd ul li .line{width:374px;height:1px; background:#373e47;position:relative;}

.box_04 .picScroll-left01 .bd ul li .line::before{content:'';width:0px;height:1px;background:#f57d78;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .bd ul li:hover .line::before{content:'';width:374px;height:1px;background:#f57d78;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .picScroll-left01 .bd ul li .more{width:310px;padding:0 54px 0 10px;height:15px;font-size:14px;color:#5b646f;line-height:15px;margin-top:22px;background:url(../images/case_jt_05.png) 330px center no-repeat;text-transform: Uppercase;}





/* 新闻资讯 */
.box_05{width:100%;height:973px;padding-top:135px; background:url(../images/news_back.jpg) center top no-repeat;overflow:hidden;}

.box_05 .center{width:1280px;height:auto;margin:0 auto;position:relative;z-index:0;}

.box_05 .center .zm_pos{width:319px;height:237px; background:url(../images/news_pos.png);position:absolute;right:-320px;bottom:50px;z-index:-1;}

.box_05 .news_center{width:1280px;height:auto;margin:0 auto;position:relative;}

.box_05 .news_center .hd{width:1280px;height:170px;}

.box_05 .news_center .hd .h_title{width:260px;height:170px;float:left;position:relative;padding-left:108px;margin-right:155px;}

.box_05 .news_center .hd .h_title .num{font-size:44px;color:#a8b6bf;line-height:34px;font-weight:lighter;position:absolute;left:108px;bottom:85px;}

.box_05 .news_center .hd .h_title .line{width:80px;height:1px;background:#a8b6bf;position:absolute;left:0;bottom:102px;}

.box_05 .news_center .hd .h_title .zm{font-size:12px;color:#a8b6bf;line-height:10px;font-family:Arial;position:absolute;left:163px;bottom:105px;}

.box_05 .news_center .hd .h_title h3{font-size:36px;color:#fff;line-height:36px;font-weight:lighter;position:absolute;left:108px;bottom:25px;}

.box_05 .news_center .hd .h_title h3 a{color:#fff;}

.box_05 .news_center .hd ul{width:520px;height:48px;float:left;margin-top:78px;display:flex;justify-content: space-between;}

.box_05 .news_center .hd ul li{width:136px;height:48px;background:url(../images/hd01.png);float:left;text-align:center;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .hd ul li.on{background:url(../images/hd02.png);-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .hd ul li a{display:block;width:136px;height:48px;line-height:48px;font-size:18px;color:#a8b6bf;-webkit-transition:all .7s;transition:all .7s;}

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

.box_05 .news_center .hd .more{width:190px;height:170px;float:right;position:relative;z-index:2;}

.box_05 .news_center .hd .more::before{content:'';width:138px;height:138px;background:url(../images/more01.png);position:absolute;bottom:0;left:0;z-index:-1;animation: rotate01 10s linear infinite;}

.box_05 .news_center .hd .more::after{content:'';width:38px;height:38px;background:url(../images/more02.png);position:absolute;top:0;right:10px;z-index:-1;animation: rotate02 10s linear infinite;}

.box_05 .news_center .hd .more a{display:block;width:155px;line-height:24px;font-size:16px;color:#f57d78;text-transform: Uppercase; background:url(../images/more03.png) right center no-repeat;position:absolute;right:0;bottom:30px;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .hd .more:hover a{bottom:40px;color:#f57d78;background:url(../images/more04.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd{width:1280px;height:560px;margin-top:65px;position:relative;}

.box_05 .news_center .bd .main{width:1280px;height:560px;position:relative;}

.box_05 .news_center .bd .main .left{width:450px;height:530px;overflow:hidden;float:left;background:url(../images/left_bk.png);padding:30px 20px 0 20px;}

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

.box_05 .news_center .bd .main .left .img{width:430px;height:300px;padding:9px;border:solid 1px #bccad4;overflow:hidden;}

.box_05 .news_center .bd .main .left .img .pic{width:430px;height:300px;overflow:hidden;}

.box_05 .news_center .bd .main .left .img .pic img{display:block;width:430px;height:300px;vertical-align:top;transition: all 1s;object-fit:cover;}

.box_05 .news_center .bd .main .left:hover .img .pic img{transform: scale(1.05);}

.box_05 .news_center .bd .main .left .txt{width:430px;height:auto;overflow:hidden;margin:50px auto 0 auto;position:relative;}

.box_05 .news_center .bd .main .left .txt .name{font-size:18px;color:#25303a;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .left:hover .txt .name{color:#f57d78;margin-left:5px;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .left .txt span{font-size:14px;color:#8c9ba9;line-height:12px;height:14px;border-bottom:solid 1px #8d9ba9;position:absolute;top:55px;left:0;}

.box_05 .news_center .bd .main .left .txt p{font-size:15px;color:#45596a;line-height:15px;margin-top:75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_05 .news_center .bd .main .right{width:700px;height:560px;float:right;}

.box_05 .news_center .bd .main .right li{width:700px;height:100px;position:relative;z-index:2;}

.box_05 .news_center .bd .main .right li::after{content:'';width:700px;height:1px;background:#435059;position:absolute;bottom:0;left:0;z-index:-2;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .right li.active::after{content:'';width:700px;height:0px;background:#435059;position:absolute;bottom:0;left:0;z-index:-2;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .right li:last-child::after{content:'';width:0;height:1px;background:#435059;position:absolute;bottom:0;left:0;z-index:-2;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .right li{width:700px;height:100px;position:relative;z-index:2;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .right li.active{width:700px;height:160px;position:relative;z-index:2;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .right li::before{content:'';width:700px;height:100px;background:rgba(0,0,0,0);position:absolute;bottom:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .right li.active::before{content:'';width:760px;height:160px;background:rgba(255,255,255,0.05);position:absolute;bottom:0;left:-30px;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .right li .name{display:block;padding-left:50px;width:500px;font-size:16px;color:#fff;line-height:100px;background:url(../images/dian05.png) left center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .right li span{display:block;font-size:14px;color:#8c9ba9;line-height:100px;position:absolute;top:0;right:0; text-decoration:underline;}

.box_05 .news_center .bd .main .right li p{padding-left:50px;font-size:15px;color:#8695a3;line-height:30px;margin-top:10px;opacity:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .right li.active p{margin-top:0;opacity:1;-webkit-transition:all .7s;transition:all .7s;}

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

.box_05 .links .lk{width:115px;padding-left:85px;height:90px;line-height:90px; background:url(../images/links.png) left center no-repeat;font-size:16px;color:#333;font-weight:bold;position:relative;float:left;}

.box_05 .links .lk::after{content:'';width:1px;height:20px;background:#9d9e9f;position:absolute;top:35px;right:0;}

.box_05 .links .link{width:1060px;overflow:hidden;position:relative;float:right;}

.box_05 .links .link a{display:block;float:left;width:auto;margin-right:40px;font-size:16px;line-height:90px;color:#444;position:relative;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .links .link a:hover{color:#f57d78;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .links .link a:last-child{margin-right: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.7s; }
.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.7s; }
.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);
  }
}