.tx-banner .swiper{overflow: hidden;}
.tx-banner .swiper-slide{position:relative; height: 800px;overflow:hidden;box-sizing: content-box;padding-bottom: 0.05rem;margin-top: -0.05rem;}
.tx-banner .swiper-slide a{position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.tx-banner .swiper-slide img{position:absolute;top:0;left:50%;transform:translate(-50%,0);max-width:none;width:auto;min-width:100%; height:100%;}
.tx-banner .swiper-pagination{float: left; position: relative;z-index: 20;margin-top: -80px;}
.tx-banner .swiper-pagination .swiper-pagination-bullet{position: relative; float: left;width: 32px;height: 32px;margin-right: 15px;background: none;opacity: 1;}
.tx-banner .swiper-pagination .swiper-pagination-bullet span{display: none; position: relative; float: left;width: 50%;height:100%;overflow: hidden;}
.tx-banner .swiper-pagination .swiper-pagination-bullet-active span{display: block;}
.tx-banner .swiper-pagination .swiper-pagination-bullet span i{position: absolute;top:0;width: 32px;height:32px;border-radius: 50%;transform: rotate(45deg);}
.tx-banner .swiper-pagination .swiper-pagination-bullet span:first-child i{left:0; border-top:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid rgba(255,255,255,0.4);border-left:2px solid rgba(255,255,255,0.4);animation: rotateright 4.7s linear infinite;}
.tx-banner .swiper-pagination .swiper-pagination-bullet span:last-child i{right:0; border-top:2px solid rgba(255,255,255,0.4);border-right:2px solid rgba(255,255,255,0.4);border-bottom:2px solid #fff;border-left:2px solid #fff;animation: rotateleft 4.7s linear infinite;}
.tx-banner .swiper-pagination .swiper-pagination-bullet::before{content: '';position: absolute;top:0;left:0;right:0;bottom:0;margin:auto; width: 10px;height: 10px;background: #fff;border-radius: 50%;}

.tx-main-title h4{font-size: 18px;line-height: 25px;margin-bottom: 4px;color: #00A472;}
.tx-main-title h3{font-size: 32px;font-weight: bold;line-height: 45px;}

.tx-news{padding:58px 0 32px;}
.tx-news-imgs{position: relative;width: 35.85%;}
.tx-news-imgs .navs{position: absolute;z-index: 20; right:-40px;top:50%;margin-top:35px; transform: translate(0,-50%); width: 79px;background: rgba(206,206,206,0.88);padding:10px 0;}
.tx-news-imgs .navs li{clear: both;font-size: 16px;line-height: 22px;padding: 17px 0;text-align: center;width: 100%;cursor: pointer;}
.tx-news-imgs .navs li.cur{color: #00A472;}
.tx-news-imgs .mains{display: none;margin-top: 22px;}
.tx-news-imgs .mains .swiper{position: relative;overflow: hidden;}
.tx-news-imgs .mains .swiper-slide{position: relative; height: 355px;overflow: hidden;}
.tx-news-imgs .mains .swiper-slide img{width: 100%;height: 100%;}
.tx-news-imgs .mains .swiper-slide h3{position: absolute;bottom:0;left:0; z-index: 30;width: 100%;line-height: 47px;height: 47px;background: rgba(0,0,0,0.5);color: #fff;padding-left:15px;padding-right: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-news-imgs .mains .swiper-pagination{width: 150px;right:0;left:auto;bottom:18px;}
.tx-news-imgs .mains .swiper-pagination span{width: 33px;height: 5px;background: #fff;opacity: 1;border-radius: 0;margin:0 5px !important;}
.tx-news-imgs .mains .swiper-pagination .swiper-pagination-bullet-active{background: #00A472;}

.tx-news-main{width: 33.21%;margin-left: 68px;margin-top: 41px;}
.tx-news-main .navs{margin-bottom: 34px;}
.tx-news-main .navs li{font-size: 16px;color: #666;margin-left: 45px;line-height: 22px;cursor: pointer;}
.tx-news-main .navs li.cur{font-weight: bold;}
.tx-news-main .navs li:first-child{margin-left:0;}
.tx-news-main .navs li a{color:#666;}
.tx-news-main .navs li.cur a{color: #00A472;}
.tx-news-main .mains{display: none;}
.tx-news-main .mains li{width: 100%;}
.tx-news-main .mains .date{float: left;width: 101px;background: #00A472;color: #fff; height: 121px;display: flex;justify-content: center;flex-direction: column;text-align: center;}
.tx-news-main .mains .date h5{font-size: 39px;font-weight: bold;line-height: 39px;margin-bottom: 12px;}
.tx-news-main .mains .date em{display: block;font-size: 15px;line-height: 15px;}
.tx-news-main .mains .text{float: left;width: calc(100% - 101px);height: 121px;padding:0 20px;background: #f6f6f6; display: flex;justify-content: center;flex-direction: column;}
.tx-news-main .mains .text h3{font-size: 18px;line-height: 20px;height:20px;margin-bottom:12px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-news-main .mains .text p{font-size: 14px;color:#999; line-height: 24px;height:48px;overflow: hidden;}
.tx-news-main .mains li.one{margin-bottom: 12px;}

.tx-news-main .mains a > h3{float: left;width: calc(100% - 100px);font-size: 14px; line-height: 20px;height: 20px;margin:13px 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-news-main .mains a > h3::before{content:'';display: inline-block;width: 0;height: 0;width: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 8px solid #b9b9b9;margin-right: 10px;}
.tx-news-main .mains a > b{float: left;width: 100px;text-align: right;font-size: 14px;line-height: 20px;margin:13px 0; color: #999;font-weight: normal;}
.tx-news-main .mains li:last-child a > h3,.tx-news-main .mains li:last-child a > b{margin-bottom: 0;}
.tx-news-main .mains li:first-child a > h3,.tx-news-main .mains li:first-child a > b{margin-top:4px;}

.tx-news-right{width: 23.71%;margin-top: 38px;}
.tx-news-right .title{background: #00A472;color:#fff;line-height: 25px;padding:13px 21px;}
.tx-news-right .title h3{font-size: 18px;font-weight: bold;margin-top: 2px;color:#fff;}
.tx-news-right .title h3 b{display: inline-block;font-size: 14px;margin-left: 5px; color: #fff;font-weight: normal;opacity: 0.5;}
.tx-news-right .mains1{padding:15px 20px;background: #f6f6f6;height: 126px;margin-bottom: 21px; overflow: hidden;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-news-right .mains1 *{transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-news-right .mains1 li{width: 100%;margin-bottom: 12px;}
.tx-news-right .mains1 li a{position: relative; display: block;font-size: 14px;line-height: 24px;padding-left: 20px;height: 48px;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.tx-news-right .mains1 li a img{position: relative;top:-2px;margin-left: 5px;}
.tx-news-right .mains1 li a::before{content:'';position: absolute;left: 0;top:8px; display: inline-block;width: 8px;height: 8px;border-radius: 50%;background:#00A472;}
.tx-news-right .mains2{position: relative; height: 162px;overflow: hidden;}
.tx-news-right .mains2 .swiper{width:100%;height:100%;}
.tx-news-right .mains2 .swiper-slide{position: relative;}
.tx-news-right .mains2 .swiper-slide::before{content:'';position: absolute;z-index:20; width: 100%;height: 100%;top:0;left:0;background: url('../img/play.png') center center no-repeat;}
.tx-news-right .mains2 .swiper-slide img{width:100%;height:100%;}
.tx-news-right .mains2 .swiper-pagination span{width: 15px;height: 2px;background: #fff;opacity: 1;}
.tx-news-right .mains2 .swiper-pagination .swiper-pagination-bullet-active{background: #00A472;}

.tx-about{background: url('../img/about-bg.png') center center no-repeat;background-size: cover;padding:70px 0;}
.tx-about .centers{display:flex;}
.tx-about-left{width: 34%;}
.tx-about-left .tx-main-title{margin-bottom: 39px;}
.tx-about-left a{display: inline-block;width: 177px;line-height: 53px;border:1px solid #666;font-size: 18px; color: #666;text-align: center;}
.tx-about-left a i{position: relative;top:4px; display: inline-block; width: 19px;height: 19px;border: 1px solid #00A472;border-radius: 50%; background: url('../img/about-i.png') center center no-repeat;margin-left: 18px;filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.tx-about-right{width: 66%;margin-top: 20px;display:flex;align-items:center;}
.tx-about-right p{font-size: 18px;line-height: 30px;color: #666;}

.tx-business{position: relative; height: 808px;overflow: hidden;}
.tx-business *{transition: 0.8s;-webkit-transition: 0.8s;-ms-transition: 0.8s;}
.tx-business .centers{position: relative;}
.tx-business-left{position: absolute;top: 135px;z-index: 20;color: #fff;}
.tx-business-left .tx-main-title h4{color: #fff;}
.tx-business-left .tx-main-title h3{color: #fff;}
.tx-business-left .nav{margin-top: 140px;}
.tx-business-left .nav li{clear: both;position: relative;font-size: 20px; color: #fff;cursor: pointer;line-height: 30px;padding-bottom: 13px;margin-bottom: 60px;}
.tx-business-left .nav li::before{content:'';position:absolute;left: 0;bottom:0; width: 0%;height: 2px;background: #fff;}
.tx-business-left .nav li.cur::before{width: 100%;}
.tx-business-left .nav li img{max-width: 28px;margin-right: 9px;position: relative;top:-2px;}
.tx-business-main{position: absolute;height: 100%; background-position: center center;background-repeat: no-repeat;background-size: cover;opacity: 0;z-index: -1;overflow: hidden;}
.tx-business-main.cur{opacity: 1;z-index: 10;}
.tx-business-main .click{position: absolute;bottom:111px;right:0;width: 110px;height: 74px;display: flex;justify-content: center;align-items: center;font-size: 16px;color:#fff;background: rgba(0, 164, 114, 0.8);border-radius: 99px 0 0 99px;cursor: pointer;}
.tx-business-main .text{position: absolute;z-index: 15;opacity: 0; bottom:0;background: rgba(0,0,0,0.5) url('../img/bus-logo.png') right bottom no-repeat;width: 935px;right:-935px; height: 300px; padding:20px 260px 20px 150px;border-radius: 80px 0 0 0;display: flex;flex-direction: column;justify-content: center;}
.tx-business-main .text .close{content:'';position: absolute;left: 0;top:0;bottom:0;margin:auto 0;width: 97px;height: 74px;border-radius: 0 99px 99px 0;background-color: rgba(0, 164, 114, 0.8);background-image: url('../img/bus-jt1.png');background-position: center;background-repeat: no-repeat;cursor: pointer;}
.tx-business-main .text p{font-size: 18px;line-height: 28px;color: #fff;height: 112px;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.tx-business-main .text a{display: inline-block;margin-top: 40px;color: #fff;font-size: 16px;}
.tx-business-main .text a img{position: relative;top:-3px;margin-left: 18px;}
.tx-business-main .text.cur{right:0;opacity: 1;}
.tx-business-main .click.cur{opacity: 0;}

.tx-case{background: url('../img/case-bg.png') center center no-repeat;overflow: hidden;}
.tx-case .tx-main-title{margin-bottom: 35px;}
.tx-case-main{position:relative;}
.tx-case-main .swiper-slide{position: relative; width: 861px;height: 534px;overflow: hidden;}
.tx-case-main .swiper-slide img{width: 100%;height: 100%;}
.tx-case-main .swiper-slide h3{position: absolute;left: 0;bottom:0;width: 100%; font-size: 22px;line-height: 75px;height: 75px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 43px;background: rgba(0,0,0,0.5);color:#fff;opacity: 1;}
.tx-case-main .swiper-slide .text{position: absolute;z-index: 20; bottom:0;left:0;width: 100%;height: 100%; padding:20px 14%;text-align: center; color: #fff;background: rgba(0, 164, 114, 0.5);display: flex;flex-direction: column;justify-content: center;align-items: center;opacity: 0;}
.tx-case-main .swiper-slide .text h4{font-size: 37px;line-height: 52px; margin-bottom: 35px;}
.tx-case-main .swiper-slide .text p{font-size: 18px;line-height: 28px;}
.tx-case-main .swiper-button{width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,0.55)}
.tx-case-main .swiper-button:after{font-size:18px;color:#fff;}
.tx-case-main .swiper-button-prev{left:-110px;}
.tx-case-main .swiper-button-next{right:-110px;}

.tx-friend{padding:50px 0;}
.tx-friend .swiper{overflow: hidden;}
.tx-friend .swiper-slide{height: 139px;overflow: hidden;cursor: pointer;}
.tx-friend .swiper-slide img{width: 100%;height: 100%;}

@keyframes rotateleft{
    0%{transform: rotate(45deg);}
    50%{transform: rotate(225deg);}
    100%{transform: rotate(225deg);}
}
@keyframes rotateright{
    0%{transform: rotate(45deg);}
    50%{transform: rotate(45deg);}
    100%{transform: rotate(225deg);}
}

@media screen and (min-width: 769px){

    .tx-gonggao-main .pages .swiper-button:hover{-webkit-filter: grayscale(0%);}
    .tx-about-left a:hover{border-color: #00A472;color: #00A472;}
    .tx-about-left a:hover i{ -webkit-filter: grayscale(0%);}

    .tx-news-imgs .mains .swiper-slide:hover img,.tx-news-right .mains2 .swiper-slide:hover img{transform:scale(1.08)}
    .tx-news-main .mains a:hover > h3::before{border-left-color: #00A472;}

    .tx-business-left .nav li:hover:before{width: 100%;}
    .tx-business-main .click:hover,.tx-business-main .text .close:hover{background-color: rgba(0, 164, 114, 1);}
    .tx-business-main .text a:hover img{margin-left: 24px;}

    .tx-case-main .swiper-slide:hover img{transform: scale(1.08);}
    .tx-case-main .swiper-slide:hover h3{opacity: 0;}
    .tx-case-main .swiper-slide:hover .text{opacity: 1;}
    .tx-case-main .swiper-button:hover{background:#00A472;}

    .tx-friend .swiper-slide:hover img{transform: scale(1.08);}

}

@media screen and (max-width: 1465px){

    .tx-banner .swiper-slide{height:610px;}
    .tx-banner .swiper-pagination{margin-top: -60px;}
    .tx-banner .swiper-pagination .swiper-pagination-bullet::before{width: 6px;height: 6px;}
    .tx-banner .swiper-pagination .swiper-pagination-bullet{width: 28px;height: 28px;margin-right: 12px;}
    .tx-banner .swiper-pagination .swiper-pagination-bullet span i{width: 28px;height: 28px;}

    .tx-main-title h4{font-size: 14px;line-height: 18px;}
    .tx-main-title h3{font-size: 24px;line-height: 35px;}

    .tx-news{padding:40px 0}
    .tx-news-imgs .mains .swiper-slide{height: 296px;}
    .tx-news-imgs .mains .swiper-slide h3{font-size: 14px;line-height: 38px;height:38px;}
    .tx-news-imgs .mains .swiper-pagination{bottom:15px;}
    .tx-news-imgs .mains .swiper-pagination span{width: 25px;height:3px;}
    .tx-news-main{margin-top: 28px;}
    .tx-news-main .navs{margin-bottom: 30px;}
    .tx-news-main .navs li{font-size: 14px;margin-left: 30px;}
    .tx-news-main .mains .date{height: 108px;}
    .tx-news-main .mains .date h5{font-size: 25px;line-height: 25px;margin-bottom: 5px;}
    .tx-news-main .mains .date em{font-size: 12px;}
    .tx-news-main .mains .text{height: 108px;}
    .tx-news-main .mains .text h3{font-size: 15px;margin-bottom: 8px;margin-top: 6px;}
    .tx-news-main .mains .text p{font-size: 12px;line-height: 21px;height: 42px;}
    .tx-news-main .mains a > h3{font-size: 13px;margin:8px 0;width: calc(100% - 80px);}
    .tx-news-main .mains a > b{font-size: 12px;margin:8px 0;width:80px;}
    .tx-news-right .title{padding:6px 20px;}
    .tx-news-right .title h3{font-size: 15px;}
    .tx-news-right .title img{width: 22px;margin-top: 4px;}
    .tx-news-right .mains2{height:135px;}
    .tx-news-right .mains1{height:96px}
    .tx-news-right .mains1 li a{font-size: 13px;}

    .tx-about{padding:40px 0;}
    .tx-about-left a{width: 150px;line-height: 42px;font-size: 14px;}
    .tx-about-right{margin-top: 10px;}
    .tx-about-right p{font-size: 14px;}
    .tx-about-left a i{margin-left: 12px;}

    .tx-business{height: 700px;}
    .tx-business-left{top:110px;}
    .tx-business-left .nav li{font-size: 17px;}
    .tx-business-left .nav li::before{height: 1px;}
    .tx-business-left .nav{margin-top: 70px;}
    .tx-business-left .nav li{margin-bottom: 45px;}
    .tx-business-main .click{font-size: 14px;width: 90px;height:65px;}
    .tx-business-main .text{padding:20px 170px 20px 135px;}
    .tx-business-main .text .close{width: 85px;height:66px;}
    .tx-business-main .text p{font-size: 14px;}
    .tx-business-main .text a{margin-top: 20px;line-height: 42px;font-size: 12px;}

    .tx-case .tx-main-title{margin-bottom: 28px;}
    .tx-case-main .swiper-slide{width: 700px;height: 435px;}
    .tx-case-main .swiper-slide h3{font-size: 16px;height: 62px;line-height: 62px;}
    .tx-case-main .swiper-slide .text h4{font-size: 24px;line-height: 32px;margin-bottom: 22px;}
    .tx-case-main .swiper-slide .text p{font-size: 16px;}

    .tx-friend{padding: 38px 0;}
    .tx-friend .swiper-slide{height: 118px;}

}

@media screen and (max-width: 768px){

    .tx-banner .swiper-slide{height:200px;}
    .tx-banner .swiper-pagination{display: none;}

    .tx-main-title h4{font-size:12px;line-height: 12px;}
    .tx-main-title h3{font-size: 17px;line-height: 22px;}

    .tx-news{padding:20px 0;}
    .tx-news-imgs{width: 100%;}
    .tx-news-imgs .navs{position: relative;right:0;top:0;transform: translate(0,0);margin-top: 8px;float: left;width: 100%;padding: 0;}
    .tx-news-imgs .navs li{width: 50%;clear: none;font-size: 13px;padding:7px 0;}
    .tx-news-imgs .navs li.cur{background: #00A472;color:#fff;}
    .tx-news-imgs .mains{margin-top: 8px;} 
    .tx-news-imgs .mains .swiper-slide{height:64vw;}
    .tx-news-imgs .mains .swiper-pagination span{display: none;}
    .tx-news-imgs .mains .swiper-slide h3{font-size: 12px;line-height: 36px;height:36px;padding:0 15px;}
    .tx-news-main{width: 100%;margin:0;margin-top: 20px;}
    .tx-news-main .navs{margin-bottom: 12px;}
    .tx-news-main .navs li{width: 25%;margin-left: 0;}
    .tx-news-main .mains .date{width: 75px;height:90px;}
    .tx-news-main .mains .date h5{font-size: 18px;line-height: 22px;}
    .tx-news-main .mains .text{height:90px;}
    .tx-news-main .mains .text{width: calc(100% - 75px);padding:0 15px;}
    .tx-news-main .mains .text h3{font-size: 14px;margin-bottom: 5px;}
    .tx-news-main .mains a > h3,.tx-news-main .mains a > b{font-size: 12px;margin:5px 0;}
    .tx-news-right{margin-top: 20px;width: 100%;}
    .tx-news-right .title h3{font-size: 14px;}
    .tx-news-right .mains1{height:130px;}

    .tx-about{padding:0px 0 20px;}
    .tx-about-left{ width: 100%;}
    .tx-about-left .tx-main-title{margin-bottom:12px;}
    .tx-about-left a{display:none;}
    .tx-about-right{width: 100%;margin-top: 0;}
    .tx-about-right p{font-size: 12px;line-height: 1.8;}

    .tx-business{height:300px;}
    .tx-business-left{position: relative;width: 100%;top:25px;}
    .tx-business-left .nav{margin-top: 12px;}
    .tx-business-left .nav li{width: 33.33%;clear: none;font-size: 14px;text-align: center;}
    .tx-business-left .nav li img{width: 18px;margin-right: 4px;}
    .tx-business-main{padding:20px 0;}
    .tx-business-main .click{display:none;}
    .tx-business-main .text{position: relative;width: 100%;height:auto;opacity:1;right:0;padding:15px;background: none;bottom:auto;margin-top: 100px;}
    .tx-business-main .text .close{display: none;}
    .tx-business-main .text p{font-size: 12px;line-height: 24px;}
    .tx-business-main .text a{margin-top: 8px;line-height: 16px;}

    .tx-case .tx-main-title{margin-bottom: 12px;}
    .tx-case-main .swiper-slide{width: 100%;height:57vw;}
    .tx-case-main .swiper-slide h3{font-size: 12px;line-height: 36px;height:36px;}

    .tx-friend{padding:20px 0;}
    .tx-friend .swiper-slide{height:18vw;}

}