html,body{height:100%;overflow-y: hidden;}
#container,.sections,.section{position: relative;height: 100%;}
.section{position: relative;z-index: 10; background: #f2f2f2;background-size: cover;background-position: 50% 50%;overflow-y: hidden;}
.pages{position:absolute;z-index: 20; right: 52px;top: 50%;list-style: none;transform: translate(0, -50%)}
.pages li{position: relative; clear: both;text-align: center; width: 18px;height: 18px;border-radius: 50%;cursor: pointer;margin: 5px 0;background: url('../img/section-pages.png') center center no-repeat;}
.pages li:last-child{display: none;}
.pages li.active{background: url('../img/section-page.png') center center no-repeat;}
.pages.whites li{background: url('../img/section-pages1.png') center center no-repeat;}
.pages.whites li.active{background: url('../img/section-page1.png') center center no-repeat;}

.tx-head{position: absolute;}
.tx-head-navbut{border:none;}

.tx-banner{height: 100%;}
.tx-banner .swiper{position: relative;z-index: 10;}
.tx-banner .swiper,.tx-banner .swiper-slide{height: 100%;}
.tx-banner .swiper-slide{background-position: center;background-repeat: no-repeat;background-size: cover;text-align: center;opacity: 0;}
.tx-banner .swiper-slide-active{opacity: 1;}
.tx-banner-text{position: absolute;bottom:-100px;opacity: 0; max-width: 1200px;left:0;right:0;margin:0 auto;transition: 1s;-webkit-transition: 1s;-ms-transition: 1s;}
.tx-banner-text h3{font-size: 54px;line-height: 70px;margin-bottom: 27px;font-weight: bold;}
.tx-banner-text h4{line-height: 16px;margin-bottom: 44px;}
.tx-banner .swiper-slide-active .tx-banner-text{bottom:0;opacity: 1;}
.tx-banner .centers1400{position: relative;z-index: 30;margin-top: -72px;}
.tx-banner .downs{position: absolute; bottom:0px;left:0;animation:topBan 2s infinite;}
.tx-banner .swiper-pagination{position: relative;}
.tx-banner .swiper-pagination span{width: 38px;height: 4px;background: #ababab;margin:0 4px !important;opacity: 1;border-radius: 0;}
.tx-banner .swiper-pagination .swiper-pagination-bullet-active{width: 86px;background: var(--mColor);}

@keyframes topBan{
    0%{transform: translate(0,0);}
    50%{transform: translate(0,-30px);}
	100%{transform: translate(0,0);}
}

.tx-mains-title{margin-bottom: 40px;}
.tx-mains-title h3{font-size:40px;line-height: 56px;}
.tx-mains-title.whites h3{color:#fff;}
.tx-mains-title a.bg{margin-top: 4px;}
.tx-mains-title a.more{line-height: 56px;font-size: 18px;}

.centerc.centers1400{display: flex;flex-direction: column;justify-content: center; height: 100%;}

.tx-product{height:100%;background: url('../img/product-bg.png') center center no-repeat;background-size: cover;padding-top:100px;overflow: hidden;}
.tx-product-nav {margin-bottom: 50px;}
.tx-product-nav li{position: relative; font-size: 20px;line-height: 34px;font-size: 20px;padding-bottom: 10px;padding-right: 25px;margin-left: 40px;cursor: pointer;}
.tx-product-nav li:first-child{margin-left: 0;}
.tx-product-nav li img{margin-right: 12px;filter:Gray; -webkit-filter: grayscale(100%);}
.tx-product-nav li::before{content:'';position: absolute;width: 0%;height:1px;background: var(--mColor);bottom:0;left:0;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-product-nav li.cur{color: var(--mColor);}
.tx-product-nav li.cur img{-webkit-filter: grayscale(0%);}
.tx-product-nav li.cur::before{width: 100%;}
.tx-product-main{display: none; position: relative;overflow: hidden;}
.tx-product-main.cur{display: block;}
.tx-product-main .mains{margin-bottom:50px;position: relative;left: 0}
.tx-product-main li a{position: relative; display: block;background: #fff;padding:42px 23px;width: 444px; height: 400px;margin-right: 34px; overflow: hidden;}
.tx-product-main li a h3{position: relative; font-size: 20px;line-height: 28px;height:28px;margin-bottom: 25px; padding-right:30px; font-weight: bold;background: url('../img/pro-lilogo.png') right 0px no-repeat;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.tx-product-main li a b{display: block; width: 100%;height: 1px;background: #e2e2e2;z-index: 20;margin-bottom: 30px;}
.tx-product-main li a p{font-size: 16px;line-height: 22px;margin-bottom: 8px;color: #999;}
.tx-product-main li a .img{display: block; position: relative;text-align: right;width: 100%;height:calc(100% - 43px); margin-top: -10px;display:flex;justify-content:center;align-items:center;}
.tx-product-main li a .img img{max-width: 100%;max-height: 100%;}
.tx-product-main li a i{display:block; width: 40px;height: 40px;margin-top: -40px; border-radius: 50%;background: #F6F7FB url('../img/pro-lijt.png') center center no-repeat;}
.tx-product .pagess{position: relative;width: 100%;border-top: 6px solid #d6d6d6;margin-bottom: 112px;}
.tx-product,.tx-product *{transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;user-select:none;-webkit-touch-callout:none;}
.tx-product .pagess .jindu{position: absolute;left: 0;top:-6px;width: 0px;height: 6px;background: var(--mColor);}
.tx-product .pagess .text{position: absolute; left: 0; top:-23px; display: inline-block; text-align: center;cursor: pointer;}
.tx-product .pagess .text i{display: inline-block;width: 43px;height: 43px;background: var(--mColor) url('../img/pro-pagezy.png') center center no-repeat;border-radius: 50%;}
.tx-product .pagess .text h3{position: absolute;left: 50%;top:100%;margin-top: 12px; font-size: 16px;color:var(--mColor);font-weight: bold;line-height: 22px; white-space: nowrap;transform: translate(-50%, 0);}
.tx-product .pagess .text h3 img{margin-bottom: 8px;}

.tx-business{position: relative; height: 100%;}
.tx-business .centers1400{position: relative;}
.tx-business .mySwiper2{position: relative;z-index: 10; height: 100%;}
.tx-business .mySwiper2::before{content: ''; position: absolute;z-index: 20;width: 100%;height: 2px;left: 0; bottom:140px; background: #a1a1a1;}
.tx-business .mySwiper2 .swiper-slide{display: flex;justify-content: center;align-items: center; height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.tx-business .mySwiper2 .text{max-width: 783px;text-align: center;color: #fff;}
.tx-business .mySwiper2 .text h3{font-size: 40px;line-height: 56px;margin-bottom: 30px;height: 56px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.tx-business .mySwiper2 .text > i{display: inline-block;width: 62px;height: 3px;background: #fff;margin-bottom: 48px;}
.tx-business .mySwiper2 .text h4{font-size: 28px;line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.tx-business .mySwiper2 .text em{display: block;font-size: 18px;line-height: 30px;opacity: 0.7;margin-top: 26px;height: 60px;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-business .mySwiper2 .text a{display: inline-block; font-size: 16px;color: #fff;line-height: 22px;margin-top:35px;}
.tx-business .mySwiper2 .text a i{margin-left: 14px;font-family: 'simsun';}
.tx-business .mySwiper{position: absolute;z-index: 20;margin: 0 auto; width: 100%; bottom:90px;color: #fff;overflow: hidden;}
.tx-business .mySwiper .swiper-slide{position: relative;display: flex;justify-content: center;}
.tx-business .mySwiper .date{display: block;}
.tx-business .mySwiper h3{font-size: 50px;margin-bottom: 25px;opacity: 0;}
.tx-business .mySwiper h3 b{display: inline-block;font-size: 31px;}
.tx-business .mySwiper i{position: relative; display: inline-block;margin-left: 4px; width: 13px;height: 13px;border-radius: 50%;background: #fff;}
.tx-business .mySwiper i::before{content:"";position: absolute;width: 21px;height: 21px;background: #fff;border-radius: 50%;opacity: 0.2;left: -4px;top:-4px;}
.tx-business .mySwiper h4{font-size: 16px;line-height: 22px;margin-top: 20px;}
.tx-business .mySwiper .swiper-slide-thumb-active h3{opacity: 1;}

.tx-case{height:100%;background: url('../img/case-bg.png') center center no-repeat;background-size: cover;padding-top:100px;}
.tx-case-main{overflow: hidden;}
.tx-case-main .mySwiper2{position: relative;display:none}
.tx-case-main .mySwiper2:first-child{display:block;}
.tx-case-main .mySwiper2 .swiper-button{right:auto;left:auto;top:auto;margin-top: -80px;width: 40px;height: 40px;border-radius: 50%;border:1px solid #fff;}
.tx-case-main .mySwiper2 .swiper-button:after{font-size: 14px;color: #fff;}
.tx-case-main .mySwiper2 .swiper-button-next{margin-left: 88px;}
.tx-case-left{width: 55.3%;padding-right: 75px;color:#fff;padding-top: 54px;}
.tx-case-left h3{font-size: 32px;font-weight: bold;line-height: 45px;margin-bottom: 4px;}
.tx-case-left h4{font-size: 16px;line-height: 22px;opacity: 0.6;}
.tx-case-left i{display: inline-block;width: 62px;height: 3px;background: #fff;margin:25px 0;}
.tx-case-left em{display: block;font-size: 16px;line-height: 30px;height: 90px;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.tx-case-right{width: 44.7%;height: 398px;overflow: hidden;}
.tx-case-right img{width: 100%;height: 100%;}
.tx-case-nav{margin-top: 77px;}
.tx-case-nav li{width:24.5%; position: relative;display: flex;flex-direction: column;justify-content: center;height: 148px;margin-top:26px;padding:0 100px 0 30px;color:#fff;cursor:pointer;}
.tx-case-nav li *{transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-case-nav li .i2{position: absolute;right:23px;top:0;bottom:0;margin:auto 0;max-width: 64px;}
.tx-case-nav li:nth-child(4n-3){background: #0484CB;}
.tx-case-nav li:nth-child(4n-2){background: #07709B;}
.tx-case-nav li:nth-child(4n-1){background: #12939C;}
.tx-case-nav li:nth-child(4n){background: #035EC5;}
.tx-case-nav li h3{font-size: 20px;margin-bottom: 8px;}
.tx-case-nav li h4{font-size: 12px;line-height: 17px;}
.tx-case-nav li .i1{position: relative;top:-2px; max-width: 30px;margin-right: 10px;line-height: 30px;}
/*.tx-case-main .mySwiper{margin-top: 77px;}*/
/*.tx-case-main .mySwiper .swiper-slide{position: relative;display: flex;flex-direction: column;justify-content: center;height: 148px;margin-top:26px;padding:0 100px 0 30px;color:#fff;}*/
/*.tx-case-main .mySwiper .swiper-slide *{transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}*/
/*.tx-case-main .mySwiper .swiper-slide .i2{position: absolute;right:23px;top:0;bottom:0;margin:auto 0;max-width: 64px;}*/
/*.tx-case-main .mySwiper .swiper-slide:nth-child(4n-3){background: #0484CB;}*/
/*.tx-case-main .mySwiper .swiper-slide:nth-child(4n-2){background: #07709B;}*/
/*.tx-case-main .mySwiper .swiper-slide:nth-child(4n-1){background: #12939C;}*/
/*.tx-case-main .mySwiper .swiper-slide:nth-child(4n){background: #035EC5;}*/
/*.tx-case-main .mySwiper .swiper-slide h3{font-size: 20px;margin-bottom: 8px;}*/
/*.tx-case-main .mySwiper .swiper-slide h4{font-size: 12px;line-height: 17px;}*/
/*.tx-case-main .mySwiper .swiper-slide .i1{position: relative;top:-2px; max-width: 30px;margin-right: 10px;line-height: 30px;}
.tx-case-main .mySwiper .swiper-slide-thumb-active{height: 174px;margin-top: 0;padding:0 130px 0 40px;}
.tx-case-main .mySwiper .swiper-slide-thumb-active .i2{right: 40px;transform: scale(1.34);}
.tx-case-main .mySwiper .swiper-slide-thumb-active h3{font-size: 24px;line-height: 33px;}
.tx-case-main .mySwiper .swiper-slide-thumb-active .i1{transform: scale(1.34);margin-right:17px;}
.tx-case-main .mySwiper .swiper-slide-thumb-active h4{font-size: 14px;}*/

.tx-case-nav li.cur{width:26.5%;}
.tx-case-nav li.cur{height: 174px;margin-top: 0;padding:0 130px 0 40px;}
.tx-case-nav li.cur .i2{right: 40px;transform: scale(1.34);}
.tx-case-nav li.cur h3{font-size: 24px;line-height: 33px;}
.tx-case-nav li.cur .i1{transform: scale(1.34);margin-right:17px;}
.tx-case-nav li.cur h4{font-size: 14px;}

.tx-about{height:100%;background: url('../img/about-bg.png') center center no-repeat;background-size: cover;padding-top:100px;}
.tx-about-main .texts{display: flex;flex-direction: column;justify-content:space-between; width: 46%;padding-right: 80px;height: 457px;}
.tx-about-main .mains{padding-top: 30px;}
.tx-about-main .mains h3{font-size: 32px;line-height: 45px;}
.tx-about-main .mains h4{font-size: 16px;color:#666; line-height: 22px;margin:9px 0 17px;}
.tx-about-main .mains i{display: inline-block;width: 88px;height: 5px;background: var(--mColor);}
.tx-about-main .mains ul{display: block;margin-top: 40px;}
.tx-about-main .mains ul li{margin-right: 55px;cursor: pointer;}
.tx-about-main .mains ul li h5{font-size: 24px;line-height: 33px;font-weight: bold;}
.tx-about-main .mains ul li em{display: block;font-size: 14px;line-height: 20px;margin-top: 6px;}
.tx-about-main .imgs{position: relative; width: 54%;height: 457px;overflow: hidden;}
.tx-about-main .imgs img{width: 100%;height: 100%;}
.tx-about-main .imgs i{position: absolute;width: 74px;height:74px;background: url('../img/about-play.png') center center no-repeat;left:50%;top:50%;transform: translate(-50%,-50%);cursor: pointer;}

.tx-about-num{display: flex;justify-content: space-around;align-items: center;height: 177px; padding:0 40px; background: url('../img/about-numbg.png') center center no-repeat;background-size: cover;margin-top: 100px;border-radius: 14px;cursor:pointer;}
.tx-about-num li:nth-child(2n){width: 1px;height: 65px;background: #707070;}
.tx-about-num li h3{font-size: 20px;font-weight: bold;margin-bottom: 8px;}
.tx-about-num li h3 b{display: inline-block;font-size: 44px;position: relative;top:2px;}
.tx-about-num li h4{font-size: 23px;line-height: 32px;opacity: 0.8;}
.tx-about-num li h4 img{margin-right: 8px;position: relative;top:-2px;}

.tx-news{height:100%;background: url('../img/news-bg.png') center center no-repeat;background-size: cover;padding-top:100px;overflow:hidden;}
.tx-news-main{position: relative;}
.tx-news-main .pagess{position: absolute;width: 100%; bottom:0;}
.tx-news-main .pagess:before{content:"";position: absolute;top:0;left:0;width: 100%;height: 4px;background: var(--mColor);opacity: 0.21;}
.tx-news-main .pagess h3{font-family: 'din';font-size: 30px;line-height: 33px;color: var(--mColor);font-weight: bold;margin-top: 24px;}
.tx-news-main .pagess span{position: absolute;width: 10%;height: 4px;background: var(--mColor);}
.tx-news-main .mySwiper2{position: absolute;bottom:90px;left: 0;height: 42px; width: 100%;}
.tx-news-main .mySwiper2 .swiper-button{ width: 42px;height: 42px;background: url('../img/news-button.png') center center no-repeat;opacity: 1;}
.tx-news-main .mySwiper2 .swiper-button:hover{background-image: url('../img/news-buttons.png')}
.tx-news-main .mySwiper2 .swiper-button:after{display: none;}
.tx-news-main .mySwiper2 .swiper-button-next{right: 50%;transform: rotate(180deg);margin-right: -100px;}
.tx-news-main .mySwiper2 .swiper-button-prev{left: 50%;margin-left: -100px;}
.tx-news-main .mySwiper{padding-bottom:180px;}
.tx-news-main .swiper-slide .imgs{height: 346px;overflow: hidden;}
.tx-news-main .swiper-slide .imgs img{width: 100%;height: 100%;}
.tx-news-main .swiper-slide .text{position: relative; background: #fff;padding: 25px 25px 56px;}
.tx-news-main .swiper-slide .text h3{font-size: 18px;line-height: 25px;font-weight: bold; height: 25px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.tx-news-main .swiper-slide .text h4{line-height: 20px;color: #999;margin:12px 0;}
.tx-news-main .swiper-slide .text h4 img{margin-right: 8px;}
.tx-news-main .swiper-slide .text em{display: block;color: #999;line-height: 26px;height: 52px;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-main .swiper-slide .text b{position: absolute;left: 0;right:0;margin:0 auto; bottom:-50px;opacity: 0;}
.tx-news-main .swiper-slide-thumb-active .text b{bottom:-24px;opacity: 1;}

.tx-contact{height:100%;background: url('../img/contact-bg.png') center center no-repeat;background-size: cover;padding-top:100px;}
.tx-contact-left{width: 28.14%;}
.tx-contact-left .title{margin-bottom: 18px;}
.tx-contact-left .title h3{font-size: 30px;line-height: 42px;font-weight: bold;}
.tx-contact-left .title i{display: inline-block;width: 62px;height: 5px;background: var(--mColor);margin:28px 0;}
.tx-contact-left .title em{display: block;font-size: 20px;line-height: 32px;}
.tx-contact-left .mains li{width: 100%;}
.tx-contact-left .mains li a{position: relative; display: block;font-size: 20px;line-height: 80px;border-bottom: 1px solid #b9b9b9;}
.tx-contact-left .mains li a:before{content:'';position: relative;top:-2px; display: inline-block;margin-right: 18px; width: 10px;height: 10px;border-radius: 50%;background: #666;}
.tx-contact-left .mains li a:after{content:'';position: absolute;left: 0;bottom:-1px; width: 0%;height: 1px;background: var(--mColor);}
.tx-contact-left .mores{margin-top: 42px;}
.tx-contact-right{position: relative; width: 63%;height: 632px; margin-top: -20px;}
.tx-contact-right .top{position: absolute;left: 48%;top:49%; width: 52px;height: 52px;}
.tx-contact-right .top .i{position: absolute;bottom:26px;left:0;right:0;width: 29px;margin:0 auto;animation:topContact1 1.2s infinite;}
.tx-contact-right .top b{font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%,0);opacity:0.68}
.tx-contact-right .top i{position: absolute;top:0;bottom:0;left:0;right:0;background: #035EC5;border-radius: 50%;margin:auto;}
.tx-contact-right .top i:nth-child(1){width: 52px;height: 52px;opacity: 0.1;animation:topContact2 1.2s infinite;}
.tx-contact-right .top i:nth-child(2){width: 38px;height:38px;opacity: 0.2;animation:topContact2 1.25s infinite;}
.tx-contact-right .top i:nth-child(3){width: 24px;height:24px;opacity: 0.3;animation:topContact2 1.3s infinite;}
.tx-contact-right .logos{position: absolute;width: 57px;left:57%;top:46%;}

@keyframes topContact1{
    0%{bottom:26px;}
    50%{bottom:36px;}
	100%{bottom:26px;}
}
@keyframes topContact2{
    0%{transform: scale(1);}
    50%{transform: scale(0.92);}
	100%{transform: scale(1);}
}

@media screen and (min-width: 769px){
    
    .tx-head:hover{background:#fff;}

    .tx-about-main .mains ul li:hover h5,.tx-about-main .mains ul li:hover em{color: var(--mColor);}

    .tx-case-main .mySwiper2 .swiper-button:hover{background: #fff;}
    .tx-case-main .mySwiper2 .swiper-button:hover:after{color: var(--mColor);}
    
    .tx-business .mySwiper2 .text a:hover i{margin-left:18px;}
    
    .tx-about-main .imgs i:hover{transform:translate(-50%,-50%) scale(1.08)}
    
    .tx-about-num li:hover h3 b{color:var(--mColor)}
    .tx-case-right:hover img{transform:scale(1.08);}

    .tx-news-main .swiper-slide:hover .imgs img{transform: scale(1.08);}
    .tx-news-main .swiper-slide:hover .text b{bottom:-24px;opacity: 1;}

    .tx-contact-left .mains li a:hover:before{background: var(--mColor);}
    .tx-contact-left .mains li a:hover:after{width: 100%;}

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

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

    .pages{right:35px}

    .tx-banner-text h3{font-size: 28px;line-height: 42px;margin-bottom: 10px;}
    .tx-banner-text h4{margin-bottom: 20px;}
    .tx-banner-text img{width:570px;}

    .tx-mains-title{margin-bottom: 25px;}
    .tx-mains-title h3{font-size: 28px;line-height: 38px;}
    .tx-mains-title a.more{line-height:38px;}

    .tx-product-nav{margin-bottom: 20px;}
    .tx-product-nav li{font-size: 16px;line-height:24px;margin-left:33px;}
    .tx-product-nav li img{max-width: 27px;}
    .tx-product-main .mains{margin-bottom: 38px;}
    .tx-product-main li a{padding:25px;height: 360px;}
    .tx-product-main li a h3{font-size: 15px;margin-bottom: 12px;line-height: 27px;height: 27px;}
    .tx-product-main li a p{font-size: 12px;line-height: 16px;margin-bottom:4px;}
    .tx-product-main li a b{margin-bottom:20px;}
    .tx-product .pagess{border-width: 4px;margin-bottom: 78px;}
    .tx-product .pagess .jindu{top:-4px;height: 4px;}
    .tx-product .pagess .text h3{font-size: 13px;margin-top: 6px;}
    .tx-product .pagess .text h3 img{height: 24px;margin-bottom: 4px;}
    .tx-product .pagess .text i{width: 38px;height: 38px;background-size:18px auto;}

    .tx-business .mySwiper2 .text h3{font-size: 32px;line-height: 46px;margin-bottom: 20px;}
    .tx-business .mySwiper2 .text > i{height: 2px;margin-bottom: 35px;}
    .tx-business .mySwiper2 .text h4{font-size: 22px;}
    .tx-business .mySwiper2 .text em{font-size: 15px;line-height: 26px;}
    .tx-business .mySwiper2 .text a{font-size: 13px;}
    .tx-business .mySwiper h4{font-size: 14px;}
    .tx-business .mySwiper h3{font-size: 38px;}
    .tx-business .mySwiper h3 b{font-size: 22px;}
    .tx-business .mySwiper{bottom:60px;}
    .tx-business .mySwiper2::before{bottom:110px;}

    .tx-case-right{width:42%; height: 320px;}
    .tx-case-left{width:58%;}
    .tx-case-left h3{font-size: 22px;line-height: 25px;}
    .tx-case-left h4{font-size: 13px;}
    .tx-case-left i{height:2px;margin:16px 0;}
    .tx-case-left em{font-size: 14px;line-height: 28px;}
    .tx-case-main .mySwiper2 .swiper-button{width: 36px;height: 36px;margin-top: -50px;}
    .tx-case-nav{margin-top:30px;}
    .tx-case-nav li{height: 100px;margin-top:30px;}
    .tx-case-nav li h3{font-size: 17px;}
    .tx-case-nav li .i2{max-width: 42px;}
    .tx-case-nav li.cur{height:130px;margin-top:0px;}
    .tx-case-nav li.cur h3{font-size: 18px;}
    .tx-case-nav li.cur h4{font-size: 12px;}

    .tx-about-main .imgs{width:48%; height: 348px;}
    .tx-about-main .imgs i{width: 60px;height: 60px;background-size: 100% auto;}
    .tx-about-main .mains h3{font-size: 24px;line-height: 26px;}
    .tx-about-main .mains h4{font-size: 12px;margin-bottom: 12px;}
    .tx-about-main .mains i{height: 3px;}
    .tx-about-main .mains ul li{margin-right: 45px;}
    .tx-about-main .mains ul li h5{font-size: 17px;line-height: 22px;}
    .tx-about-main .texts{height: 348px;}
    .tx-about-num{margin-top: 50px;height: 122px;}
    .tx-about-num li h3{font-size: 14px;margin-bottom:4px;}
    .tx-about-num li h3 b{font-size: 30px;margin-right:2px;}
    .tx-about-num li h4{font-size: 14px;}
    .tx-about-num li h4 img{width: 22px;}
    .tx-about-num li:nth-child(2n){background: #e2e2e2;}

    .tx-news-main .swiper-slide .imgs{height: 220px;}
    .tx-news-main .swiper-slide .text{padding: 15px 20px 35px;}
    .tx-news-main .swiper-slide .text h3{font-size: 15px;}
    .tx-news-main .swiper-slide .text h4{font-size: 12px;margin:5px 0;}
    .tx-news-main .swiper-slide .text em{font-size: 12px;line-height: 21px;height: 42px;}
    .tx-news-main .swiper-slide .text b{line-height: 38px;height: 38px; width: 166px;font-size:14px;}
    .tx-news-main .mySwiper{padding-bottom: 130px;}
    .tx-news-main .pagess h3{font-size: 25px;line-height: 25px;margin-top: 18px;}
    .tx-news-main .mySwiper2{height: 34px;bottom:58px;}
    .tx-news-main .mySwiper2 .swiper-button{width: 34px;height: 34px;background-size: 100%;}
    .tx-news-main .pagess:before,.tx-news-main .pagess span{height: 2px;}

    .tx-contact-left .title h3{font-size: 25px;}
    .tx-contact-left .title i{height: 3px;margin:22px 0;}
    .tx-contact-left .title em{font-size: 16px;line-height: 26px;}
    .tx-contact-left .mains li a{font-size: 17px;line-height: 68px;}
    .tx-contact-left .mains li a:before{width: 8px;height: 8px;}
    .tx-contact-right{height: 541px;margin-top:-80px}

}

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

    html, body{overflow: visible;}

    #container, .sections, .section{height: auto;}

    .tx-banner .swiper-slide{height: 480px;}
    .tx-banner .downs,.pages{display: none;}
    .tx-banner-text{padding:0 15px}
    .tx-banner-text h3{font-size: 18px;line-height: 24px;margin-bottom: 5px;}
    .tx-banner-text h4{font-size: 12px;}

    .tx-mains-title{margin-bottom: 15px;}
    .tx-mains-title h3{font-size: 18px;font-weight: bold;line-height: 32px;}
    .tx-mains-title a.bg{margin-top: 0;}
    .tx-mains-title a.more{font-size: 12px;line-height: 32px;}

    .tx-product{height: auto;padding-top: 20px;}
    .tx-product-nav{margin-bottom: 12px;}
    .tx-product-nav li{padding-right: 0;font-size: 12px;margin-left: 20px;padding-bottom: 8px;}
    .tx-product-nav li img{display: none;}
    .tx-product .pagess{display: none;}
    .tx-product-main .mains{width: 100%;margin-bottom: 12px;}
    .tx-product-main .mains li{width: 48%;margin-left: 4%;}
    .tx-product-main .mains li:nth-child(2n-1){margin-left: 0;}
    .tx-product-main li a{width: 100%;height: 46vw;padding:15px;margin-bottom: 12px;}
    .tx-product-main li a h3{padding:0;background: none;font-size: 14px;line-height: 20px;height: 20px;overflow: hidden;margin-bottom: 8px;}
    .tx-product-main li a b{margin-bottom:12px;}
    .tx-product-main li a p{font-size: 12px;margin-bottom: 3px;display: none;}
    .tx-product-main li a i{display: none;}
    .tx-product-main li a .img{width: 100%;height: 25vw;margin-top: 0;padding-left: 0;text-align: center;}

    .tx-business{height: auto;padding-top: 20px;overflow:hidden;}
    .tx-business .mySwiper2 .swiper-slide{height: 320px;padding-bottom: 40px;}
    .tx-business .mySwiper2 .text{padding:0 15px;}
    .tx-business .mySwiper2 .text h3{font-size: 17px;line-height: 22px;height: 22px;margin-bottom: 12px;}
    .tx-business .mySwiper2 .text > i{height: 1px;margin-bottom: 12px;}
    .tx-business .mySwiper2 .text h4{font-size: 14px;line-height: 20px;height: 20px;}
    .tx-business .mySwiper2 .text em{font-size: 12px;line-height: 20px;height: 40px;margin-top: 12px;}
    .tx-business .mySwiper2 .text a{font-size: 12px;margin-top: 12px;}
    .tx-business .mySwiper2::before{height: 1px;bottom:47px;}
    .tx-business .mySwiper{bottom:15px;}
    .tx-business .mySwiper h4{font-size: 12px;line-height: 18px;margin-top: 8px;}
    .tx-business .mySwiper i{width: 8px;height: 8px;}
    .tx-business .mySwiper i::before{width: 16px;height: 16px;}
    .tx-business .mySwiper h3{font-size: 18px;margin-bottom: 6px;}
    .tx-business .mySwiper h3 b{font-size: 12px;position: relative;top: -1px;}

    .tx-case{height: auto;padding: 20px 0;}
    .tx-case-right{width: 100%;height: 58vw;}
    .tx-case-left{width: 100%;padding-right: 0;padding-top: 20px;}
    .tx-case-left h3{font-size: 17px;line-height: 22px;}
    .tx-case-left h4{font-size: 12px;}
    .tx-case-left i{height: 1px;margin:6px 0;}
    .tx-case-left em{font-size: 12px;line-height: 20px;height: 60px;}
    .tx-case-main .mySwiper2 .swiper-button{margin-top: 0px;position: relative;display: inline-block; width: 30px;height: 30px;font-size: 13px;margin-top:12px;text-align: center;line-height: 28px;}
    .tx-case-main .mySwiper2 .swiper-button:after{font-size: 12px;}
    .tx-case-main .mySwiper2 .swiper-button-next{margin-left: 20px;}
    .tx-case-nav{margin-top: 15px;}
    .tx-case-nav li,.tx-case-nav li.cur{width:50%;}
    .tx-case-nav li .i2{display: none;}
    .tx-case-nav li{padding:0 15px;height: 60px;margin-top: 20px;}
    .tx-case-nav li.cur{height: 70px;margin-top: 10px;padding:0 15px;}
    .tx-case-nav li h4{display: none;}
    .tx-case-nav li h3{font-size: 13px;text-align: center;margin-bottom: 0;}
    .tx-case-nav li.cur h3{font-size: 13px;}
    .tx-case-nav li .i1{max-width: 20px;margin-right: 8px;}
    .tx-case-nav li.cur .i1{transform: scale(1.2);}

    #section4{z-index: 99;}
    .tx-about{height: auto;padding:20px 0;}
    .tx-about-main .texts{width: 100%;padding-right: 0;height: auto;}
    .tx-about-main .mains{padding-top: 0;}
    .tx-about-main .mains h3{font-size: 17px;font-weight: bold;line-height: 22px;}
    .tx-about-main .mains h4{font-size: 12px;line-height: 15px;margin:8px 0 4px}
    .tx-about-main .mains i{height: 2px;}
    .tx-about-main .mains ul{margin-top: 15px;}
    .tx-about-main .mains ul li{margin-right: 15px;margin-bottom:12px;}
    .tx-about-main .mains ul li h5{font-size: 15px;}
    .tx-about-main .mains ul li em{font-size: 12px;margin-top: 0;}
    .tx-about-main .imgs{width: 100%;margin-top: 20px;height: 55vw;}
    .tx-about-main .imgs i{width: 38px;height: 38px;background-size: 100%;}
    .tx-about-num{margin-top: 20px;padding: 0 15px;height: 80px;border-radius: 8px;}
    .tx-about-num li h3{font-size: 12px;margin-bottom: 3px;}
    .tx-about-num li h3 b{font-size: 17px;top:1px;}
    .tx-about-num li h4{font-size: 12px;line-height: 14px;}
    .tx-about-num li h4 img{display: none;}
    .tx-about-num li:nth-child(2n){height: 25px;}

    .tx-news{height: auto;padding:20px 0;}
    .tx-news-main .swiper-slide .imgs{height: 70vw;}
    .tx-news-main .swiper-slide .text{padding:15px;}
    .tx-news-main .swiper-slide .text b{display: none;}
    .tx-news-main .swiper-slide .text h3{font-size: 14px;line-height: 22px;height: 22px;}
    .tx-news-main .swiper-slide .text em{display: none;}
    .tx-news-main .swiper-slide .text h4{margin-bottom: 0;}
    .tx-news-main .mySwiper{padding-bottom: 0;}
    .tx-news-main .pagess{display: none;}
    .tx-news-main .mySwiper2 .swiper-button{display: none;}

    .tx-contact{height: auto;padding: 20px 0;}
    .tx-contact-left{width: 100%;}
    .tx-contact-left .title{margin-bottom: 12px;}
    .tx-contact-left .title h3{font-size: 16px;line-height: 20px;}
    .tx-contact-left .title i{height: 2px;margin: 8px 0;}
    .tx-contact-left .title em{font-size: 12px;line-height: 20px;}
    .tx-contact-left .mains li a{font-size: 14px;line-height: 32px;}
    .tx-contact-left .mains li a:before{width: 4px;height: 4px;margin-right: 8px;}
    .tx-contact-left .mores{margin-top: 20px;}
    .tx-contact-right{width: 100%;height: 66vw;margin-top: 25px;}
    .tx-contact-right .top,.tx-contact-right .logos{transform: scale(0.5);}
    .tx-contact-right .top{left: 43%;top:44%;}
    .tx-contact-right .logos{left: 54%;top:40%;}

}