.tx-abouts1{background:#f9f9f9;}
.tx-abouts1-left{width: 53.5%;}
.tx-abouts1-left .title{text-align: center;padding:45px 0;}
.tx-abouts1-left .tit img{max-height: 83px;}
.tx-abouts1-main{background:#e60012;padding:90px 78px;text-align: center;}
.tx-abouts1-main img{max-height: 129px;margin-bottom: 46px;}
.tx-abouts1-main p{text-align: left;font-size: 16px;color: #fff;line-height: 34px;}
.tx-abouts1-main p:before{content:'';display: inline-block;position: relative;top:-2px;width: 8px;height: 8px;background: #fff;border-radius: 50%;margin-right: 12px;}
.tx-abouts1-main .advan{text-align: left;color: #fff;margin-top: 15px;}
.tx-abouts1-main .advan li{position: relative; margin-top: 60px;padding: 0 35px;}
.tx-abouts1-main .advan li:before{content: '';position: absolute;left: 0;top:50%;margin-top: -10px;width: 1px;height: 20px;background:#fff;opacity: 0.3;}
.tx-abouts1-main .advan li:nth-child(3n-2){padding-left: 0;}
.tx-abouts1-main .advan li:nth-child(3n-2):before{display: none;}
.tx-abouts1-main .advan li h4{font-size: 42px;line-height: 44px;}
.tx-abouts1-main .advan li h4 b{display: inline-block;font-weight: normal;font-size: 35px;margin-left: 5px;}
.tx-abouts1-main .advan li h3{font-size: 16px;margin-top: 3px;}
.tx-abouts1-right{width: 46.5%;text-align: center;}
.tx-abouts1-right .img{width: 100%;}
.tx-abouts1-right .date{position: relative; display: block; font-size: 40px;font-style: italic;color:#fff;padding: 50px 35px;line-height: 75px;border: 1px solid #eee;cursor: pointer;}
.tx-abouts1-right .date::before{content: '';position: absolute;width: 1px;height: 0;background: #e60012;left: -1px;bottom:-1px;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-abouts1-right .date::after{content: '';position: absolute;width:0;height: 1px;background: #e60012;left: -1px;top:-1px;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-abouts1-right .date i{position: absolute;width: 100%;height: 100%;top:0;left: 0;}
.tx-abouts1-right .date i::before{content: '';position: absolute;width: 1px;height: 0;background: #e60012;right: -1px;top:-1px;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-abouts1-right .date i::after{content: '';position: absolute;width:0;height: 1px;background: #e60012;right: -1px;bottom:-1px;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-abouts1-right .date p{display: inline-block;height: 80px;background: #e60012;padding: 0 50px;}
.tx-abouts1-right .date img{max-height: 36px;}

.tx-abouts2-main .swiper-button{width: 20%;height: 100%;margin-top: 0;top: 0;}
.tx-abouts2-main .swiper-button:after{display: none;}
.tx-abouts2-main .swiper-button-next{right: 0;}
.tx-abouts2-main .swiper-button-prev{left: 0;}
.tx-abouts2-main .swiper-slide img{width: 100%;}
.tx-abouts2-main .swiper-slide h3{display: none; text-align: center;font-size: 18px;color: #666;line-height: 20px;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 30px;}
.tx-abouts2-main .swiper-slide-active h3{display: block;}

.tx-abouts4-main{position: relative;}
.tx-abouts4-main:before{content: '';position: absolute;width: 100%;height: 1px;background: #eee;z-index: -1;left:0;top:39px;}
.tx-abouts4-main .swiper-slide{padding:10px 0;}
.tx-abouts4-main .swiper-slide .date{text-align: center;margin-bottom:40px;}
.tx-abouts4-main .swiper-slide .date h3{position: relative; display: inline-block;width: 58px;height:58px;line-height: 58px;font-size: 16px;background: #a9aabc;color:#fff;font-weight: bold; border:3px solid #fff;border-radius: 50%; box-shadow: 0 0 30px rgba(2,0,32,0.1);}
.tx-abouts4-main .swiper-slide .date h3 i{position: relative;z-index: 20;font-weight: bold;}
.tx-abouts4-main .swiper-slide .date h3 img{ position: absolute;top:-3px;left:-3px;width: 58px;max-width: none; height: auto;max-width: none;z-index: 0;opacity: 0;}
.tx-abouts4-main .swiper-slide .desc{position: relative; border:1px solid #eee;border-radius: 6px;background:#fff;padding: 32px 30px 30px;font-size: 16px;line-height: 32px;color: #666;height: 158px;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-abouts4-main .swiper-slide .desc:after{content: ''; position: absolute;left:0;right:0;margin:0 auto;top:-10px; width: 16px;height: 16px;border:1px solid #eee;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);z-index: 10;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-abouts4-main .swiper-slide .desc:before{content:'';position: absolute;width: 25px;height:10px;top:-1px;left:0;right:0;margin:0 auto;background:#fff;z-index: 20;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-abouts4-main .swiper-button{width: 35px;height: 35px;font-size:12px;line-height: 35px;border-radius: 50%;margin-top: 0;top:21px; border:1px solid #fff;background:#a9aabc; box-shadow: 0 0 30px rgba(2,0,32,0.1);opacity: 0.88;}
.tx-abouts4-main .swiper-button:after{font-size: 18px;color: #fff;}
.tx-abouts4-main .swiper-button-next{right:0;}
.tx-abouts4-main .swiper-button-prev{left:0;}

.tx-abouts5{background: #f9f9f9;}
.tx-abouts5 .tx-main-title h4{color:#f0f0f0;}
.tx-abouts5-main li{position: relative; width: 20%;height: 500px;cursor: pointer;}
.tx-abouts5-main li .img{position: relative;z-index: 10;}
.tx-abouts5-main li .img img{width: 100%;min-height: 100%;}
.tx-abouts5-main li .img::before{content:'';position: absolute;z-index: 10;top:0;left:0;width: 100%;height:100%;background:#454545;opacity: 0.5;}
.tx-abouts5-main li .text{position: absolute;display: flex;flex-direction: column;justify-content: center;align-items: center; z-index: 20; width: 100%;height: 100%;padding:0 20px;top:0;left:0;text-align: center;}
.tx-abouts5-main li .text h3{display: inline-block;padding:0 18px;margin-bottom: 85px; font-size: 20px;color:#fff;line-height: 58px;height: 58px;border-top:1px solid #fff;border-bottom:1px solid #fff; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-abouts5-main li .text img{display: inline-block; height:50px;width: auto;}
.tx-abouts5-main li .box{position: absolute;z-index: 10; top:0;left:0%; width: 200%;height: 100%;padding:80px 50px;transform:scaleX(0) translate(0%,0);}
.tx-abouts5-main li .box::after{content: '';position: absolute;top:0;left:0;width: 100%;height: 100%;background:#fff;z-index: -1;opacity: 0.88;}
.tx-abouts5-main li .box::before{content: '';position: absolute;bottom:0;left:0;width: 100%;height: 4px;background:#e60012;}
.tx-abouts5-main li .box h3{font-size: 24px;color: #e60012;font-weight: bold;margin-bottom: 38px;}
.tx-abouts5-main li .box-desc{display:block;width:100%; height:calc(100% - 50px);overflow-y:auto;}
.tx-abouts5-main li .box-desc::-webkit-scrollbar {width: 8px;}
.tx-abouts5-main li .box-desc::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;}
.tx-abouts5-main li .box-desc::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 0 6px RGB(243,243,244);}
.tx-abouts5-main li .box p{font-size: 16px;color: #666;line-height: 34px;}
.tx-abouts5-main li:nth-child(5n-1) .box,.tx-abouts5-main li:nth-child(5n) .box{left: auto;right: 0;}

.tx-abouts6{background: url('../img/abouts6-bg.png') center center;}
.tx-abouts6-main .swiper-container{padding:20px 20px 72px;}
.tx-abouts6-main .swiper-slide{position: relative; background: #fff;padding: 40px 40px 35px;box-shadow: 0 0 30px rgba(0,0,0,0.03);cursor: pointer;}
.tx-abouts6-main .swiper-slide:before{content:'';position: absolute;width: 100%;height: 5px;z-index: 10;bottom:0;left: 0;background: #e60012 url('../img/abouts6-libg.png') right bottom no-repeat;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-abouts6-main .swiper-slide span{position: relative;z-index: 20;}
.tx-abouts6-main .swiper-slide span h3{font-size: 20px;font-weight: bold; line-height: 22px;height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 25px;}
.tx-abouts6-main .swiper-slide span em{display: inline-block;font-size: 14px;color:#666;margin-right: 15px;margin-bottom: 5px;}
.tx-abouts6-main .swiper-slide span em i{position: relative;margin-right: 6px;top:1px;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-abouts6-main .swiper-slide span p{display: block;font-size: 16px;line-height: 36px;height: 108px;overflow: hidden; color:#666;margin-top: 10px;margin-bottom: 15px; text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.tx-abouts6-main .swiper-slide span a{display: inline-block;width: 90px;height: 34px;line-height: 36px; background: #ddd;text-align: center;border-radius: 99px;}
.tx-abouts6-main .swiper-slide span a i{font-size: 25px;color: #fff;}
.tx-abouts6-main .swiper-pagination{bottom:0;}
.tx-abouts6-main .swiper-pagination-bullet{width: 10px;height: 10px;background: #ddd;opacity: 1;}
.tx-abouts6-main .swiper-pagination-bullet-active{background: #fff;border:3px solid #e60012;}

.tx-abouts6-box{display: none; position: fixed;top:0;left:0;width: 100%;height: 100%;z-index: 9999;}
.tx-abouts6-box:before{content: '';position: absolute;width: 100%;height: 100%;background: #000;z-index: -1;opacity: 0.5;}
.tx-abouts6-box .boxs{display: none; position: absolute;width: 100%;max-width: 1030px;background: #fff;padding: 60px 80px;height: 73%;left:50%;top:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.tx-abouts6-box .boxs .close{position: absolute;top:21px;right: 21px;cursor: pointer;}
.tx-abouts6-box .boxs .title{position: relative; padding-bottom: 27px;border-bottom: 1px solid #e5e5e5;margin-bottom: 30px;}
.tx-abouts6-box .boxs .title::before{content: '';position: absolute;bottom:-2px;left:0;width: 60px;height: 3px;background: #E60012;}
.tx-abouts6-box .boxs .title h3{width: 50%; font-size: 26px;line-height: 26px;font-weight: bold;padding-right: 20px;}
.tx-abouts6-box .boxs .title span{width: 50%;padding-left: 20px;text-align: right;}
.tx-abouts6-box .boxs .title em{display: inline-block; font-size: 13px;margin-left: 15px;margin-top: 10px;}
.tx-abouts6-box .boxs .title em i{display: inline-block;position: relative;top:1px;margin-right: 6px;}
.tx-abouts6-box .boxs > h4{position: relative; width: 100%;border-top:1px solid #e5e5e5;margin-top: 30px;}
.tx-abouts6-box .boxs > h4::before{content: '';position: absolute;top:-2px;right:0;width: 60px;height: 3px;background: #E60012;}
.tx-abouts6-box .boxs .content{display: block;width: 100%;height: calc(100% - 116px); overflow-y: auto;}
.tx-abouts6-box .boxs .content h4{font-size: 15px;font-weight: bold;margin-bottom: 10px;}
.tx-abouts6-box .boxs .content p{font-size: 14px;line-height: 2;margin-bottom: 10px;color: #888;}
.tx-abouts6-box .boxs .content strong{color: #333;}
.tx-abouts6-box .boxs .content::-webkit-scrollbar {width: 8px;}
.tx-abouts6-box .boxs .content::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;}
.tx-abouts6-box .boxs .content::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(0,0,0,0.1);-webkit-box-shadow: inset 0 0 6px RGB(243,243,244);}

.tx-abouts7{position: relative; padding:120px 0;background:url('../img/abouts7-bg.png') center center no-repeat;background-size: 100% 100%;}
.tx-abouts7 .centers{position: relative; overflow: hidden;}
.tx-abouts7:before{content:'';position: absolute;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: 0.75;z-index: 5;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-abouts7-left{position: relative;z-index: 20; background:#fff;padding: 26px;width: 620px;max-width: 100%;}
.tx-abouts7-left .main{position: relative; border:2px solid #e60012;padding: 25px 20px 13px;}
.tx-abouts7-left .main li{position: relative;z-index: 20;width: 100%;margin-bottom: 12px;}
.tx-abouts7-left .main:before{content:'';position: absolute;right: -2px;top:-2px;width: 37.68%;height:50%; background: #fff url('../img/abouts7-leftbg.png') top right no-repeat;}
.tx-abouts7-left .main h3{font-size: 24px;color: #e60012;}
.tx-abouts7-left .main h3 img{margin-left: 15px;position: relative;top:-3px;}
.tx-abouts7-left .main p{font-size: 16px;line-height: 28px;color: #666;margin-bottom: 5px;}
.tx-abouts7-left .main em{display: inline-block; font-size: 15px;margin-right: 20px;}
.tx-abouts7-left .main p i{font-size: 26px;color: #e60012;position: relative;top:4px;margin-left: -8px;}
.tx-abouts7-right{position: absolute; top:0;right:0; width: 50%;display: flex;height: 100%;z-index: 12;justify-content: center;align-items: center;text-align: center;}
.tx-abouts7-right span{cursor: pointer;}
.tx-abouts7-right h3{position: relative; font-size: 14px;line-height: 33px;padding:0 15px;background:#fff;border-radius: 3px;margin-bottom: 12px;}
.tx-abouts7-right h3:before{content:'';position: absolute;bottom:-8px;left:0;right:0;margin:0 auto;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;}
.tx-abouts7-right i{font-size: 52px;color:#e60012;}

.tx-map,.tx-map *{transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-map{display: none; position: fixed;z-index: 9999;width: 100%;height: 100%;}
.map-main{width: 100%;height: 100%;}
.map-close{position: absolute;width: 44px;height: 44px;background:#e60012;z-index: 30;top:40px;right:40px;cursor: pointer;}
.map-close::after,.map-close::before{content: '';position: absolute;width: 1px;height: 90%;background:#fff;left: 0;right: 0;top:0;bottom:0; margin: auto auto;}
.map-close::after{transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.map-close::before{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

@media screen and (min-width: 769px){

    .tx-abouts1-right .date:hover::before,.tx-abouts1-right .date:hover i::before{height:calc(100% + 2px);}
    .tx-abouts1-right .date:hover::after,.tx-abouts1-right .date:hover i::after{width:calc(100% + 2px);}

    .tx-abouts4-main .swiper-slide:hover .date h3{background: none;}
    .tx-abouts4-main .swiper-slide:hover .date h3 img{opacity: 1;}
    .tx-abouts4-main .swiper-slide:hover .desc{background: #e60012;color: #fff;border-color:#e60012;}
    .tx-abouts4-main .swiper-slide:hover .desc:after{background: #e60012;border-color: #e60012;}
    .tx-abouts4-main .swiper-slide:hover .desc:before{background: #e60012;}
    .tx-abouts4-main .swiper-button:hover{background: #e60012;}

    .tx-abouts5-main li:hover{z-index: 50;}
    .tx-abouts5-main li:hover .box{transform:scaleX(1) translate(50%,0);}
    .tx-abouts5-main li:nth-child(5n-1):hover .box,.tx-abouts5-main li:nth-child(5n):hover .box{transform:scaleX(1) translate(-50%,0);}

    .tx-abouts6-main .swiper-slide:hover:before{height: 100%;}
    .tx-abouts6-main .swiper-slide:hover span h3,.tx-abouts6-main .swiper-slide:hover span em,.tx-abouts6-main .swiper-slide:hover span p{color:#fff;}
    .tx-abouts6-main .swiper-slide:hover span a{background: #fff;}
    .tx-abouts6-main .swiper-slide:hover span a i{color: #e60012;}

    .tx-abouts7:hover:before{opacity: 0.1;}

}

@media screen and (max-width: 1465px){

    .tx-abouts1-main{padding: 80px 70px;}
    .tx-abouts1-main .advan li{padding: 0 28px;margin-top: 50px;}
    .tx-abouts1-main img{max-height: 110px;}
    .tx-abouts1-main p{font-size: 14px;}
    .tx-abouts1-main .advan li h3{font-size: 14px;}
    .tx-abouts1-main .advan li h4{font-size: 32px;}

    .tx-abouts4-main .swiper-slide .desc{font-size: 14px;}

    .tx-abouts5-main li{height: 428px;}
    .tx-abouts5-main li .box h3{font-size: 19px;}
    .tx-abouts5-main li .box p{font-size: 14px;line-height: 30px;}

    .tx-abouts6-main .swiper-slide span h3{font-size: 18px;}
    .tx-abouts6-main .swiper-slide span em{font-size: 12px;margin-right: 18px;}
    .tx-abouts6-main .swiper-slide span p{font-size: 14px;line-height: 28px;height: 84px;}

    .tx-abouts7-left .main p{font-size: 14px;}

}

@media screen and (max-width:768px){

    .tx-abouts1-left{width: 100%;}
    .tx-abouts1-left .title{padding: 10px 20% 20px;}
    .tx-abouts1-main{padding: 25px;}
    .tx-abouts1-main img{max-height: 80px;margin-bottom: 20px;}
    .tx-abouts1-main .advan li{padding: 0 15px;margin-top: 12px;}
    .tx-abouts1-main .advan li:nth-child(3n-2){padding: 0 15px;}
    .tx-abouts1-main .advan li:nth-child(3n-2):before{display: block;}
    .tx-abouts1-main .advan li h4{font-size: 24px;}
    .tx-abouts1-main .advan li h4 b{font-size: 17px;}
    .tx-abouts1-main .advan li h3{font-size: 12px;}
    .tx-abouts1-right{width: 100%;}
    .tx-abouts1-right .date{padding: 25px;}

    .tx-abouts2-main .swiper-slide h3{font-size: 13px;display: block;margin-top: 12px;}

    .tx-abouts4-main .swiper-slide .date{margin-bottom: 15px;}
    .tx-abouts4-main .swiper-slide .desc{padding: 20px;height:136px;}

    .tx-abouts5-main li{width: 100%;margin-bottom: 15px;height: auto;overflow: hidden;}
    .tx-abouts5-main li .text{display: none;}
    .tx-abouts5-main li .img{position: absolute;}
    .tx-abouts5-main li .box{position: relative;width: 100%;transform: scaleX(1) translate(0,0);padding: 30px;}
    .tx-abouts5-main li .box::after{display: none;}
    .tx-abouts5-main li .box::before{height: 2px;}
    .tx-abouts5-main li .box h3{color: #fff;font-size: 17px;margin-bottom: 10px;}
    .tx-abouts5-main li .box p{color: #fff;line-height: 24px;opacity: 0.8;}

    .tx-abouts6-main .swiper-container{padding: 0;padding-bottom: 30px;}
    .tx-abouts6-main .swiper-slide{padding: 25px;}
    .tx-abouts6-main .swiper-slide span h3{font-size: 17px;margin-bottom: 15px;}
    
    .tx-abouts7{padding: 30px 0 60px;}
    .tx-abouts7 .centers{padding-top: 110px;}
    .tx-abouts7-left .main:before{display: none;}
    .tx-abouts7-left .main{padding: 20px;}
    .tx-abouts7-left .main h3{font-size: 17px;font-weight: bold;}
    .tx-abouts7-left .main h3 img{height: 20px;}
    .tx-abouts7-left{width: 100%;padding: 20px;}
    .tx-abouts7-left .main p{font-size: 13px;line-height: 24px;}
    .tx-abouts7-left .main em{font-size: 13px;}
    .tx-abouts7-right{width: 100%;height: auto;}

}