/*

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:auto;padding:70px 0;overflow:hidden;}

.pro-center{width:1280px;height:470px;margin:0 auto;position:relative;}

.pro-center .h_title{width:420px;height:auto;position:absolute;top:0;left:0;z-index:9;}

.pro-center .h_title p:nth-of-type(1){font-size:48px;color:#323232;font-weight:bold;line-height:38px;height:38px;text-transform: Uppercase;font-family:Arial;}

.pro-center .h_title p span{color:#069e7a;}

.pro-center .h_title p:nth-of-type(2){font-size:24px;color:#323232;font-weight:bold;line-height:20px;height:20px;text-transform: Uppercase;font-family:Arial;margin-top:20px; background:url(../images/h_back.png) right center no-repeat;}

.pro-center .h_title h3{font-size:30px;color:#069e7a;font-weight:bold;line-height:38px;position:absolute;top:0;right:0;}

.pro-center .h_title h3 a{display:block;color:#069e7a;}

.pro-center .hd{width:240px;height:360px;margin-top:110px;float:left;position:relative;}

.pro-center .hd ul{width:240px;height:360px;overflow:hidden;}

.pro-center .hd ul li{width:240px;height:40px;border-radius:20px;background:#fff;margin-bottom:30px;-webkit-transition:all .7s;transition:all .7s;}

.pro-center .hd ul li.on{background:#069e7a;-webkit-transition:all .7s;transition:all .7s;}

.pro-center .hd ul li a{display:block;width:100px;padding:0 10px 0 130px;line-height:40px;background:url(../images/dian01.png) 15px center no-repeat;color:#545454;font-size:16px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.pro-center .hd ul li.on a{background:url(../images/dian02.png) 15px center no-repeat;color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.pro-center .hd ul li a::before{content:'';width:50px;height:1px;background:#d3d3d3;position:absolute;top:20px;left:60px;-webkit-transition:all .7s;transition:all .7s;}

.pro-center .hd ul li.on a::before{content:'';width:50px;height:1px;background:#83cfbd;position:absolute;top:20px;left:60px;-webkit-transition:all .7s;transition:all .7s;}

.pro-center .bd{width:930px;height:470px;float:right;overflow:hidden;}

.pro-center .bd .main{width:930px;height:470px;overflow:hidden;position:relative;}

.pro-center .bd .main .img{width:760px;height:470px;overflow:hidden;position:absolute;top:0;right:0;border-radius:50px 0 0 0;}

.pro-center .bd .main .img img{width:760px;height:400px470pxvertical-align:top;object-fit:cover;transition: all 1s;}

.pro-center .bd .main:hover .img img{transform: scale(1.05);}

.pro-center .bd .main .txt{width:380px;height:190px;padding:0 25px;background:#fafafa;overflow:hidden;position:absolute;left:0;bottom:0;}

.pro-center .bd .main .txt .name{display:block;width:180px;font-size:24px;color:#545454;line-height:24px;margin-top:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.pro-center .bd .main:hover .txt .name{color:#069e7a;-webkit-transition:all .7s;transition:all .7s;}

.pro-center .bd .main .txt p{font-size:14px;color:#8b8b8b;line-height:25px;height:75px;margin-top:25px;overflow:hidden;}

.pro-center .bd .main .txt .more{width:160px;font-size:14px;color:#545454;line-height:24px;position:absolute;right:25px;top:30px;text-align:right;}

.pro-center .bd .main .txt .more::before{content:'';width:105px;height:1px;background:#cbcbcb;position:absolute;top:12px;left:0;-webkit-transition:all .7s;transition:all .7s;}

.pro-center .bd .main:hover .txt .more{width:160px;font-size:14px;color:#069e7a;line-height:24px;position:absolute;right:25px;top:30px;text-align:right;}

.pro-center .bd .main:hover .txt .more::before{content:'';width:105px;height:1px;background:#069e7a;position:absolute;top:12px;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .picScroll-left01{width:1280px;height:230px;margin:40px auto 0 auto;}

.box_01 .picScroll-left01 .bd{width:1280px;height:230px;margin:0 auto;overflow:hidden;}

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

.box_01 .picScroll-left01 .bd ul li{width:305px;height:230px;margin-right:20px;float:left;cursor:pointer;overflow:hidden;position:relative;}

.box_01 .picScroll-left01 .bd ul li:before,
.box_01 .picScroll-left01 .bd ul li:after{content: '';background:rgba(6,158,122,0.8);height: 150%;width: 100%;border-radius: 0 100% 0 0;opacity: 0;position: absolute;left: -50%;top: 100%;z-index: 1;transition: border-radius .5s ease-out,top .5s ease-out,opacity .3s ease-out;}

.box_01 .picScroll-left01 .bd ul li:after{border-radius: 100% 0 0 0;left: 50%;}

.box_01 .picScroll-left01 .bd ul li:hover:before,
.box_01 .picScroll-left01 .bd ul li:hover:after{top: -50%;opacity: 0.9;border-radius: 0 35% 0 0;}

.box:hover:after{ border-radius: 35% 0 0 0; }

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

.box_01 .picScroll-left01 .bd ul li .img{width:305px;height:230px;overflow:hidden;}

.box_01 .picScroll-left01 .bd ul li .img img{width:305px;height:230px;vertical-align:top;transition: all 1s;object-fit:cover;}

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

.box_01 .picScroll-left01 .bd ul li .txt{width:50px;height:230px;background:url(../images/txt.png);position:absolute;right:0;top:0;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .picScroll-left01 .bd ul li:hover .txt{position:absolute;right:-50px;top:0;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .picScroll-left01 .bd ul li .txt .name{width:50px;height:130px;padding:30px 0 70px 0;font-size:16px;color:#fff;writing-mode: tb-rl;line-height:50px;letter-spacing:3px;background:url(../images/dian03.png) center 185px no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .picScroll-left01 .bd ul li .more{width:50px;height:50px; background:url(../images/links.png) center center no-repeat #fff;border-radius:35px;position:absolute;top:110px;left:50%;margin-left:-25px;z-index:9;opacity: 0;-webkit-transition:all .7s;transition:all .7s;}

.box_01 .picScroll-left01 .bd ul li:hover .more{position:absolute;top:90px;left:50%;margin-left:-25px;opacity: 1;-webkit-transition:all .7s;transition:all .7s;}







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

.box_02 .center{width:1280px;height:900px;margin:0 auto;overflow:hidden;}

.box_02 .center .left{width:250px;height:750px; background:url(../images/ys_left.png);float:left;padding-left:110px;position:relative;}

.box_02 .center .left .h_title{width:250px;height:265px;margin-top:50px;position:relative;}

.box_02 .center .left .h_title h3{font-size:30px;color:#fff;line-height:32px;font-weight:bold;}

.box_02 .center .left .h_title p{font-size:12px;color:#a5d2c4;line-height:10px;margin-top:20px;letter-spacing:2.5px;text-transform: Uppercase;}

.box_02 .center .left .h_title::before{content:'';width:1px;height:150px;background:#83cfbd;position:absolute;bottom:0;left:104px;}

.box_02 .center .left .tel{width:200px;padding-left:50px;position:relative;height:auto;margin-top:65px;}

.box_02 .center .left .tel::before{content:'';width:29px;height:29px;background:url(../images/tel02.png);position:absolute;top:0;left:0;animation: msClock 1.2s linear infinite;}

.box_02 .center .left .tel p{font-size:22px;color:#fff;line-height:30px;}

.box_02 .center .left .round01{width:130px;height:130px;position:absolute;bottom:50px;left:115px;z-index:5;}

.box_02 .center .left .round01 .circle{background:url(../images/kf.png) center center no-repeat rgba(255,255,255,1);border-radius:50%;width:130px;height:130px;z-index: 999;text-align: center;top:0;left:0;position: absolute;}

.box_02 .center .left .round01 .circle_bottom{background: rgba(255,255,255,0.5);border-radius: 100%;width:150px;height:150px;filter: alpha(opacity=50);z-index: -100;position: absolute;top:-10px;left: -10px;}

.box_02 .center .left .round01 .circle_bottom2{background: rgba(255,255,255,0.3);border-radius: 100%;width:170px;height:170px;filter: alpha(opacity=30);z-index: -110;position: absolute;top:-20px;left: -20px;}

.animation{-webkit-animation: twinkling 2.1s infinite ease-in-out;animation: twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

.animation2{ -webkit-animation: twinkling 2.1s infinite ease-in-out;animation: twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

@-webkit-keyframes twinkling {
	0% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
	}

	50% {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-webkit-transform: scale(1.12);
	}

	100% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
	}
}

@keyframes twinkling {
	0% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
	}

	50% {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-webkit-transform: scale(1.12);
	}

	100% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
	}
}

.look_center{width:820px;height:900px;float:right;position:relative;}

.look_center .hd{width:750px;height:110px;}

.look_center .hd ul{width:750px;height:110px;margin-top:40px;display:flex;justify-content: space-between;overflow:hidden;}

.look_center .hd ul li{width:auto;height:110px;cursor:pointer;float:left;position:relative;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li::after{content:'';width:60px;height:1px;background:#dbdbdb;position:absolute;top:34px;right:-105px;}

.look_center .hd ul li .icon{width:68px;height:68px;border:solid 1px #e0e0e0;border-radius:35px;margin:0 auto;background:#fff;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li.on .icon{border:solid 1px #069e7a;background:#069e7a;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li .icon i{display:block;width:68px;height:68px;}

.look_center .hd ul li.on .icon i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}

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

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

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

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

.look_center .hd ul li:nth-of-type(1).on i{background:url(../images/ys_icon_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li:nth-of-type(2).on i{background:url(../images/ys_icon_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li:nth-of-type(3).on i{background:url(../images/ys_icon_06.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li:nth-of-type(4).on i{background:url(../images/ys_icon_08.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li h4{font-size:18px;color:#545454;line-height:20px;margin-top:20px;text-align:center;font-weight:bold;-webkit-transition:all .7s;transition:all .7s;}

.look_center .hd ul li.on h4{color:#069e7a;-webkit-transition:all .7s;transition:all .7s;}

.look_center .bd{width:820px;height:auto;margin-top:75px;}

.look_center .bd .main{width:820px;height:auto;position:relative;}

.look_center .bd .main .img{width:820px;height:420px;position:relative;z-index:0;}

.look_center .bd .main .img img{display:block;width:820px;height:420px; vertical-align:top;}

.look_center .bd .main .img::before{content:'';width:820px;height:420px;background:#e1f1ed;position:absolute;top:-30px;left:-30px;z-index:-1;border-radius:5px;}

.look_center .bd .main h4{line-height:26px;height:26px;font-size:14px;color:#8b8b8b;margin-top:45px;}

.look_center .bd .main h4 span{font-size:24px;color:#545454;font-weight:bold;margin-right:15px}

.look_center .bd .main .line{width:820px;height:1px;background:#dcdcdc;margin-top:22px;}

.look_center .bd .main p{font-size:14px;color:#8b8b8b;line-height:30px;margin-top:25px;}





/* 工程案例 */
.box_03{width:100%;height:auto;padding:70px 0;overflow:hidden;}

