.tx-head{position: fixed;top:0;left:0;height:72px;background: rgba(0,0,0,0.26);z-index: 999;}
.tx-head-logo .img1{display: block;}
.tx-head-logo .img2{display: none;}
.tx-head-nav > li > a{color:#fff;}
.tx-head-nav > li > a i{ background: url('../img/head-i.png') center center no-repeat;}
.tx-head-nav > li > a:after{background: #000;opacity: 0.3;}
.tx-head-nav > li > .sub-nav > li > a{color: #fff;opacity: 0.6;}
.tx-head-nav > li.cur > a {color: #fff;}
.tx-head-nav > li.cur > a:before{background:#fff;}
.tx-head-search .img1{display: inline;}
.tx-head-search .img2{display: none;}
.tx-head-language a .img1{display: block;}
.tx-head-language a .img2{display: none;}

.tx-head-navbut i, .tx-head-navbut i:before, .tx-head-navbut i:after{background: #fff;}

.tx-head.fixer{position:fixed; background: #fff;}
.tx-head.fixer .tx-head-logo .img1{display: none;}
.tx-head.fixer .tx-head-logo .img2{display: block;}
.tx-head.fixer .tx-head-nav > li > a{color:#333;}
.tx-head.fixer .tx-head-nav > li.cur > a{color: var(--mColor);}
.tx-head.fixer .tx-head-nav > li > a:before{background: var(--mColor);}
.tx-head.fixer .tx-head-nav > li > a i{background-image: url('../img/head-is.png');}
.tx-head.fixer .tx-head-language a .img1{display: none;}
.tx-head.fixer .tx-head-language a .img2{display: block;}
.tx-head.fixer .tx-head-search .img1{display: none;}
.tx-head.fixer .tx-head-search .img2{display: inline;}
.tx-head.fixer .tx-head-nav > li > .sub-nav{background: #efefef;}
.tx-head.fixer .tx-head-nav > li > .sub-nav > li > a{color: #333;opacity: 0.6;}

.tx-head.fixer .tx-head-navbut i, .tx-head.fixer .tx-head-navbut i:before,.tx-head.fixer .tx-head-navbut i:after{background: var(--mColor);}

.tx-banner{position: relative; width: 100%;height:678px;overflow: hidden;z-index: 10;}
.tx-banner .swiper{width: 100%;height:100%;}
.tx-banner .swiper-slide{overflow: hidden;}
.tx-banner .swiper-slide .centers{display: flex; height:100%;padding-top: 72px; align-items: center;}
.tx-banner-text h4{font-size: 16px;color:#fff;opacity: 0.6;line-height: 21px;margin-bottom: 10px;}
.tx-banner-text h3{font-size: 46px;line-height: 61px;font-weight: bold;color:#fff;}
.tx-banner-text em{display: inline-block;font-size: 20px;color:#fff;letter-spacing: 11px; border-top:3px solid #fff;border-bottom:2px solid #fff;margin-top: 20px;padding: 8px 0;}
.tx-banner-text a{ position: relative; z-index: 20; display: inline-block;margin-top: 78px;font-size: 16px;line-height: 50px;padding:0 36px;color:#fff;}
.tx-banner-text a img{position: relative;top: -3px;margin-left: 11px;}
.tx-banner-text a::after{content:'';position: absolute;width: 100%;height:100%;top:0;left:0;background: var(--mColor);z-index: -1;}
.tx-banner-text a::before{content:'';position: absolute;right:-2px;bottom:-2px;width: 80%;height:68%;background: #fff;z-index: -10;}
.tx-banner .swiper-slide video{position: absolute;top:0;left:50%;height:100%; z-index: -1;transform: translate(-50%, 0);}
.tx-banner .swiper-slide img{position:absolute;top:0;left:50%;height:100%;z-index:-1;transform: translate(-50%, 0);}
.tx-banner .swiper-pagination{max-width: 1200px;left:50%;top:60%;bottom:auto; margin:0 auto;transform: translate(-50%,-50%);text-align: right;}
.tx-banner .swiper-pagination span{float: right; width: 3px;height:41px;border-radius: 0;clear: both;margin:7px 0 !important;background: #fff;opacity: 1;}
.tx-banner .swiper-pagination .swiper-pagination-bullet-active{background: var(--mColor);}

.tx-main-title{margin-bottom: 26px;}
.tx-main-title h3{font-size: 24px;border-left:3px solid var(--mColor);color:var(--mColor);font-weight: bold;line-height: 35px;padding-left: 10px;}
.tx-main-title h4{position: relative;top:5px;margin-left: 13px; font-size: 24px;color:#999;}
.tx-main-title a{font-size: 14px;line-height: 35px;color:var(--mColor)}

.tx-news{background: #efefef;}
.tx-news-nav{margin-bottom: 26px;}
.tx-news-nav li{margin-right: 27px;padding:0 25px;font-size: 18px;line-height:40px;cursor: pointer;}
.tx-news-nav li.cur{background: var(--fColor);color:var(--mColor)}
.tx-news-main{display: none;}
.tx-news-left{width: 65.25%;padding-right:70px;}
.tx-news-left .img{width: 46.9%;height:189px;overflow: hidden;}
.tx-news-left .img img{width: 100%;height:100%;}
.tx-news-left .text{width: 53.1%;padding-left:22px;}
.tx-news-left .text h3{font-size: 18px;font-weight: bold; line-height: 20px;height:20px;margin-bottom: 12px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-news-left .text span{display: block;color:#666;padding-left: 22px;background: url('../img/news-time.png') left center no-repeat;margin-bottom: 10px; min-height: 16px;}
.tx-news-left .text em{display: block;color:#999;line-height: 22px;height:88px;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-news-left .text b{display: inline-block;font-weight: normal;color:var(--mColor);padding-right: 27px;margin-top:25px; background: url('../img/news-jt.png') right center no-repeat;}
.tx-news-right{width: 34.75%;margin-top: -6px;}
.tx-news-right li{width: 100%;border-bottom:1px dashed rgba(112,112,112,0.5);}
.tx-news-right li a{float: left;width: 100%; line-height: 20px;padding:11px 0;}
.tx-news-right li:first-child a{padding-top: 0;}
.tx-news-right li a h3{float: left;width: 75%;padding-left: 17px;font-size: 14px;color:#666; height:20px;background: url('../img/news-li.png') center left no-repeat; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-news-right li a span{float: left;width: 25%;text-align: right;color:#666;}

.tx-product{background: url('../img/product-bg.png') center center no-repeat;background-size: cover;}
.tx-product .tx-main-title h3{color:#fff;border-left-color: #fff;}
.tx-product .tx-main-title a{color: #fff;}
.tx-product-main li{position: relative;z-index: 20; border-radius: 4px;width: 23.83%;height:135px;margin-top: 17px;margin-left: 1.78%;background: #fff;}

.tx-product-main li:nth-child(2),.tx-product-main li:nth-child(3),.tx-product-main li:nth-child(4){margin-top: 0;}
.tx-product-main li a{float: left;width: 100%;height:100%; padding:10px 20px;display: flex;flex-direction: column; justify-content: center;align-items: center;}
.tx-product-main li h3{font-size: 20px;font-weight: bold;line-height: 22px;height:22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 3px;}
.tx-product-main li h4{font-size: 12px;line-height: 16px;height:16px;color:#999; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-product-main li.first{width: 23.16%;height:287px;margin-top: 0;margin-left: 0;}
.tx-product-main li.first .img{width: 100%;height:140px;display: flex;justify-content: center;align-items: center;margin-bottom: 15px;}
.tx-product-main li.first .img img{max-width: 100%;max-height: 100%;}
.tx-product-main li.first .text{position: relative;padding-top: 8px;text-align: center;width: 100%;}
.tx-product-main li.first .text::before{content:'';position: absolute;left:0;top:0;right:0;margin:0 auto; width: 28px;height:1px;background: #999;}
.tx-product-main li.first b{display: inline-block;font-size: 12px;width: 133px;line-height: 31px;background: var(--mColor);color:#fff;margin-top: 11px;}
.tx-product-main li.two::before{content:'';position: absolute;top:0;left:0;bottom:0;margin:auto 0;border-radius: 4px; width: 100%;height:0%;z-index: -1;background: var(--mColor);}
.tx-product-main li.two img{height: 42px;opacity: 1; margin-bottom: 4px;}
.tx-product-main li.two b{ display: inline-block;font-size: 12px;background: #fff;width: 99px; line-height: 27px;height:0px;opacity: 0; overflow: hidden; color:var(--mColor); text-align: center; font-weight: normal;margin-top: 0px;border-radius: 99px;}

.tx-about{background:#efefef url('../img/about-bg.png') center center no-repeat; background-size: cover;}
.tx-about-left{width: 61.58%;}
.tx-about-left .img{width: 50.75%;height:231px;overflow: hidden;cursor: pointer;}
.tx-about-left .img img{width: 100%;height:100%;}
.tx-about-left .text{width: 49.25%;padding-left: 19px;}
.tx-about-left .text h3{font-size: 20px;line-height: 26px;height:26px;margin-bottom: 15px; font-weight: bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-about-left .text p{position: relative;padding-left: 12px; font-size: 14px;color:var(--mColor);line-height: 20px;margin-bottom: 9px;}
.tx-about-left .text p::before{content:'';position: absolute;left:0;top:0;bottom:0;margin:auto 0; width: 7px;height:7px;border-radius: 50%;background: var(--mColor);}
.tx-about-left .text em{display: block;font-size: 14px;color:#999;line-height: 26px;height: 130px;margin-top: 16px; overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;}
.tx-about-right{width: 38.42%;padding-left: 42px;}
.tx-about-right .main{padding-right: 18px;height:210px;overflow-y: auto;margin-top: 12px;}
.tx-about-right .main::-webkit-scrollbar {width: 6px;height: 1px;}
.tx-about-right .main::-webkit-scrollbar-thumb {border-radius: 12px;background: var(--mColor);}
.tx-about-right .main::-webkit-scrollbar-track {border-radius: 12px;background: #B9B9B9}
.tx-about-right li{width:50%;padding-right: 18px;height:91px;margin-bottom: 14px;}
.tx-about-right li a{display: flex;justify-content: center;align-items: center; height:100%;background: #fff;border:1px solid #c4c4c4;filter:Gray; -webkit-filter: grayscale(100%);opacity: 0.6;padding:12px;}
.tx-about-right li a img{max-width: 100%;max-height: 100%;}



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

    .tx-head-nav > li:hover > a{background: rgba(0, 0, 0, 0.3);color:#fff;}
    .tx-head-nav > li:hover > .sub-nav{background: rgba(0,0,0,0.3);}
    .tx-head-nav > li:hover > a i{background-image:url('../img/head-i.png')}
    .tx-head.fixer .tx-head-nav > li:hover > a{background: #dcdcdc; color: var(--mColor);}
    .tx-head.fixer .tx-head-nav > li > .sub-nav > li:hover > a{opacity: 1;}
    .tx-head.fixer .tx-head-nav > li:hover > a i{background-image:url('../img/head-iss.png')}
    
    

    .tx-banner-text a:hover:before{transform: translate(5px,5px);}

    .tx-main-title a:hover{opacity: 0.8;}

    .tx-news-nav li:hover{background: var(--fColor);color:var(--mColor)}
    .tx-news-left:hover .img img{transform: scale(1.08);}
    .tx-news-left .text b:hover{padding-right: 32px;}
    .tx-news-right li a:hover h3{color:var(--mColor)}
    
    .tx-product-main .first:hover .img img{transform: scale(1.08);}
    .tx-product-main .first .text b:hover{opacity: 0.8;}
    .tx-product-main li.two:hover a > img{height:0px;opacity: 0;}
    .tx-product-main li.two:hover b{height:27px;opacity: 1;margin-top: 11px;}
    .tx-product-main li.two:hover:before{height:100%;}
    .tx-product-main li.two:hover h3{color:#fff;}
    .tx-product-main li.two:hover h4{color:#fff;}

    .tx-about-left .img:hover img{transform: scale(1.08);}
    .tx-about-right li a:hover{opacity: 1;filter:Gray; -webkit-filter: grayscale(0%);}

}

@media screen and (max-width: 1465px){
    
    .tx-head{height: 68px;}

    .tx-banner-text h3{font-size: 40px;}
    .tx-banner-text em{font-size: 17px;letter-spacing: 10px;}
    .tx-banner-text a{font-size: 14px;line-height: 45px;}

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

    .tx-news-nav li{font-size: 16px;}
    .tx-news-left .text h3{font-size: 17px;}
    
    .tx-product-main li h3{font-size: 17px;}

    .tx-about-left .text h3{font-size: 18px;}

}

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

    .tx-head{height: 58px;}

    .tx-head-nav > li > a{color:#333;}
    .tx-head-nav > li > .sub-nav > li > a{color:#333;}
    
    .tx-banner{height:338px;}
    .tx-banner .swiper-slide .centers{padding:0 15px; padding-top:58px;}
    .tx-banner-text h4{display: none;}
    .tx-banner-text h3{font-size: 18px;line-height: 20px;}
    .tx-banner-text em{font-size: 13px;letter-spacing: 1px;border-width:1px;}
    .tx-banner-text a{font-size: 12px;line-height: 32px;padding:0 18px;margin-top: 25px;}
    .tx-banner .swiper-pagination{display: none;}

    .tx-main-title{margin-bottom: 15px;}
    .tx-main-title h3{font-size: 17px;line-height: 18px;}
    .tx-main-title h4{font-size: 14px;top:2px;margin-left:5px;}
    .tx-main-title a{line-height: 20px;font-size: 8px;}
    .tx-news-nav{margin-bottom: 8px;}
    .tx-news-nav li{font-size: 13px;line-height: 32px;width: 48%;margin-left:4%;margin-right: 0;text-align: center;background: rgba(255,255,255,0.3);}
    .tx-news-nav li:first-child{margin-left:0%;}
    .tx-news-left{width: 100%;padding-right: 0;}
    .tx-news-left .img{height:25vw;}
    .tx-news-left .text{padding-left: 15px;margin-top: 6px;}
    .tx-news-left .text em{display: none;}
    .tx-news-left .text h3{font-size: 15px;}
    .tx-news-left .text span{font-size: 12px;}
    .tx-news-left .text b{font-size: 12px;background-size: auto 10px;margin-top: 10px;}
    .tx-news-right{width: 100%;margin-top: 15px;}
    .tx-news-right li a{padding:8px 0;}
    .tx-news-right li a span{font-size: 12px;}

    .tx-product-main li{width: 27%;margin-left: 2%;margin-top: 2% !important;height: 75.5px;}
    .tx-product-main li a{padding:10px;}
    .tx-product-main li h3{font-size: 13px;}
    .tx-product-main li h4{display: none;}
    .tx-product-main li.first{width: 42%;height:240px;}
    .tx-product-main li.first .img{height:100px;}
    .tx-product-main li.first b{width: 100%;}
    .tx-product-main li.two img{height:30px;}

    .tx-about-left{width: 100%;margin-bottom: 20px;}
    .tx-about-left .img{width: 100%;height:56vw;margin-bottom: 15px;}
    .tx-about-left .text{width:100%;padding-left: 0;}
    .tx-about-left .text h3{font-size: 15px;margin-bottom: 6px;}
    .tx-about-left .text p{font-size: 12px;margin-bottom: 0;}
    .tx-about-left .text em{height:auto;font-size: 12px;line-height: 21px;margin-top: 6px; -webkit-line-clamp: 99;line-clamp: 99;}
    .tx-about-right{width: 100%;padding-left: 0;}
    .tx-about-right .main{margin-top: 0;}
    .tx-about-right li{height:15vw;}

}