.tx-productl{padding: 57px 0 82px;}

.tx-productl-main li{width: 31.73%;margin-left: 2.4%;margin-bottom: 2.4%;}
.tx-productl-main li:nth-child(3n-2){margin-left: 0;}
.tx-productl-main li a{float: left;width: 100%;background: #f5f5f5;}
.tx-productl-main li .img{height: 340px;padding: 30px; display: flex;justify-content: center;align-items: center;overflow: hidden;}
.tx-productl-main li .img img{max-width: 100%;max-height: 100%;}
.tx-productl-main li .text{position: relative; padding: 22px 85px 32px 36px;border-top: 1px solid #d1d1d1;}
.tx-productl-main li .text h3{font-size: 22px;margin-bottom: 5px; font-weight: bold; line-height: 37px;height: 37px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-productl-main li .text em{display: block; font-size: 16px;color: #333; line-height: 22px;height: 22px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-productl-main li .text i{position: absolute;right: 36px;width: 40px;height: 40px;border-radius: 50%;background: var(--mColor) url('../img/productl-jt.png') center 15px no-repeat;top:0;bottom:0;margin:auto 0;}

.tx-banners-pro{background: url('../img/ban-pros.png') center center no-repeat;height: 712px;background-size: cover;}
.tx-banners-pro .centers1400{position: relative;}
.tx-banners-pro .position{font-size: 16px;color: #fff;line-height: 18px;margin-top: 28px;}
.tx-banners-pro .position a{color: #fff;}
.tx-banners-pro .position img{position: relative;top: -2px;margin-right: 6px;}
.tx-banners-pro .mains{position: absolute;left: 0;height: 662px;top:50px;display: flex;flex-direction :row-reverse; justify-content: space-between;align-items: center;}
.tx-banners-pro .mains span{display: inline-block;font-size: 22px;line-height: 43px;padding:0 28px;background: rgba(255,255,255,0.8);color: var(--mColor);border-radius: 99px;margin-bottom: 18px;}
.tx-banners-pro .mains h3{font-size: 41px;line-height: 57px;font-weight: bold;color: #fff;margin-bottom: 3px;}
.tx-banners-pro .mains h4{font-size: 18px;color: #fff;opacity: 0.6;margin-bottom: 27px;}
.tx-banners-pro .mains i{display: block;height: 1px;background: #fff;opacity: 0.67;}
.tx-banners-pro .mains a{display: inline-block;width: 224px;line-height: 54px;background: var(--mColor);color: #fff;font-size: 18px;text-align: center;margin-top: 63px;}

.tx-productc{padding:73px 0 100px;}
.tx-productc-left{display: none; width: 70%;}
.tx-productc-left h3{font-size: 28px;line-height: 40px;margin-bottom: 28px;font-weight: bold;}
.tx-productc-left .xian{display: block;width: 100%;height: 1px;background: #dbdbdb;margin:50px 0;}
.tx-productc-left p{font-size: 16px;line-height: 22px;margin-bottom: 12px;}
.tx-productc-right{width: 22%;}
.tx-productc-nav li{width: 100%;line-height: 63px;margin-bottom: 25px;background: #fff;text-align: center;border-right: 4px solid #fff;font-size: 18px;cursor: pointer;}
.tx-productc-nav li.cur{background: #f5f5f5;color: var(--mColor);border-color: var(--mColor);}
.tx-productc-nav li a{display:block;}
.tx-productc-pro dt{position: relative; float: left; width: 100%;margin-bottom: 30px;}
.tx-productc-pro dt .img{height: 228px;display: flex;justify-content: center;align-items: center;background: #f5f5f5;padding:30px;overflow: hidden;}
.tx-productc-pro dt .img img{max-width: 100%;max-height: 100%;}
.tx-productc-pro dt .text{font-size: 14px;line-height: 55px;height: 55px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.tx-productc-pro dt::before{content: '';position: absolute;z-index: 20; width: 0%;height: 1px;background: var(--mColor);bottom:0;left:0;}
.tx-productc-pro dt::after{content: '';position: absolute;z-index: 10; width: 100%;height: 1px;background: #707070;bottom:0;left:0;}

.tx-productct{background:url('../img/productct-bg.png') center center no-repeat;background-size:cover;padding-bottom:52px;}

.tx-productct .position{font-size: 16px;color: #333;line-height: 18px;margin: 28px 0 40px;}
.tx-productct .position a{color: #333;}
.tx-productct .position img{position: relative;top: -2px;margin-right: 6px;}

.tx-productct-left{width:48%;height:440px;padding:25px;background:#fff;display:flex;justify-content:center;align-items:center;}
.tx-productct-left img{max-width:100%;max-height:100%;}

.tx-productct-right{width:52%;height:440px;padding-left:119px;display:flex;justify-content:center;flex-direction:column;}
.tx-productct-right .title{font-size:32px;line-height:36px;font-weight:bold;margin-bottom:60px;}
.tx-productct-right .content h3{font-size:20px;margin-bottom:12px;font-weight:bold;}
.tx-productct-right .content p{font-size:16px;line-height:28px;color:#666;}

.tx-productcm-content em{display:block; position:relative; font-size:30px !important;line-height:36px !important;font-weight:bold;padding-left:15px;margin:80px 0 20px;}
.tx-productcm-content em:before{content:'';position:absolute;width:2px;height:26px;background:#035EC5;top:5px;left:0;}
.tx-productcm-content em:first-child{margin-top:0;}
.tx-productcm-content,.tx-productcm-content p,.tx-productcm-content span{font-size:16px !important;line-height:1.8;}

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

    .tx-productl-main li:hover .img img{transform: scale(1.08);}

    .tx-productl-main li:hover .text{background: var(--mColor);border-top: 1px solid var(--mColor);}
    .tx-productl-main li:hover .text h3,.tx-productl-main li:hover .text em{color: #fff;}
    .tx-productl-main li:hover .text i{background-image: url('../img/productl-jts.png');background-color: #fff;}

    .tx-productc-pro dt:hover:before{width: 100%;}
    .tx-productc-pro dt:hover .img img{transform: scale(1.08);}
    
    .tx-banners-pro .mains a:hover{opacity:0.9;}

}

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

    .tx-productl-main li .img{height: 270px;}
    .tx-productl-main li .text{padding:18px 75px 25px 25px}
    .tx-productl-main li .text h3{font-size: 20px;line-height: 30px;height: 30px;}
    .tx-productl-main li .text em{font-size: 14px;}

    .tx-banners-pro .mains span{font-size: 18px;line-height: 36px;}
    .tx-banners-pro .mains h3{font-size: 32px;}
    .tx-banners-pro .mains h4{font-size: 14px;}
    .tx-banners-pro .mains a{width: 180px;line-height: 48px;font-size: 16px;}

    .tx-productc-left h3{font-size: 20px;}
    .tx-productc-left p{font-size: 14px;}
    .tx-productc-nav li{font-size: 16px;line-height: 52px;margin-bottom: 18px;}
    
    .tx-productct-left{height:410px;}
    .tx-productct-right{height:410px;}
    .tx-productct-right .title{font-size:28px;line-height:32px;margin-bottom:42px;}
    .tx-productct-right{padding-left:80px;}
    .tx-productct-right .content h3{font-size:18px;}
    .tx-productct-right .content p{font-size:14px;}
    
    .tx-productcm-content em{font-size:26px !important;}
    .tx-productcm-content, .tx-productcm-content p, .tx-productcm-content span{font-size:15px !important;}

}

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

    .tx-productl{padding: 20px 0;}
    .tx-productl-main li{width: 48%;margin-left: 4% !important;}
    .tx-productl-main li:nth-child(2n-1){margin-left: 0 !important;}
    .tx-productl-main li .img{padding:12px;height: 38vw;}
    .tx-productl-main li .text i{display: none;}
    .tx-productl-main li .text{padding:12px 15px;}
    .tx-productl-main li .text h3{font-size: 15px;line-height: 20px;height:20px;}
    .tx-productl-main li .text em{font-size: 12px;line-height: 15px;height: 15px;}

    .tx-banners-pro{margin-top: 54px;height: auto;}
    .tx-banners-pro .position{font-size: 12px;line-height: 14px;margin-top: 18px;}
    .tx-banners-pro .position img{width: 16px;}
    .tx-banners-pro .mains{display: block; flex-direction: column;padding:25px 0;height: auto;position: relative;top:0;}
    .tx-banners-pro .mains .img{width: 100%;text-align: center;margin-bottom: 12px;}
    .tx-banners-pro .mains .img img{max-width: 60%;}
    .tx-banners-pro .mains .text{width: 100%;padding:0 15px;}
    .tx-banners-pro .mains span{font-size: 12px;line-height: 28px;padding:0 22px;margin-bottom: 12px;}
    .tx-banners-pro .mains h3{font-size: 14px;line-height:25px;margin-bottom: 12px;}
    .tx-banners-pro .mains h4{display: none;}
    .tx-banners-pro .mains a{margin-top: 20px;line-height: 35px;font-size: 12px;width: 120px;}

    .tx-productc{padding:20px 0}
    .tx-productc-left{width: 100%;}
    .tx-productc-right{display: none;}
    .tx-productc-left h3{font-size: 16px;line-height: 25px;margin-bottom: 12px;}
    .tx-productc-left p{font-size: 12px;line-height: 18px;}
    .tx-productc-left .xian{margin:15px 0;}
    
    .tx-productct{padding-bottom:20px;}
    
    .tx-productct .position{font-size: 12px;line-height: 14px;margin-top: 18px;margin-bottom:20px;}
    .tx-productct .position img{width: 16px;}
    
    .tx-productct-left{width:100%;height:auto;padding:15px;margin-bottom:22px;}
    .tx-productct-right{width:100%;height:auto;padding-left:0;}
    .tx-productct-right .title{font-size:16px;margin-bottom:12px;line-height:24px;}
    .tx-productct-right .content h3{font-size:14px;margin-bottom:5px;}
    .tx-productct-right .content p{font-size:12px;line-height:1.8}
    
    .tx-productcm-content em{font-size:17px !important;line-height:24px !important;margin:18px 0 6px;}
    .tx-productcm-content em:before{height:14px;}

}