.tbanners{margin-top: 94px;text-align: center;height: 610px;padding-top: 88px;background-position: center center;background-size: cover;}
.tbanners h4{font-size: 18px;font-weight: normal;margin-bottom: 12px;color: #64696D;}
.tbanners h3{font-size: 54px;font-weight: bold;color:#43494D;opacity: 1;}
.tbanners.proban{position:relative;overflow:hidden;}
.tbanners.proban .texts{position:relative;z-index:20;}
.tbanners.proban .imgs{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;}
.tbanners.proban .imgs .swiper,..tbanners.proban .imgs .swiper-wrapper{width:100%;height:100%;}
.tbanners.proban .imgs .swiper-slide{background-position: center center;background-size: cover;}
.tbanners.proban .imgs .swiper-pagination{bottom:20px;}
.tbanners.proban .imgs .swiper-pagination span{width: 18px;height:7px;background-color: #000;opacity: 0.3;border-radius: 0;border-radius: 7px 0 0 0;margin-left: 8px;}
.tbanners.proban .imgs .swiper-pagination span.swiper-pagination-bullet-active{width: 28px;background-color: #FC4C02;opacity: 1;border-radius: 0 0 7px 0;}

.tproductl{padding:90px 0;}
.tproductl-nav{width: 17.15%;}
.tproductl-nav > li{width: 100%;border-top: 1px solid #dfdfdf;padding:44px 0;}
.tproductl-nav > li:first-child{border-top: 0;padding-top: 0;}
.tproductl-nav > li > a{display: block;position: relative; font-size: 18px;cursor: pointer;}
.tproductl-nav > li > a:after{content: ''; position: absolute;right:0;top:0;bottom:0;margin:auto 0;width: 14px;height: 8px;background: url('/statics/img/products-navi.png') center center no-repeat;transform: rotate(180deg);-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.tproductl-nav > li.cur > a{color:#FC4C02;}
.tproductl-nav > li.cur > a::after{-webkit-filter: grayscale(0%);-ms-filter: grayscale(0%);filter: grayscale(0%);transform: rotate(0deg);}
.tproductl-nav > li .sub{margin-top: 5px;height: 0;overflow: hidden;}
.tproductl-nav > li .sub li{width:100%;}
.tproductl-nav > li .sub li a{display: block;font-size: 16px;line-height: 25px;text-align: center;margin-top: 30px;}
.tproductl-nav > li.cur .sub{height: auto;}

.tproductl-main{width: 78%;}
.tproductl-main .mains li{width: 31.08%;margin-left: 3.38%;background-color: #f6f6f6;margin-bottom: 38px;}
.tproductl-main .mains li:nth-child(3n-2){margin-left: 0;}
.tproductl-main .mains li .imgs{height: 345px;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.tproductl-main .mains li .imgs img{max-height: 88%;}
.tproductl-main .mains li .texts{position: relative; line-height: 99px;height: 99px;font-size: 18px;font-weight: bold;padding:0 75px 0 26px;border-top: 1px solid #dbdbdb;}
.tproductl-main .mains li .texts::before{content:'';position: absolute;width: 42px;height: 42px;background: url('/statics/img/solutions3-i.png') center center no-repeat;right:21px;top:0;bottom:0;margin:auto 0;}

.tproductc1{background: url('/statics/img/productc1-bg.png') center center no-repeat;background-size: cover;}
.tproductc1-left{position: relative; width:39.7%;}
.tproductc1-left .swiper{position: relative; width: 76%;overflow: hidden;margin:0 12%;}
.tproductc1-left .swiper-slide{text-align: center;height: 470px;display: flex;align-items: center;justify-content: center;}
.tproductc1-left .swiper-slide img{max-height: 88%;}
.tproductc1-left .swiper-button{width: 50px; height: 50px;text-align: center; border-radius: 50%;background-color: #d5d5d5;}
.tproductc1-left .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;}
.tproductc1-left .swiper-button-prev{transform: rotate(180deg);}
.tproductc1-left .swiper-button::after{display: none;}
.tproductc1-down{display: flex;justify-content: center;margin-top: 60px;}
.tproductc1-down a{display: block;width: 181px;line-height: 52px;margin:0 22px; border-radius: 99px;border: 1px solid #FC4C02;font-size: 16px;text-align: center;color: #FC4C02;}
.tproductc1-down a img{position: relative;top:-1px;margin-left: 6px;margin-left: 10px;}
.tproductc1-down a:last-child{color:#fff;background-color: #FC4C02;}

.tproductc1-right{width: 54.3%;}
.tproductc1-right .titles{font-size: 42px;line-height: 45px;margin-bottom: 12px;}
.tproductc1-right .descs{font-size: 20px;color: #FC4C02;}
.tproductc1-right .mains{padding-right: 79px;height: 490px;overflow-y: auto;margin-top: 25px;}
.tproductc1-right .mains::-webkit-scrollbar{width: 4px;}
.tproductc1-right .mains::-webkit-scrollbar-thumb{background-color: #8a8a8a;}
.tproductc1-right .mains::-webkit-scrollbar-track{background-color: #e1e1e1;}
.tproductc1-right .mains li{width: 100%;padding:35px 0 30px;border-top: 1px solid #DFDFDF;}
.tproductc1-right .mains li span{float: left;width: 50%;}
.tproductc1-right .mains li span:first-child{padding-right: 30px;}
/*.tproductc1-right .mains li span:last-child{padding-left: 30px;}*/
.tproductc1-right .mains li span h3{font-size: 16px;font-weight: bold;margin-bottom: 12px;}
.tproductc1-right .mains li span em{display: block; font-size: 16px;color: #666;}

.tproductc2{background-color:#f7f7f7;}
.tproductc2-main li{margin-left: 3.1%;width: 22.675%;text-align: center;background-color: #fff;height: 322px;padding:41px 30px 30px;cursor: pointer;}
.tproductc2-main li:nth-child(4n-3){margin-left: 0;}
.tproductc2-main li h3{font-size: 22px;font-weight: bold;margin-top: 28px;}
.tproductc2-main li em{display: block;font-size: 16px;line-height: 25px;color:#999;margin-top: 14px;}

.tproductc3-main{overflow: hidden;}
.tproductc3-main .swiper-slide .imgs{height: 302px;overflow: hidden;}
.tproductc3-main .swiper-slide .texts{position: absolute;font-size: 20px;font-weight: bold; bottom:0;left:0;width: 100%;line-height: 78px;padding:0 32px;height: 78px;overflow: hidden;color:#fff;}
.tproductc3-button{position: relative;display: flex;justify-content: center;margin-top: 33px;}
.tproductc3-button .swiper-button{position: relative;margin-top: 0;top:0;float: left;left:auto;right:auto; width: 50px; height: 50px;text-align: center; border-radius: 50%;background-color: #d5d5d5;margin:0 44px;}
.tproductc3-button .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;}
.tproductc3-button .swiper-button-prev{transform: rotate(180deg);}
.tproductc3-button .swiper-button::after{display: none;}

.tproductc4{background: url('/statics/img/productc4-bg.png') center center no-repeat;background-size: cover;}
.tproductc4-main li{position: relative; width: 32.5%;margin-left: 1.25%;overflow: hidden;cursor: pointer;}
.tproductc4-main li:nth-child(3n-2){margin-left: 0;}
.tproductc4-main li a{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 302px;
}
.tproductc4-main li .imgs{width: 100%;height: 100%;}
.tproductc4-main li .texts{font-weight: bold; text-align: center;height:70px;line-height:70px;background-color:#FFFFFF;font-size: 20px;margin-top:-2px}

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

    .tproductl-nav > li > a:hover::after{-webkit-filter: grayscale(0%);-ms-filter: grayscale(0%);filter: grayscale(0%);}

    .tproductc1-left .swiper-button:hover{background-color: #FC4C02;}
    .tproductc1-left .swiper-button:hover:before{border-left-color:#fff;}
    
    .tproductl-main .mains li:hover .imgs{transform: scale(1.08);}
    .tproductl-main .mains li:hover .texts::before{transform: rotate(45deg);}

    .tproductc3-main .swiper-button:hover{background-color: #FC4C02;}
    .tproductc3-main .swiper-button:hover::before{border-left-color:#fff;}

    .tproductc1-down a:hover{opacity: 0.9;}

    .tproductc2-main li:hover{box-shadow: 0px 6px 20px 1px rgba(163,173,187,0.3882);transform: translate(0,-10px);}

    .tproductc3-main .swiper-slide:hover .imgs img,.tproductc4-main li:hover .imgs{transform: scale(1.08);}

}

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

    .tbanners{height: 560px;}
    .tbanners h3{font-size: 46px;}
    
    .tproductl-nav > li > a{font-size: 16px;}
    .tproductl-nav > li{padding:34px 0;}
    .tproductl-nav > li .sub li a{font-size: 14px;margin-top: 20px;}
    .tproductl-main .mains li .imgs{height: 295px;}
    .tproductl-main .mains li .texts{font-size: 16px;line-height: 86px;height: 86px;}

    .tproductc1-left .swiper{width: 66%;margin:0 17%;}
    .tproductc1-right .titles{font-size: 32px;}
    .tproductc1-right .descs{font-size: 17px;}
    .tproductc1-down a{font-size: 14px;}

    .tproductc2-main li h3{font-size: 20px;margin-top: 22px;}
    .tproductc2-main li em{font-size: 14px;}
    .tproductc2-main li{height: 300px;}

    .tproductc3-main .swiper-slide .imgs{height: 256px;}
    .tproductc3-main .swiper-slide .texts{font-size: 17px;line-height: 68px;height: 68px;}

    .tproductc4-main li{height: auto}
    .tproductc4-main li .texts h3{font-size: 17px;}
}

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

    .tbanners{margin-top: 52px;height: 160px;padding-top: 16px;}
    .tbanners h3{font-size: 22px;}
    .tbanners h4{font-size: 14px;margin-bottom: 0px;}
    
    .tbanners.proban .imgs .swiper-pagination{display:none;}

    .tproductl{padding:25px 0;}
    .tproductl-nav{width:100%;}
    .tproductl-nav > li{display:none;border:0;}
    .tproductl-nav > li > a{display:none;}
    .tproductl-nav > li.cur{display:block;padding:0;}
    .tproductl-nav > li.cur .sub{display:flex;justify-content: space-between;}
    .tproductl-nav > li.cur .sub li{display:block;width:auto;margin-bottom:12px;}
    .tproductl-nav > li.cur .sub li a{margin-top:0;padding:0 8px;}
    .tproductl-main{width: 100%;}

    .tproductl-main .mains li{width: 100%;margin-left: 0;margin-bottom: 15px;}
    .tproductl-main .mains li .imgs{height: 88vw;}
    .tproductl-main .mains li .texts::before{display: none;}
    .tproductl-main .mains li .texts{font-size: 14px;line-height: 50px;height: 50px;padding:0 15px;}

    .tproductc1-left{width: 100%;margin-bottom: 25px;}
    .tproductc1-left .swiper-button{display: none;}
    .tproductc1-left .swiper{width: 100%;margin:0;}
    .tproductc1-left .swiper-slide{padding:0 25px;height: 68vw;}
    .tproductc1-down{margin-top: 15px;}
    .tproductc1-down a{margin:0 6px;width: 122px;line-height: 38px;}
    .tproductc1-right{width:100%;}
    .tproductc1-right .titles{font-size: 20px;line-height: 30px;margin-bottom: 5px;}
    .tproductc1-right .descs{font-size: 14px;}
    .tproductc1-right .mains{margin-top: 15px;padding-right: 15px;height: 260px;}
    .tproductc1-right .mains li{padding:15px 0;}
    .tproductc1-right .mains li span:first-child{padding-right: 12px;}
    .tproductc1-right .mains li span:last-child{padding-left: 12px;}
    .tproductc1-right .mains li span h3{font-size: 13px;margin-bottom: 3px;}
    .tproductc1-right .mains li:last-child{padding-bottom: 0;}
    .tproductc1-right .mains li span em{font-size: 14px;}

    .tproductc2-main li{width: 48%;margin-left: 4% !important;height: auto;margin-bottom: 4%;padding:20px;}
    .tproductc2-main li:nth-child(2n-1){margin-left: 0 !important;}
    .tproductc2-main li img{width: 58px;}
    .tproductc2-main li em{display: none;}
    .tproductc2-main li h3{font-size: 14px;margin-top: 12px;}

    .tproductc3-button{display: none;}
    .tproductc3-main .swiper-slide .imgs{height: 59vw;}
    .tproductc3-main .swiper-slide .texts{font-size: 14px;line-height: 46px;height: 46px;padding: 0 15px;}

    .tproductc4-main li{width: 100%;margin-bottom: 15px;margin-left: 0;auto}
    .tproductc4-main li a{
    display: inline-block;
    width: 100%;
   height: 58vw;
}
    .tproductc4-main li .texts img{width: 48px;}
    .tproductc4-main li .texts h3{font-size: 15px;}

    

}