.tbanner{position: relative; z-index: 10; height: 100%;overflow: hidden;}
.tbanner .centers{position: relative;}
.tbanner-logo{position: absolute;z-index: 20;bottom:52px;left: 0;right: 0;margin: 0 auto;}
.tbanner .swiper,.tbanner .swiper-slide{height: 100%;}
.tbanner .swiper-slide .imgs{position: absolute;z-index: 10; top:0;left:50%; max-width: none;min-width: 100%; height: 100%; transform: translate(-50%, 0) scale(1.1);-webkit-transform: translate(-50%, 0) scale(1.1);-ms-transform: translate(-50%, 0) scale(1.1);transition: 3s;-webkit-transition: 3s;-ms-transition: 3s;}
.tbanner .swiper-slide .centers{position: relative;z-index: 20; height:100%;display: flex;flex-direction: column;justify-content: center;}
.tbanner .swiper-slide .texts{position: relative; left: 20%;opacity: 0;transition: 2s;-webkit-transition: 2s;-ms-transition: 2s;}
.tbanner .swiper-slide h4{font-size: 18px;color:#fff;margin-bottom: 38px;}
.tbanner-pagination{position: absolute; bottom:45px;left:0;right:0;margin:0 auto;width: 100%;}
.tbanner .swiper-num{position: absolute;bottom:45px; color:#fff;left:0;z-index: 20;font-size: 22px;font-weight: normal;}
.tbanner .swiper-num .num1{display: inline-block; font-size: 24px;color: #FC4C02;font-weight: normal;margin-right: 3px;}
.tbanner .swiper-num .num2{display: inline-block;font-size: 16px;color:#fff;font-weight: normal;position: relative;top:-1px;margin-left: 3px;}
.tbanner .swiper-pagination{bottom: 52px;right: 0;}
.tbanner .swiper-pagination span{width: 18px;height:7px;background-color: #fff;opacity: 0.3;border-radius: 0;border-radius: 7px 0 0 0;margin-left: 8px;}
.tbanner .swiper-pagination span.swiper-pagination-bullet-active{width: 28px;background-color: #FC4C02;opacity: 1;border-radius: 0 0 7px 0;}

.tbanner .swiper-slide-active .imgs{transform: translate(-50%, 0) scale(1);-webkit-transform: translate(-50%, 0) scale(1);-ms-transform: translate(-50%, 0) scale(1);}
.tbanner .swiper-slide-active .texts{left:0; opacity: 1;}

.tindex-title{margin-bottom: 56px;}
.tindex-title a{position: relative;z-index: 10; font-size: 18px;line-height: 65px;border: 1px solid #A2A2A2;border-radius: 0 0 65px 0;padding:0 62px;overflow: hidden;}
.tindex-title a::after{content:'';position: absolute;width: 100%;height: 100%;border-radius: 0 0 65px 0;background-color: #FC4C02;left:-100%;top:0;z-index: -1;}
.tindex-title h3{font-size: 32px;font-weight: bold;margin-bottom: 24px;line-height: 45px;}
.tindex-title h4{font-size:16px;color:#999;line-height: 22px;}

.tsolve{background: url('/statics/img/solve-bg.png') center center no-repeat;overflow: hidden;}
.tsolve-nav{position: relative;z-index: 10; display: flex;justify-content: space-between;margin-bottom: 66px;}
.tsolve-nav::before{content:"";position: absolute;z-index: -1; bottom:6.5px;left:-50%; width: 200%;height: 1px;border-bottom: 1px dashed #c5c5c5;}
.tsolve-nav li{text-align: center;cursor: pointer;opacity: 0.8; -webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.tsolve-nav li img{width: 58px;}
.tsolve-nav li i{position: relative; display: inline-block; width: 7px;height:7px;margin-top: 35px;border-radius: 50%;background-color: #FC4C02;}
.tsolve-nav li i::before{content:'';position: absolute;top:-7px;left:-7px; width: 21px;height: 21px;border-radius: 50%;background-color: #FC4C02;opacity: 0.2;}
.tsolve-nav li.cur{opacity: 1;-webkit-filter: grayscale(0%);-ms-filter: grayscale(0%);filter: grayscale(0%);}
.tsolve-main{display: none;}
.tsolve-main .texts{width: 40%;}
.tsolve-main .texts h3{font-size: 28px;font-weight: bold;margin-bottom: 20px;line-height: 40px;}
.tsolve-main .texts p{font-size: 14px;line-height: 24px;color:#666;height: 96px;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.tsolve-main .texts i{display: block;width: 100%;height: 1px;background-color: #c5c5c5;margin: 40px 0;}
.tsolve-main .texts h4{font-size: 18px;font-weight: bold;line-height: 25px;margin-bottom: 15px;}
.tsolve-main .texts em{display: inline-block;font-size: 14px;color:#666;margin-right: 40px;}
.tsolve-main .texts em::before{content: '';display: inline-block;width: 7px;height: 7px;border-radius: 50%;background-color: #666;position: relative;top:-1px;margin-right: 4px;}
.tsolve-main .texts a{display: inline-block;padding: 0 38px;line-height: 45px;background-color: #FC4C02;border-radius: 99px;color:#fff;margin-top: 60px;}
.tsolve-main .texts a:after{content: ''; display: inline-block;width: 16px;height: 16px;background: url('/statics/img/solve-i.png') center center no-repeat;background-color: #fff; border-radius: 50%;position: relative;top:3px;margin-left: 7px;}
.tsolve-main .imgs{width: 49%;padding-top: 20px;}

.tnews{overflow: hidden;}
.tnews-nav li{position: relative;z-index: 20; padding:0 36px;font-size: 16px;line-height: 47px;border: 1px solid #dfdfdf;margin-right: 36px;border-radius: 99px;cursor: pointer;margin-bottom: 38px;}
/* .tnews-nav li::before{content: '';position: absolute;z-index: -1;width: 0%; height: 100%;background-color: #FC4C02;top:0;left:0;right:0;margin:0 auto; border-radius: 99px;} */
.tnews-nav li.cur{color:#fff;background-color: #FC4C02;border-color: #FC4C02;}
/* .tnews-nav li.cur::before{width: 100%;} */
.tnews-main{position: relative; display: none;}
.tnews-main .swiper-slide{width: 528px;}
.tnews-main .swiper-slide .imgs{width: 100%;height: 287px;overflow: hidden;margin-bottom: 26px;}
.tnews-main .swiper-slide .imgs img{width: 100%;height: 100%;}
.tnews-main .swiper-slide .texts h4{font-size: 14px;color:#999;line-height: 20px;}
.tnews-main .swiper-slide .texts h3{font-size: 22px;font-weight: bold;line-height: 30px;height: 30px;margin-top: 13px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tnews-main .buttons{position: absolute;top:-88px;right:0;}
.tnews-main .swiper-button{position: relative;float: left;left:0;right:0;top:0;margin:0; width: 50px; height: 50px;text-align: center; border: 1px solid #d5d5d5;border-radius: 50%;margin:0;margin-left: 34px;}
.tnews-main .swiper-button::before{content: '';width: 0;margin-left: 10px; height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 9px solid #666;border-right:9px solid transparent;}
.tnews-main .swiper-button-prev{transform: rotate(180deg);}
.tnews-main .swiper-button::after{display: none;}

.tmessage{padding:100px 0;background: url('/statics/img/message-bg.png') center center no-repeat;text-align: center;background-size: cover;}
.tmessage h3{font-size: 36px;margin-bottom: 24px;}
.tmessage a{display: inline-block;padding:0 74px;line-height: 60px;background-color: #FC4C02;border-radius: 99px;font-size: 18px;color: #fff;}
.tmessage a::before{content:'';position: relative;top:5px;margin-right:10px; display: inline-block;width: 23px;height: 23px;background: url('/statics/img/message-i.png') center center no-repeat;}

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

    .tindex-title a:hover{border-color: #FC4C02;color: #fff;}
    .tindex-title a:hover::after{left:0;}

    .tsolve-main .texts a:hover{opacity: 0.9;}
    .tsolve-main .texts a:hover:after{transform: rotate(45deg);}

    .tnews-main .swiper-button:hover{border-color: #FC4C02;}
    .tnews-main .swiper-button:hover::before{border-left-color: #FC4C02;}
    .tnews-main .swiper-slide:hover .imgs img{transform: scale(1.08);}
    .tnews-main .swiper-slide:hover .texts h3{color:#FC4C02;}

    .tmessage a:hover{opacity: 0.9;}

}

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

    .tbanner .swiper-slide h4{font-size: 16px;}

    .tindex-title{margin-bottom: 48px;}
    .tindex-title h3{font-size: 30px;margin-bottom: 18px;}
    .tindex-title h4{font-size: 14px;}
    .tindex-title a{font-size: 16px;line-height: 62px;padding:0 56px;}
    
    .tsolve-nav{margin-bottom: 52px;}
    .tsolve-nav li img{width: 52px;}
    .tsolve-nav::before{bottom:9px;}
    .tsolve-main .texts{width: 43%;}
    .tsolve-main .texts i{margin:30px 0;}
    .tsolve-main .texts a{margin-top: 50px;}
    .tsolve-main .texts h3{font-size: 26px;}

    .tnews-nav li{font-size: 14px;line-height: 45px;}
    .tnews-main .swiper-button{width: 46px;height: 46px;}

    .tnews-main .swiper-slide{width: 440px;}
    .tnews-main .swiper-slide .imgs{height: 240px;margin-bottom: 18px;}
    .tnews-main .swiper-slide .texts h3{font-size: 18px;margin-top: 8px;}

    .tmessage{padding:82px 0;}
    .tmessage h3{font-size: 32px;}
    .tmessage a{font-size: 16px;line-height: 53px;padding:0 58px;}

}

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

    .tbanner{margin-top: 52px;height: 320px;}
    .tbanner .swiper-num,.tbanner .swiper-pagination{display: none;}
    .tbanner-logo{bottom:15px;height: 12px;}
    .tbanner .swiper-slide .texts{padding:0 15px;}
    .tbanner .swiper-slide .texts h4{font-size: 12px;margin-bottom: 12px;}
    .tbanner .swiper-slide .texts img{max-height: 50px;}

    .tsolve-nav{margin-bottom: 15px;}
    .tsolve-nav li img{width: 28px;}
    .tsolve-nav li i::before{display: none;}
    .tsolve-nav li i{margin-top: 12px;}
    .tsolve-main .imgs{width: 100%;padding-top: 0;margin-bottom: 15px;}
    .tsolve-main .texts{width: 100%;}
    .tsolve-main .texts h3{font-size: 16px;line-height: 27px;margin-bottom: 5px;}
    .tsolve-main .texts i{margin: 15px 0;}
    .tsolve-main .texts h4{font-size: 16px;margin-bottom: 5px;}
    .tsolve-main .texts em{margin-right: 20px;margin-bottom: 5px;}
    .tsolve-main .texts a{margin-top: 15px;font-size: 14px;line-height: 35px;padding:0 22px;}

    .tindex-title{text-align: center;margin-bottom: 14px;}
    .tindex-title h3{font-size: 20px;line-height: 20px;margin-bottom: 6px;}
    .tindex-title h4{font-size: 13px;}
    .tindex-title a{display: none;}

    .tnews-nav{display: flex;justify-content: center;margin-bottom: 15px;}
    .tnews-nav li{margin:0 8px;padding:0 25px;line-height: 35px;}
    .tnews-main .swiper-slide{width: 260px;}
    .tnews-main .swiper-slide .imgs{height: 38vw;margin-bottom: 6px;}
    .tnews-main .swiper-slide .texts h3{font-size: 16px;margin-top: 2px;line-height: 25px;height: 25px;}
    .tnews-main .buttons{display: none;}

    .tmessage{padding:30px 0;}
    .tmessage h3{font-size: 20px;margin-bottom: 15px;}
    .tmessage a{font-size: 14px;line-height: 40px;padding: 0 38px;}
    .tmessage a::before{width: 18px;background-size: 18px auto;}

}