.tx-banner{position: relative;z-index: 10;}
.tx-banner .swiper{overflow: hidden;}
.tx-banner .swiper-slide img{float: left;}
.tx-banner .mySwiper2 .text{position: absolute;left: 50%;top:35%;transform: translate(-50%,-50%);text-align: center;opacity: 0;transition: 2.5s;-webkit-transition:2.5s;-ms-transition: 2.5s;}
.tx-banner .mySwiper2 .text img{float: none;display: inline-block;}
.tx-banner .mySwiper2 .text a{display: inline-block;font-size: 14px;line-height: 38px;padding: 0 42px;background: #e80115;color: #fff;margin-top: 40px;}
.banner-down{position: relative;z-index: 20;margin-top: -40px; box-shadow: 0 7px 16px rgba(0,0,0,0.09);}
.banner-down .swiper{padding-top: 40px;}
.banner-down .main{display: flex;justify-content: center;align-items: center;padding: 21px 50px;background: #fff;transition: 2s;-webkit-transition: 2s;-ms-transition: 2s;}
.banner-down .main h3{font-size: 28px;line-height: 66px;height: 66px;overflow: hidden;margin-right: 15px;}
.banner-down .main i{display: inline-block;width: 28px;height: 28px;border:1px solid #666;color: #666; border-radius: 50%;text-align: center;line-height: 25px;transform: rotate(90deg);font-size: 20px;}
.banner-down .main span{flex: 1;border-left:1px solid #636363;padding: 8px 0;padding-left: 15px;margin-left: 15px;}
.banner-down .main span a{float: left;clear: both;font-size: 16px;line-height: 25px;color: #333;}
.banner-down .swiper-slide-thumb-active .main{padding: 41px 50px; margin-top:-40px;background: #e80115;}
.banner-down .swiper-slide-thumb-active .main h3{color: #fff;}
.banner-down .swiper-slide-thumb-active .main i{border-color: #fff;color: #fff;}
.banner-down .swiper-slide-thumb-active .main span{border-color: #fff;}
.banner-down .swiper-slide-thumb-active .main span a{color: #fff;}
.tx-banner .mySwiper2 .swiper-slide-active .text{top:50%;opacity: 1;}

.tx-product-main li{width: 25%;}
.tx-product-main li img{height: 36.1vw;}
.tx-product-main li a{position: relative; display: block; background: #000;}
.tx-product-main li a .img{width: 100%;}
.tx-product-main li a .text{position: absolute;width: 100%;z-index: 20;left:0;bottom:0;color:#fff;padding: 38px 40px;text-align: center;}
.tx-product-main li a .text:before{content: '';position: absolute;bottom:0;left:0;width: 100%;height: 0%;background: #e80115;z-index:-1;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-product-main li a .text h3{font-size: 21px;font-weight: bold;line-height: 21px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-product-main li a .text i{display: inline-block;width: 55px;height: 3px;background: #e80115;margin:10px 0 8px;}
.tx-product-main li a .text i.jiantou{position: absolute;z-index: 20; top:0px;left:0;right: 0;margin:0 auto; width: 56px;height: 56px;line-height: 56px;font-size:24px; background: #fff;border-radius: 50%;color: #e80115;opacity: 0;}
.tx-product-main li a .text i.jiantou:after{content:'';position: absolute;width: 69px;height: 69px;border-radius: 50%;background: #fff;left:50%;top:50%;z-index: -1;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);opacity: 0.6;}
.tx-product-main li a .text em{display: block;text-align: left; font-size: 15px;line-height: 27px;height: 54px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.tx-field{background: #f3f3f3;}
.tx-field-title{text-align: center;font-size: 16px;line-height: 28px;color:#525252;margin-bottom: 50px;}
.tx-field-main .swiper-container{padding-top:20px;overflow: hidden;}
.tx-field-main .swiper-slide{position: relative; }
.tx-field-main .swiper-slide a{display: block;background:#000;}
.tx-field-main .swiper-slide .text{display: none; position: absolute;top:0;left: 0;padding: 32px; width: 100%;height: 100%;flex-direction: column; justify-content: center;align-items: center;}
.tx-field-main .swiper-slide .text img{position: relative;top:0; width: 53px;}
.tx-field-main .swiper-slide .text h3{width:100%;text-align:center; font-size: 20px;margin:20px 0 26px; color: #fff;line-height: 22px;height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-field-main .swiper-slide .text i{display: inline-block;width: 27px;height: 27px;border-radius: 50%;border:1px solid #fff;color: #fff;text-align: center;line-height: 25px;font-size: 18px;transform: rotate(180deg);margin-bottom: 32px;}
.tx-field-main .swiper-slide .text span{display: block;padding: 15px 20px;border:1px solid #fff;}
.tx-field-main .swiper-slide .text em{font-size: 14px;line-height: 33px;height: 99px;overflow: hidden; color: #fff;display: block;text-align: center;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.tx-field-main .swiper-slide-active{z-index: 90;top:-20px !important;}
.tx-field-main .swiper-slide-active .imgs{}
.tx-field-main .swiper-slide-active .text{display: flex;}

.tx-about{position: relative;}
.tx-about-right{position: absolute; width: 46%;height: 100%;background:url('../img/about-img.png') no-repeat;top:80px;left:54%;}
.tx-about-left{width: 54%;padding-right:56px;}
.tx-about-main,.tx-about-main p{font-size: 16px;line-height: 35px;color: #525252;}
.tx-about-main p{margin-bottom:35px;}

.tx-advantage{position: relative;z-index: 20;box-shadow: 0 7px 16px rgba(0,0,0,0.09);background:#fff;padding: 48px 0;}
.tx-advantage-main li{width: 25%;text-align: center;border-left:1px solid #e0e0e0;}
.tx-advantage-main li:first-child{border:0}
.tx-advantage-main li h3{position: relative; font-size: 60px;color:#e80115;}
.tx-advantage-main li h3 b{font-size: 20px;font-weight: normal;margin-left: 5px;margin-top:-10px;}
.tx-advantage-main li h3 i{position: absolute;top:10px;}
.tx-advantage-main li h4{font-size: 18px;margin-top:5px;}

.tx-news{background:#f3f3f3;}
.tx-news-nav{text-align: center;margin-bottom: 60px;}
.tx-news-nav li{float: none;display: inline-block;margin: 0 30px;}
.tx-news-nav li a{display: block;padding: 0 36px;border:1px solid #8d8d8d;line-height: 50px;border-radius: 5px;font-size: 17px;}
.tx-news-nav li.cur a{background: #e80115;color: #fff;border-color: #e80115;}
.tx-news-main{display: none;}
.tx-news-left{width: 50%;padding-right:60px;}
.tx-news-left .img{height: 410px;overflow: hidden;}
.tx-news-left .img img{width: 100%;height: 100%;}
.tx-news-left .text{background: #f7f7f7;padding: 30px 40px;}
.tx-news-left .text h3{font-size: 20px;font-weight: bold;line-height: 24px;height: 24px;text-align: center; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-news-left .text em{display: block;font-size: 15px;line-height: 27px;height: 81px;color: #888;margin:12px 0;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.tx-news-left .text b{float: right;line-height: 42px;font-size: 15px;background: #e80115;color: #fff;padding: 0 30px;font-weight: normal;}
.tx-news-right{width: 50%;padding-left:60px;}
.tx-news-right li {position: relative;width: 100%;}
.tx-news-right li a{display: block;padding: 46px 0;border-bottom:1px solid #bcbcbc;}
.tx-news-right li:first-child a{border-top:1px solid #bcbcbc;}
.tx-news-right li h3{font-size: 20px;line-height: 24px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-news-right li h3 i{font-size: 23px;position: relative;top: 2px;margin-right: 8px;}
.tx-news-right li em{display: block;margin: 12px 0 ; font-size: 15px;line-height: 27px;height: 54px;color: #888; overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.tx-news-right li span{font-size: 13px;color: #666;}
.tx-news-right li span i{font-size: 15px;position: relative;top: 1px;margin-right: 5px;}
.tx-news-right li b{float: right;font-size: 13px;font-weight: normal;color: #666;}



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

    .tx-product-main li a:hover .img{opacity: 1;}
    .tx-product-main li a:hover .text:before{height: 100%;}
    .tx-product-main li a:hover .text i.jiantou{top:-40px;opacity: 1;}
    .tx-field-main .swiper-slide:hover .text img{top:-10px;}
    
.tx-field-main .swiper-slide-active{width: 403px !important;}
    .tx-news-nav li:hover a{background: #e80115;color: #fff;border-color: #e80115;}
    .tx-news-left:hover .img img{transform: scale(1.08);-webkit-transform: scale(1.08);-ms-transform: scale(1.08);}

}

@media screen and (max-width: 1480px) and (min-width: 769px){
    .tx-field-main .swiper-slide-active{width: 335px !important;}
}

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

    .banner-down .main h3{font-size: 22px;}
    .banner-down .main span a{font-size: 14px;}

    .tx-advantage-main li h3{font-size: 46px;}
    .tx-advantage-main li h4{font-size: 16px;}

    .tx-news-nav li a{font-size: 16px;line-height: 45px;}
    .tx-news-left .img{height: 355px;}
    .tx-news-right li a{padding: 38px 0;}
    .tx-news-left .text h3{font-size: 18px;}
    .tx-news-left .text em{font-size: 13px;}
    .tx-news-left .text b{font-size: 13px;}
    .tx-news-right li h3{font-size: 17px;}
    .tx-news-right li em{font-size: 13px;}

}

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

    .banner-down{display: none;}
    .tx-banner .mySwiper2 .text a{display: none;}
    .tx-banner .mySwiper2 .text{max-width: 80%;max-height: 50%;}

    .tx-product-main li{width: 50%;}
    .tx-product-main li img{height: 62vw;}
    .tx-product-main li a .text{padding:12px 20px;}
    .tx-product-main li a .text h3{font-size: 15px;}
    .tx-product-main li a .text i{height: 1px;width: 35px;margin:6px 0 3px;}
    .tx-product-main li a .text em{font-size: 12px;line-height: 20px;height: 40px;opacity: 0.8;}

    .tx-field-title{font-size: 13px;line-height: 22px;margin-bottom: 10px;}
    .tx-field-main .swiper-container{padding-top:0}
    .tx-field-main .swiper-slide-active{top:0 !important;}
    .tx-field-main .swiper-slide .text span{display: none;}
    .tx-field-main .swiper-slide .text{display: flex;padding: 12px;}
    .tx-field-main .swiper-slide .text img{width: 46px;}
    .tx-field-main .swiper-slide .text h3{font-size: 15px;margin:8px 0 18px;}
    .tx-field-main .swiper-slide .text i{margin-bottom: 0;}
    .tx-field-main .swiper-slide .imgs{opacity: 0.46;}

    .tx-about-right{display: none;}
    .tx-about-left{width: 100%;padding-right: 0;}
    .tx-about-main p{font-size: 13px;line-height: 28px;margin-bottom: 8px;}

    .tx-advantage{padding: 20px 0;}
    .tx-advantage-main li{padding: 0 10px;}
    .tx-advantage-main li h3{font-size: 17px;font-weight: bold;}
    .tx-advantage-main li h3 b{font-size: 13px;}
    .tx-advantage-main li h3 i{display: none;}
    .tx-advantage-main li h4{font-size: 12px;}

    .tx-news-nav{margin-bottom: 12px;}
    .tx-news-nav li{margin: 0 5px;}
    .tx-news-nav li a{font-size: 13px;padding: 0 20px;line-height: 32px;}
    .tx-news-left{width: 100%;padding-right: 0;}
    .tx-news-left .img{height: 56vw;}

    .tx-news-left .text b{display: none;}
    .tx-news-left .text{padding: 12px 15px;}
    .tx-news-left .text h3{font-size: 15px;}
    .tx-news-left .text em{display: none;}
    .tx-news-right{padding-left: 0;margin-top: 20px;width: 100%;}
    .tx-news-right li a{padding: 15px 0;}
    .tx-news-right li h3{font-size: 15px;}
    .tx-news-right li h3 i{font-size: 17px;top:0;}
    .tx-news-right li em{font-size: 12px;line-height: 22px;height: 44px;margin: 6px 0 10px;}
    .tx-news-right li b{font-size: 12px;}

}