.box_03 .top{width:1280px;height:auto;margin:0 auto;overflow:hidden;position:relative;}

.box_03 .top .h_title{width:510px;height:auto;position:relative;float:left;}

.box_03 .top .h_title p:nth-of-type(1){font-size:48px;color:#323232;font-weight:bold;line-height:38px;height:38px;text-transform: Uppercase;font-family:Arial;}

.box_03 .top .h_title p span{color:#069e7a;}

.box_03 .top .h_title p:nth-of-type(2){font-size:24px;color:#323232;font-weight:bold;line-height:20px;height:20px;text-transform: Uppercase;font-family:Arial;margin-top:20px; background:url(../images/h_back.png) 120px center no-repeat;}

.box_03 .top .h_title h3{font-size:30px;color:#069e7a;font-weight:bold;line-height:38px;position:absolute;top:0;right:0;}

.box_03 .top .more{width:164px;height:42px;float:right;border-top:solid 1px #dbdbdb;border-bottom:solid 1px #dbdbdb;position:relative;z-index:0;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .top .more:hover{width:164px;height:42px;float:right;border-top:solid 1px #069e7a;border-bottom:solid 1px #069e7a;position:relative;z-index:0;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .top .more::before{content:'';width:164px;height:0px;background:#069e7a;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .top .more:hover::before{content:'';width:164px;height:42px;background:#069e7a;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .top .more a{display:block;width:152px;padding-left:12px;line-height:42px;font-size:14px;color:#545454;background:url(../images/sjx01.png) 145px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .top .more:hover a{color:#fff;background:url(../images/sjx02.png) 145px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02{width:1280px;height:350px;margin:40px auto 0 auto;}

.box_03 .picScroll-left02 .bd{width:1280px;height:350px;margin:0 auto;position:relative;z-index:5;overflow:hidden;}

.box_03 .picScroll-left02 .bd ul{width:1280px;height:350px;overflow:hidden; zoom:1;}

.box_03 .picScroll-left02 .bd ul li{width:396px;height:350px;margin-right:46px;float:left;overflow:hidden;position:relative;}

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

.box_03 .picScroll-left02 .bd ul li .img{width:372px;height:276px;border:solid 12px #eee;border-radius:5px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .bd ul li:hover .img{border:solid 12px #069e7a;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .bd ul li .img img{width:372px;height:276px;vertical-align:top;transition: all 1s;object-fit:cover;}

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

.box_03 .picScroll-left02 .bd ul li .name{width:320px;padding:0 70px 0 6px;font-size:16px;color:#545454;line-height:50px;background:url(../images/dian04.png) 355px center no-repeat;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .bd ul li:hover .name{color:#069e7a;background:url(../images/dian05.png) 355px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .bd ul li .name::before{content:'';width:396px;height:1px;background:#dbdbdb;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .bd ul li .name::after{content:'';width:0px;height:1px;background:#069e7a;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}

.box_03 .picScroll-left02 .bd ul li:hover .name::after{content:'';width:396px;height:1px;background:#069e7a;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}





/* 关于我们 */
.box_04{width:100%;height:710px;margin:0 auto;overflow:hidden;}

.box_04 .center{width:1280px;height:710px;margin:0 auto;}

.box_04 .center .left{width:550px;height:710px;float:left;overflow:hidden;}

.box_04 .center .left .h_title{width:360px;height:auto;position:relative;}

.box_04 .center .left .h_title p:nth-of-type(1){font-size:48px;color:#323232;font-weight:bold;line-height:38px;height:38px;text-transform: Uppercase;font-family:Arial;}

.box_04 .center .left .h_title p span{color:#069e7a;}

.box_04 .center .left .h_title p:nth-of-type(2){font-size:24px;color:#323232;font-weight:bold;line-height:20px;height:20px;text-transform: Uppercase;font-family:Arial;margin-top:20px; background:url(../images/h_back.png) right center no-repeat;}

.box_04 .center .left .h_title h3{font-size:30px;color:#069e7a;font-weight:bold;line-height:38px;position:absolute;top:0;right:0;}

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

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

.box_04 .center .left .txt p{font-size:14px;color:#8b8b8b;line-height:30px;height:180px;margin-top:40px;overflow:hidden;}

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

.box_04 .center .left .bx a{display:block;width:60px;height:200px; background:#eee;float:left;border-radius:30px;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .center .left .bx a:hover{background:#069e7a;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .center .left .bx a .icon{width:50px;height:50px;border-radius:25px;margin:5px;background:#c7c7c7;-webkit-transition:all .7s;transition:all .7s;}

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

.box_04 .center .left .bx a .icon i{display:block;width:50px;height:50px;}

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

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

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

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

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

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

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

.box_04 .center .left .bx a p{font-size:18px;color:#545454;line-height:60px;writing-mode: tb-rl;margin-top:15px;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .center .left .bx a:hover p{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_04 .center .right{width:660px;height:710px;float:right;position:relative;z-index:0;}

.box_04 .center .right::before{content:'';width:1010px;height:710px;background:#e6f5f1;position:absolute;top:0;left:-30px;z-index:-1;border-radius:100px 0 0 0;}

.box_04 .center .right .img{width:660px;height:680px;position:absolute;left:0;bottom:0;}

.box_04 .center .right .img img{display:block;width:980px;height:680px;position:absolute;left:0;bottom:0;border-radius:100px 0 0 0;}

.box_04 .center .right .yyzz{width:267px;height:380px;padding:17px 20px;background:url(../images/yy_bk.png);overflow:hidden;position:absolute;left:10px;bottom:10px;}

.box_04 .center .right .yyzz img{display:block;width:267px;height:380px; vertical-align:top;}







/* 新闻资讯 */
.box_05{width:100%;height:auto;padding:80px 0;overflow:hidden;}

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

.box_05 .news_center .hd{width:1280px;height:128px;margin:0 auto;overflow:hidden;}

.box_05 .news_center .hd .h_title{width:420px;height:auto;position:relative;float:left;}

.box_05 .news_center .hd .h_title p:nth-of-type(1){font-size:48px;color:#323232;font-weight:bold;line-height:38px;height:38px;text-transform: Uppercase;font-family:Arial;}

.box_05 .news_center .hd .h_title p span{color:#069e7a;}

.box_05 .news_center .hd .h_title p:nth-of-type(2){font-size:24px;color:#323232;font-weight:bold;line-height:20px;height:20px;text-transform: Uppercase;font-family:Arial;margin-top:20px; background:url(../images/h_back.png) right center no-repeat;}

.box_05 .news_center .hd .h_title h3{font-size:30px;color:#069e7a;font-weight:bold;line-height:38px;position:absolute;top:0;right:100px;}

.box_05 .news_center .hd .h_title h3 a{display:block;color:#069e7a;}

.box_05 .news_center .hd ul{width:600px;height:50px;overflow:hidden;float:right;margin:14px 0;display:flex;justify-content: space-between;}

.box_05 .news_center .hd ul li{width:180px;height:50px;font-size:16px;line-height:50px;float:left; background:#eee;border-radius:25px;-webkit-transition: 0.7s;transition: 0.7s;}

.box_05 .news_center .hd ul li.on{background:#069e7a;-webkit-transition: 0.7s;transition: 0.7s;}

.box_05 .news_center .hd ul li a{display:block;color:#545454;padding-left:75px;width:105px;background:url(../images/n_icon_01.png) 35px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .hd ul li.on a{display:block;color:#fff;background:url(../images/n_icon_02.png) 35px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd{width:1280px;height:auto;margin:40px auto 0 auto;overflow:hidden;}

.box_05 .news_center .bd .main{width:1280px;height:640px;overflow:hidden;}

.box_05 .news_center .bd .main .top{width:1280px;height:480px;margin:0 auto;overflow:hidden;}

.box_05 .news_center .bd .main .top .left{width:620px;height:480px;float:left;overflow:hidden;}

.box_05 .news_center .bd .main .top .left .img{width:600px;height:370px;border:solid 1px #eee;padding:9px;border-radius:5px;overflow:hidden;}

.box_05 .news_center .bd .main .top .left .img img{width:600px;height:370px;border-radius:5px;vertical-align:top;object-fit:cover;transition: all 1s;}

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

.box_05 .news_center .bd .main .top .left .name{display:block;font-size:16px;line-height:16px;color:#545454;margin-top:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

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

.box_05 .news_center .bd .main .top .left p{font-size:14px;color:#8b8b8b;height:34px;border-bottom:solid 1px #eee;line-height:15px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.box_05 .news_center .bd .main .top .right{width:610px;height:480px;float:right;overflow:hidden;}

.box_05 .news_center .bd .main .top .right li{width:580px;height:110px;border:solid 1px #eee;padding:14px;border-radius:5px;background:#fff;margin-bottom:30px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .top .right li:hover{border:solid 1px #069e7a;background:#069e7a;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .top .right li .img{width:140px;height:110px;border-radius:5px;overflow:hidden;float:left;}

.box_05 .news_center .bd .main .top .right li .img img{width:140px;height:110px;vertical-align:top;object-fit:cover;transition: all 1s;}

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

.box_05 .news_center .bd .main .top .right li .txt{width:410px;height:110px;overflow:hidden;float:right;position:relative;}

.box_05 .news_center .bd .main .top .right li .txt .name{display:block;height:29px;border-bottom:solid 1px #d7d7d7;padding-right:60px;margin-top:10px;font-size:16px;color:#545454;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .top .right li:hover .txt .name{border-bottom:solid 1px #83cfbd;color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .top .right li .txt p{font-size:14px;color:#8b8b8b;line-height:25px;height:50px;overflow:hidden;margin-top:15px;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .top .right li:hover .txt p{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .top .right li .txt span{display:block;font-size:14px;color:#545454;line-height:20px;position:absolute;top:10px;right:0;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .top .right li:hover .txt span{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom{width:1280px;height:110px;margin:50px auto 0 auto;overflow:hidden;}

.box_05 .news_center .bd .main .bottom li{width:265px;height:110px;padding:0 20px;background:#fafafa;border-radius:5px;float:left;margin-right:20px;position:relative;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li:hover{background:#069e7a;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li:last-child{margin-right:0;}

.box_05 .news_center .bd .main .bottom li .name{display:block;height:17px;padding-left:35px;margin-top:30px;font-size:14px;color:#545454;line-height:17px;background:url(../images/n_icon_03.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 .bottom li:hover .name{background:url(../images/n_icon_04.png) left center no-repeat;color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li span{display:block;font-size:14px;color:#8b8b8b;line-height:12px;margin-top:25px;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li:hover span{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li .more{display:block;width:48px;height:26px;font-size:14px;color:#8b8b8b;line-height:26px;position:absolute;bottom:18px;right:15px;z-index:0;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li:hover .more{color:#fff;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li .more::before{content:'';width:26px;height:26px;background:#c9e8e0;position:absolute;top:0;right:0;z-index:-1;border-radius:13px;-webkit-transition:all .7s;transition:all .7s;}

.box_05 .news_center .bd .main .bottom li:hover .more::before{content:'';width:26px;height:26px;background:#38b195;position:absolute;top:0;right:0;z-index:-1;border-radius:13px;-webkit-transition:all .7s;transition:all .7s;}









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