/*



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

}



@keyframes rotate {

    0% {

        transform: rotate(90deg); }

    100% {

        transform: rotate(450deg); }

}



/* 产品中心 */

.box_01{width:100%;height:720px;padding-top:80px;background:url(../images/pro_back.jpg) right top no-repeat;}



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



.box_01 .center .left{width:260px;padding-left:30px;height:600px;position:absolute;left:0;bottom:0;z-index:9;background:#fff;box-shadow:2px 2px 5px #f2f2f2;}



.box_01 .center .left .h_title{width:260px;height:110px;margin-top:50px;}



.box_01 .center .left .h_title p{font-size:16px;color:#c1c1c1;line-height:14px;text-transform: Uppercase;font-family: 'Times New Roman';position:relative; letter-spacing:1px;}



.box_01 .center .left .h_title p::after{content:'';width:20px;height:2px;background:#c1c1c1;position:absolute;top:6px;left:110px;}



.box_01 .center .left .h_title h3{font-size:30px;color:#333;line-height:32px;font-weight:bold;margin-top:18px;}



.box_01 .center .left .h_title h3 a{display:block;color:#333;}



.menu .list .menuItem{display:none;}



.menu .list .show{display:block;}



.menu{width:260px;height:440px;overflow: auto;overflow-x: hidden;}



.menu::-webkit-scrollbar-track {background-color: #ccc;border-radius: 0;}



.menu::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #09a4ad;}



.menu .list{width:260px;}



.menu .list p{width:260px;height:70px;line-height:70px;font-size:18px;position:relative;background:url(../images/dian02.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.menu .list p::after{content:'';width:260px;height:1px;background:#fafafa;position:absolute;bottom:0;left:0;}



.menu .list p a{display:block;width:160px;padding:0 70px 0 30px;color:#333;background:url(../images/pro_jt_01.png) 215px center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.menu .list .xia{background:url(../images/dian03.png) left center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.menu .list .xia a{background:url(../images/pro_jt_02.png) 210px center no-repeat;color:#09a4ad;-webkit-transition:all .7s;transition:all .7s;}



.menu .list ul{width:260px;margin:0 auto;}



.menu .list ul li{width:260px;height:60px;}



.menu .list ul li a{display:block;width:160px;height:60px;line-height:60px;font-size:16px;color:#333;padding:0 70px 0 30px;position:relative;z-index:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.menu .list ul li:hover a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.menu .list ul li a::before{content:'';width:260px;height:0px;background:#09a4ad;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.menu .list ul li:hover a::before{content:'';width:260px;height:60px;background:#09a4ad;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.menu .list ul li a::after{content:'';width:0px;height:1px;background:#fff;position:absolute;top:29px;right:0;-webkit-transition:all .7s;transition:all .7s;}



.menu .list ul li:hover a::after{content:'';width:60px;height:1px;background:#fff;position:absolute;top:29px;right:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .center .right{width:900px;height:375px;padding:32px 30px 33px 30px;position:relative;background:#fff;overflow:hidden;float:right;box-shadow: 0 0 10px #f2f2f2;}



.box_01 .pro_center{width:900px;height:375px;margin:0 auto;overflow:hidden;position:relative;background:url(../images/bt_pro.png) right top no-repeat;}



.box_01 .pro_center .hd{width:360px;height:20px;position:absolute;right:0;bottom:20px;z-index:9;}



.box_01 .pro_center .hd ul{width:100px;height:20px;float:left;display:flex;justify-content: space-between;}



.box_01 .pro_center .hd ul li{width:20px;float:left;height:20px;background:url(../images/dian04.png);cursor:pointer;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd ul li.on{background:url(../images/dian05.png);-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd .arrow{width:190px;height:120px;position:absolute;bottom:0;right:0;z-index:5;background:url(../images/pro_pos.png) right top no-repeat;}



.box_01 .pro_center .hd .prev{width:28px;height:58px;border:solid 1px #09a4ad;background:url(../images/pro_jt_03.png) center center no-repeat #fff;cursor:pointer;position:absolute;left:0;top:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd .next{width:28px;height:58px;border:solid 1px #09a4ad;background:url(../images/pro_jt_05.png) center center no-repeat #fff;cursor:pointer;position:absolute;left:0;bottom:0;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd .prev:hover{background:url(../images/pro_jt_04.png) center center no-repeat #09a4ad;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .hd .next:hover{background:url(../images/pro_jt_06.png) center center no-repeat #09a4ad;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd{width:900px;height:375px;}



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



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



.box_01 .pro_center .bd .main .img{width:500px;height:375px;float:left;overflow:hidden;position:relative;}



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



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



.box_01 .pro_center .bd .main .txt{width:360px;height:375px;float:right;position:relative;overflow:hidden;}



.box_01 .pro_center .bd .main .txt .name{width:280px;font-size:20px;color:#333;line-height:20px;margin-top:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main:hover .txt .name{color:#09a4ad;margin-left:5px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main .txt p{width:280px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;line-height:30px;height:90px;font-size:14px;color:#999;margin-top:22px;}



.box_01 .pro_center .bd .main .txt .more{width:24px;height:24px;background:url(../images/more01.png) left center no-repeat;margin-top:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_center .bd .main:hover .txt .more{background:url(../images/more02.png) left center no-repeat;margin-top:30px;-webkit-transition:all .7s;transition:all .7s;}



.box_01 .pro_list{width:1300px;height:250px;margin:30px auto 0 auto;}



.box_01 .pro_list li{width:260px;height:240px;padding:10px 10px 0 20px;float:left;overflow:hidden;margin-right:46px;background:url(../images/product.png) 20px 67px no-repeat #fff;box-shadow: 0 0 10px #f2f2f2;}



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



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



.box_01 .pro_list li .img{width:240px;height:180px;margin-left:20px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;;}



.box_01 .pro_list li:hover .img{width:260px;margin-left:0;-webkit-transition:all .7s;transition:all .7s;;}



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



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



.box_01 .pro_list li:hover .name{color:#09a4ad;background:url(../images/more02.png) right center no-repeat;-webkit-transition:all .7s;transition:all .7s;}













/* 企业优势 */

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



.box_02 .center{width:1300px;height:960px;position:relative;margin:0 auto;}



.box_02 .center .h_title{width:auto;height:auto;position:absolute;left:0;top:80px;z-index:5;}



.box_02 .center .h_title p{width:313px;height:378px;background:url(../images/reason.png);}



.box_02 .center .h_title h3{font-size:30px;color:#fff;font-weight:bold;line-height:32px;margin-top:20px; letter-spacing:6px;}



.box_02 .center .pos{width:729px;height:836px;background:url(../images/ys_img.png);position:absolute;right:-185px;top:65px;z-index:5;}



.box_02 .center .wz{font-size:16px;color:#999;line-height:16px;height:660px;position:absolute;right:-160px;bottom:0;z-index:5;writing-mode: tb-rl; letter-spacing:3px;}



.box_02 .center .wz::after{content:'';width:1px;height:300px;background:#c1c1c1;position:absolute;bottom:0;left:8px;}



.box_02 .look_center{width:1300px;height:960px;position:relative;}



.box_02 .look_center .bd{width:440px;height:960px;float:left;margin-right:50px;}



.box_02 .look_center .bd .main{width:440px;height:960px;position:relative;}



.box_02 .look_center .bd .main .txt{width:360px;height:250px;padding:50px 40px 0 40px;background:#fff;position:absolute;bottom:105px;left:0;border-radius:0 0 120px 120px;}



.box_02 .look_center .bd .main .txt .num{position:absolute;top:55px;right:43px;font-size:48px;color:#09a4ad;line-height:38px;font-family: 'Times New Roman';}



.box_02 .look_center .bd .main .txt h4{line-height:20px;font-size:20px;color:#333;}



.box_02 .look_center .bd .main .txt span{display:block;font-size:12px;color:#c1c1c1;margin-top:18px;text-transform: Uppercase;line-height:10px;}



.box_02 .look_center .bd .main .txt p{font-size:14px;color:#999;line-height:30px;margin-top:12px;}



.box_02 .look_center .hd{width:254px;height:960px;float:left;position:relative;}



.box_02 .look_center .hd ul{width:254px;height:880px;}



.box_02 .look_center .hd ul li{width:224px;height:220px;padding-left:30px;position:relative;z-index:2;float:left;cursor:pointer;}



.box_02 .look_center .hd ul li::before{content:'';width:254px;height:1px;background:rgba(255,255,255,0.2);position:absolute;bottom:0;left:0;z-index:-3;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd ul li:last-child::before{content:'';width:254px;height:1px;background:rgba(255,255,255,0);position:absolute;bottom:0;left:0;z-index:-3;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd ul li::after{content:'';width:0;height:220px;background:rgba(9,164,173,0.67);position:absolute;top:0;left:50%;margin-left:-0;z-index:-2;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd ul li.on::after{content:'';width:254px;height:220px;background:rgba(9,164,173,0.67);position:absolute;top:0;left:50%;margin-left:-127px;z-index:-2;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd ul li .num{width:254px;height:220px;position:absolute;left:0;top:0;z-index:-1;font-size:80px;line-height:220px;color:rgba(255,255,255,0.02);text-align:center;}



.box_02 .look_center .hd ul li h4{font-size:20px;color:#fff;line-height:20px;margin-top:85px;}



.box_02 .look_center .hd ul li p{font-size:12px;color:#c1c1c1;line-height:10px;text-transform: Uppercase;margin-top:20px;}



.box_02 .look_center .hd .arrow{width:440px;height:80px;position:absolute;bottom:105px;left:-490px;z-index:5;}



.box_02 .look_center .hd .prev{width:80px;height:80px;background:url(../images/ys_jt_01.png) center center no-repeat #fff;border-radius:40px;cursor:pointer;float:left;box-shadow: 0 0 10px rgba(0,0,0,0.05);-webkit-transition:all .7s;transition:all .7s;}



.box_02 .look_center .hd .next{width:80px;height:80px;background:url(../images/ys_jt_03.png) center center no-repeat #fff;border-radius:40px;cursor:pointer;float:right;box-shadow: 0 0 10px rgba(0,0,0,0.05);-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 #09a4ad;-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 #09a4ad;-webkit-transition:all .7s;transition:all .7s;}









/* 项目案例 */

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



.box_03 .h_title{width:200px;height:65px;margin:0 auto;background:url(../images/bt_case.png) center top no-repeat;}



.box_03 .h_title h3{font-size:30px;color:#333;font-weight:bold;line-height:65px;text-align:center; background:url(../images/line01.png) center bottom no-repeat;}



.box_03 .show_list{width:1299px;height:525px;margin:60px auto 0 auto;overflow:hidden;position:relative;}



.box_03 .show_list::before{content:'';width:450px;height:1px;background:#eee;position:absolute;bottom:25px;left:0;}



.box_03 .show_list::after{content:'';width:450px;height:1px;background:#eee;position:absolute;bottom:25px;right:0;}



.box_03 .show_list .swiper-slide{width:433px;height:385px;padding-top:50px;position:relative;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .show_list .swiper-slide a{display:block;}



.box_03 .show_list .swiper-slide-active{padding-top:0;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .show_list .swiper-slide .img{width:100%;height:325px;overflow:hidden;border-radius:0 0 0 0;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .show_list .swiper-slide-active .img{border-radius:0 50px 0 0;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .show_list .swiper-slide .img img{display:block;width:100%;height:100%;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_03 .show_list .swiper-slide .txt{width:240px;height:120px;padding:0 104px 0 40px;background:url(../images/case_bk02.png);position:absolute;left:25px;bottom:0;z-index:5;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .show_list .swiper-slide-active .txt{background:url(../images/case_bk01.png);-webkit-transition:all .7s;transition:all .7s;}



.box_03 .show_list .swiper-slide .txt .name{font-size:16px;color:#333;line-height:16px;margin-top:37px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .show_list .swiper-slide-active .txt .name{color:#09a4ad;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .show_list .swiper-slide .txt p{font-size:14px;color:#999;line-height:15px;margin-top:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_03 .show_list .swiper-button-prev{width:46px;height:46px;margin-top:-50px;border-radius:25px;border:solid 2px #09a4ad;background:url(../images/case_jt_01.png) center center no-repeat #fff;position:absolute;left:480px;top:100%;outline:none;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .show_list .swiper-button-next{width:46px;height:46px;margin-top:-50px;border-radius:25px;border:solid 2px #09a4ad;background:url(../images/case_jt_03.png) center center no-repeat #fff;position:absolute;right:480px;top:100%;outline:none;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .show_list .swiper-button-prev:hover{background:url(../images/case_jt_02.png) center center no-repeat #09a4ad;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .show_list .swiper-button-next:hover{background:url(../images/case_jt_04.png) center center no-repeat #09a4ad;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .show_list .swiper-pagination{width:auto;height:20px;bottom:15px;left:50%;margin-left:-100px;}



.box_03 .show_list .swiper-pagination .swiper-pagination-bullet{width:40px;height:20px;background:url(../images/dian04.png) center center no-repeat;border-radius:0;margin:0; opacity:1;display:inline-block;-webkit-transition:all .7s;transition:all .7s;}



.box_03 .show_list .swiper-pagination .swiper-pagination-bullet-active{background:url(../images/dian05.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}













/* 在线留言 */

.box_04{width:100%;height:160px;padding-top:40px;background:url(../images/ad_back.png) center top no-repeat;overflow:hidden;}



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



.box_04 .center .left{width:400px;height:160px;float:left;}



.box_04 .center .left h4{font-size:18px;color:#fff;font-weight:bold;line-height:20px;}



.box_04 .center .left p{font-size:14px;color:rgba(255,255,255,0.5);line-height:30px;margin-top:12px;}



.box_04 .center .left .tel{font-size:24px;color:#fff;font-weight:bold;line-height:20px;margin-top:12px;}



.box_04 .center .form{width:760px;height:120px;float:right;position:relative;overflow:hidden;}



.box_04 .center .form p{width:370px;height:50px; background:url(../images/ly_bk01.png);overflow:hidden;border-radius:2px;}



.box_04 .center .form input{display:block;width:calc(100% - 50px);height:50px;line-height:50px;color:#e5e5e5;font-size:14px;padding:0 15px 0 35px;box-sizing:content-box;}



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



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



.box_04 .center .form p:nth-of-type(1) input{background:url(../images/name.png) 10px center no-repeat;}



.box_04 .center .form p:nth-of-type(2) input{background:url(../images/phone.png) 10px center no-repeat;}



.box_04 .center .form p:nth-of-type(3){width:370px;height:50px;position:absolute;left:0;bottom:0;}



.box_04 .center .form textarea{width:calc(100% - 50px);height:50px;line-height:50px;font-size:14px;padding:0 15px 0 35px;box-sizing:content-box;background:url(../images/liuyan.png) 10px center no-repeat;}



.box_04 .center .form p:nth-of-type(4){width:250px;position:absolute;right:120px;bottom:0;}



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



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



.box_04 .center .form .tj{width:100px;height:50px;border:none;overflow:hidden;position:absolute;z-index:0;right:0;bottom:0;border-radius:2px;-webkit-transition:all .7s;transition:all .7s;}



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



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



.btn_bubble_3{background:#09a4ad;background-repeat: no-repeat;}



.btn_bubble_3:hover, .btn_bubble_3:focus {

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

 animation: btn_3 1s forwards ease-out;

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

 background-color: #09a4ad;

 background-repeat: no-repeat;

}



@-webkit-keyframes btn_3 {

 100% {

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

  box-shadow: inset 0 -140px 0 #09a4ad;

 }

}



@keyframes btn_3 {

 100% {

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

  box-shadow: inset 0 -140px 0 #09a4ad;

 }

}











/* 新闻资讯 */

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



.box_05 .h_title{width:200px;height:65px;margin:0 auto;background:url(../images/bt_case.png) center top no-repeat;}



.box_05 .h_title h3{font-size:30px;color:#333;font-weight:bold;line-height:65px;text-align:center; background:url(../images/line01.png) center bottom no-repeat;}



.box_05 .top{width:1300px;height:540px;margin:60px auto 0 auto;}



.box_05 .top li{width:350px;height:540px;padding:0 30px;background:#fff;float:left;margin-right:35px;overflow:hidden;box-shadow: 0 0 15px #efefef;position:relative;}



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



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



.box_05 .top li .name{font-size:16px;color:#333;line-height:16px;margin-top:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .top li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;line-height:30px;height:60px;font-size:14px;color:#999;margin-top:12px;}



.box_05 .top li .img{width:350px;height:260px;overflow:hidden;margin-top:22px;border-radius:0 0 50px 0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .top li.active .img{border-radius:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .top li .img img{display:block;width:350px;height:260px;object-fit:cover;vertical-align:top;transition: all 1s;}



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



.box_05 .top li .date{font-size:14px;color:#999;line-height:24px;height:24px;font-family: 'Times New Roman';position:absolute;left:30px;bottom:55px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .top li .date span{font-size:30px;color:#333;line-height:24px;font-family: 'Times New Roman';-webkit-transition:all .7s;transition:all .7s;}



.box_05 .top li.active .date{color:#09a4ad;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .top li.active .date span{color:#09a4ad;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .top li .more{width:140px;height:40px;padding-left:20px;background:#fafafa;border-radius:20px 0 0 20px;font-size:12px;color:#333;line-height:40px;font-family: 'Times New Roman';text-transform: Uppercase;position:absolute;right:0;bottom:50px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .top li.active .more{background:#09a4ad;color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .bottom{width:1300px;height:200px;margin:10px auto 0 auto;}



.box_05 .bottom li{width:625px;height:65px;margin-top:35px;overflow:hidden;position:relative;z-index:2;float:left;}



.box_05 .bottom li::before{content:'';width:625px;height:1px;background:#eee;position:absolute;bottom:0;left:0;z-index:-1;}



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



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



.box_05 .bottom li .date{width:80px;height:65px;float:left;position:relative;z-index:2;text-align:center;}



.box_05 .bottom li .date::before{content:'';width:80px;height:0px;background:#09a4ad;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .bottom li.active .date::before{content:'';width:80px;height:65px;background:#09a4ad;position:absolute;top:0;left:0;z-index:-1;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .bottom li .date p:nth-of-type(1){font-size:20px;color:#333;line-height:16px;font-weight:bold;margin-top:15px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .bottom li .date p:nth-of-type(2){font-size:12px;color:#999;line-height:10px;margin-top:8px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .bottom li.active .date p:nth-of-type(1){color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .bottom li.active .date p:nth-of-type(2){color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .bottom li .name{width:475px;padding-right:50px;float:right;font-size:16px;color:#333;line-height:65px;background:url(../images/news_jt.png) right center no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}













/* 关于我们 */

.box_06{width:100%;height:920px;padding-top:80px; background:url(../images/ab_back.jpg) center top no-repeat #fff;overflow:hidden;}



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



.box_06 .top .left{width:650px;height:430px;float:left;}



.box_06 .top .left .zm{width:255px;height:50px; background:url(../images/bt_us.png) left center no-repeat;position:relative;}



.box_06 .top .left .zm::after{content:'';width:50px;height:4px;background:#eee;position:absolute;top:23px;right:0;}



.box_06 .top .left h3{font-size:30px;color:#fff;line-height:32px;font-weight:bold;margin-top:25px;}



.box_06 .top .left h3 a{color:#fff;}



.box_06 .top .left p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:6;overflow: hidden;line-height:35px;height:210px;font-size:15px;color:#c7c7c7;margin-top:40px;}



.box_06 .top .yyzz{width:230px;height:160px;overflow:hidden;position:absolute;right:320px;top:155px; background:url(../images/honor.png);}



.box_06 .top .yyzz img{display:block;width:204px;height:132px;vertical-align:top;object-fit:cover;position:absolute;top:14px;left:13px;}



.box_06 .bottom{width:1200px;height:440px;padding:0 50px;margin:0 auto;position:relative; background:#fff;overflow:hidden;z-index:5;}



.box_06 .slideGroup{width:1200px;height:auto;}



.box_06 .slideGroup .parHd{width:1200px;height:170px;o}



.box_06 .slideGroup .parHd ul{width:420px;height:170px;overflow:hidden;float:left;display:flex;justify-content: space-between;}



.box_06 .slideGroup .parHd ul li{width:120px;height:140px;cursor:pointer;float:left;margin-top:30px;background:url(../images/ab_bk01.png);overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .slideGroup .parHd ul li.on{margin-top:0;background:url(../images/ab_bk02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_06 .slideGroup .parHd ul li a{display:block;width:120px;height:115px;padding-top:25px;text-align:center;}



.box_06 .slideGroup .parHd ul li a i{display:block;width:30px;height:30px;margin:0 auto;}



.box_06 .slideGroup .parHd ul li.on a i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}



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



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



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



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



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



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



.box_06 .slideGroup .parHd ul li a span{display:block;width:22px;height:1px;margin:14px auto 0 auto; background:url(../images/line02.png);-webkit-transition:all .7s;transition:all .7s;}



.box_06 .slideGroup .parHd ul li.on a span{background:url(../images/line03.png);-webkit-transition:all .7s;transition:all .7s;}



.box_06 .slideGroup .parHd ul li h4{font-size:16px;color:#333;line-height:16px;margin-top:13px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .slideGroup .parHd ul li p{font-size:12px;color:#c1c1c1;line-height:10px;text-transform: Uppercase;margin-top:8px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .slideGroup .parHd ul li.on h4{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .slideGroup .parHd ul li.on p{color:#c0dadc;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .slideGroup .parHd .more{display:block;width:30px;height:110px; background:url(../images/more04.png);margin-top:30px;float:right;position:relative;}



.box_06 .slideGroup .parHd .more::after{content:'';width:60px;height:30px;background:url(../images/more03.png) center center no-repeat #09a4ad;position:absolute;bottom:10px;right:10px;-webkit-transition:all .7s;transition:all .7s;}

.box_06 .slideGroup .parHd .more:hover::after{content:'';position:absolute;bottom:10px;right:-15px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .slideGroup .parBd{width:1200px;height:210px;margin-top:30px;position:relative;z-index:2;}



.box_06 .slideGroup .parBd .slideBox{position:relative;}



.box_06 .slideGroup .parBd .slideBox .tempWrap{width:1200px !important;height:210px;margin:0 auto;overflow:hidden;position:relative;z-index:5;}



.box_06 .slideGroup .parBd ul{width:1200px;height:210px;overflow:hidden;}



.box_06 .slideGroup .parBd ul li{width:270px;height:210px;overflow:hidden;float:left;margin-right:40px;position:relative;}



.box_06 .slideGroup .parBd ul li a{display:block;}



.box_06 .slideGroup .parBd ul li .img{width:270px;height:180px;border-radius:0 0 50px 0;overflow:hidden;}



.box_06 .slideGroup .parBd ul li .img img{display:block;width:270px;height:180px;object-fit:cover;vertical-align:top;transition: all 1s;}



.box_06 .slideGroup .parBd ul li:hover .img img{transform: scale(1.1);}



.box_06 .slideGroup .parBd ul li .name{width:220px;padding:0 25px;font-size:16px;color:#333;line-height:16px;margin-top:14px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .slideGroup .parBd ul li:hover .name{color:#09a4ad;-webkit-transition:all .7s;transition:all .7s;}





















/* animated home */

.leftWow,

.rightWow,

.bottomWow {

  -webkit-transition: all 0.8s ease-out;

  transition: all 0.8s ease-out;

}





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

  }

}