@charset "utf-8";

:root{--mColor: #00bbea;--fColor: #D5E0E8;}
.floats{float: left;width: 100%;}
.centers{max-width: 1200px;margin:0 auto;clear:both;}
.paddings55{padding:40px 0 65px;}
.backgroundf5{background:#f5f5f5;}
img{max-width: 100%;}

body{min-width: 1230px;}

.tx-banners{position: relative; height:280px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.tx-banners-text{position: absolute;left:50%;top:50%;transform: translate(-50%, -50%);color:#fff;text-align: center;}
.tx-banners-text h3{position: relative;display: inline-block; font-size: 38px;padding-bottom: 18px;}
.tx-banners-text h3::before{content:'';position: absolute;bottom:0;left:0;right:0;margin:0 auto;width: 100%;height:4px;background: var(--mColor);}
.tx-banners-text h4{font-size: 16px;margin-top:10px;    text-transform: uppercase;}

.tx-positons{font-size: 14px;color:#999;line-height:20px;background: #fff;padding:25px 0;}
.tx-positons a{color:#999;}

.tx-mains{background: #fff;}

.tx-mains-title{margin-bottom: 42px;}
.tx-mains-title h3{display:inline-block; font-size: 28px;}
.tx-mains-title h4{display:inline-block; font-size: 18px;margin-left: 10px;}

.height60{height: 60px;}
.thead {display: none !important;}
/* 关于我们 */
.tx-abouts-title{text-align: center; margin-bottom: 50px;}
.tx-abouts-title h3{font-size: 28px;}
.tx-abouts-title h4{font-size: 14px;color:#a09f9f;margin-top: 4px;text-transform: uppercase;}

.tx-about1-left{width: 40.33%;}
.tx-about1-right{width: 59.67%;padding-left: 50px; line-height:40px;}
.tx-about1-right p{font-size: 16px;line-height: 30px;margin-top: 20px;}
.tx-about1-right p:first-child{margin-top: 0;}

.tx-about2-main{text-align: center;}
.tx-about2-main p{font-size: 16px;line-height: 30px;}

.tx-about3{padding-top:75px;}
.tx-about3-main{padding:85px 0; background:url('../images/about3-bg.png') center center no-repeat;background-size: cover;}
.tx-about3-main li{float: left; width: 21.66%;margin-left:4.45%;}
.tx-about3-main li:first-child{margin-left:0}
.tx-about3-main li .imgs{position: relative; padding:45px 15px 15px;text-align: center;line-height: 160px; height:220px;background: #fff; overflow: hidden;}
.tx-about3-main li .imgs img{max-width: 100%;max-height: 100%;}
.tx-about3-main li .imgs h4{position: absolute;top:17px;left:0;width: 100%; padding:0 15px;color:var(--mColor);font-size: 16px;line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-about3-main li .texts{font-size: 16px;color:#fff; line-height: 20px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:18px;text-align: center;}
.tx-about3-main li .texts:before{content:'';display: inline-block;width: 0;height: 0;margin-right: 10px; border-left: 9px solid #fff; border-top: 5px solid transparent;border-bottom: 5px solid transparent;transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}

.tx-about4-main li{float: left; width: 32.16%;margin-left:1.76%; cursor: pointer;text-align: center;margin-top: 25px;cursor: default;}
.tx-about4-main li:first-child{margin-left: 0;}
.tx-about4-main li .icon{display: inline-block; margin-top:-25px; width: 104px;height:104px;text-align: center;line-height: 104px; border-radius: 50%;background: var(--mColor);}
.tx-about4-main li .text{position: relative; padding:0 15px 35px;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-about4-main li .text:before{content:'';position: absolute;bottom:0;left:0;right:0;margin:0 auto;width: 0%;height:6px;background: var(--mColor);transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-about4-main li .text h3{font-size: 24px;line-height: 25px;height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin:18px 0;}
.tx-about4-main li .text em{display: block;font-size: 16px;line-height: 24px;font-style:normal;text-align: left; 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;}

.tx-about5{background: url('../images/about5-bg.png') center center no-repeat;background-size: cover;}
.tx-about5-main .swiper{position: relative; padding:183px 35px;}
.tx-about5-main .swiper::before{content:'';position: absolute;top:50%;transform: translate(0, -50%);margin-top:-28px; left:0;width: 100%;height: 2px;background: var(--mColor);}
.tx-about5-main .swiper-slide{position: relative; text-align: center;cursor: default;}
.tx-about5-main .swiper-slide i{position: absolute;left:0;right:0;margin:0 auto;top:-11px; width: 20px;height:20px;background:#b5b5b5;border-radius: 50%;}
.tx-about5-main .swiper-slide i::before{content: '';position: absolute;width: 10px;height:10px;left:5px;top:5px;background: #fff;border-radius: 50%;}
.tx-about5-main .swiper-slide .date{font-size: 28px;line-height: 30px;font-weight: bold;margin-top:25px;cursor: default;}
.tx-about5-main .swiper-slide .text{display: flex;flex-direction: column; justify-content: center;align-items: center; position: absolute;width: 289px;height:144px;background: #fff;left:50%;text-align: left; transform: translate(-50%, 0);padding:15px 30px;cursor: default;}
.tx-about5-main .swiper-slide .text h4{font-size: 17px;font-weight: bold;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-about5-main .swiper-slide .text h3{font-size: 15px;line-height: 24px;margin-bottom: 4px;transition: 0s;-webkit-transition: 0s;-ms-transition: 0s;}
.tx-about5-main .swiper-slide .text::before{content:'';position: absolute;left:50%;margin-left: -12px; width: 0;height: 0;margin-right: 10px; border-left: 12px solid transparent;border-right: 12px solid transparent;}
.tx-about5-main .swiper-slide:nth-child(2n-1) .text{bottom:100%;margin-bottom: 42px;}
.tx-about5-main .swiper-slide:nth-child(2n) .text{top:100%;margin-top: 42px;}
.tx-about5-main .swiper-slide:nth-child(2n-1) .text::before{border-top: 12px solid #fff;bottom:-12px;}
.tx-about5-main .swiper-slide:nth-child(2n) .text::before{border-bottom: 12px solid #fff;top:-12px;}

/* 联系我们 */
.tx-contacts{padding:20px 0 280px;background: url('../images/contacts-bg.png') center bottom no-repeat;}
.tx-contacts li{float: left; width: 31.41%;margin-left: 2.88%;border:1px solid #d5d5d5;margin-bottom: 40px;box-shadow: 1px 1px 7px rgba(192,192,192,0.75);}
.tx-contacts li:nth-child(3n-2){margin-left: 0;}
.tx-contacts li .title{font-size: 18px;font-weight: bold; line-height: 60px;height:60px;padding:0 27px;border-bottom:2px solid var(--mColor)}
.tx-contacts li .texts{padding:20px 27px;line-height: 28px;height:230px;font-size: 16px;}
.tx-contacts li .texts h4{font-weight: bold;margin-bottom: 4px;}
.tx-contacts li .texts em{display: block;font-style: normal;margin-bottom: 8px;}
.tx-contacts li .texts em:first-child{margin-top: 15px;}
.tx-contacts li .texts p{position: relative; padding-left:50px;}
.tx-contacts li .texts p i{position: absolute;top:0;left:0;font-style: normal;}

/*案例*/
.tx-casel{padding-bottom: 70px;}
.tx-casel-top{margin-bottom: 50px;}
.tx-casel-top .title{font-size: 16px;line-height: 24px;margin-bottom: 42px;}
.tx-casel-top .mains li{float: left;max-width: 230px;height:130px;line-height: 100px; padding:15px 30px;}
.tx-casel-top .mains li a {cursor: default;}
.tx-casel-top .mains li img{max-width: 100%;max-height: 100%;}

.tx-casel-main li{float: left; width: 31.41%;margin-left: 2.88%;margin-bottom: 35px;background: #fff;border:1px solid #d5d5d5;overflow: hidden;}
.tx-casel-main li:nth-child(3n-2){margin-left: 0;}
.tx-casel-main li a{float: left;width: 100%;text-align: center;}
.tx-casel-main li a:last-of-type {padding:20px 20px 40px;}
.tx-casel-main li .imgs{margin-bottom: 15px;overflow: hidden;height: 210px;}
.tx-casel-main li .imgs img{max-width: 100%;max-height: 100%;width: 100%;height: auto;}
.tx-casel-main li .texts i{display: inline-block;width: 29px;height: 29px;line-height: 27px; border-radius: 50%;background: var(--mColor);font-size: 22px;color:#fff;font-style: normal;margin-bottom: 20px;}
.tx-casel-main li .texts h3{font-size: 18px;line-height: 22px;height:22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-casec-rela .mySwiper {clear: both;overflow: hidden;}
.tx-casec-rela .mySwiper li.swiper-slide  {margin-left: 0;}
.tx-casec-rela .mySwiper li.swiper-slide .imgs {height: auto;}
.tx-casec-rela .mySwiper .swiper-button-next {right: -50px;z-index: 0;}
.tx-casec-rela .mySwiper .swiper-button-prev {left: -50px;z-index: 0;}
.tx-casec-rela .mySwiper .swiper-button-next::after,.tx-casec-rela .mySwiper .swiper-button-prev {
    color: #00bbea;
}
.tx-casec-title{border-bottom:1px solid #e0e0e0;padding-bottom: 15px;margin-bottom: 30px;}
.tx-casec-title h3{font-size: 28px;line-height: 32px;margin-bottom: 12px;}
.tx-casec-title em{display: inline-block;font-size: 14px;color:#4a4a4a;font-style: normal;}
.tx-casec-main{padding:40px 0 60px;}

/*资料下载*/
.tx-downl-main{margin-bottom:50px}
.tx-downl-main .texts{font-size: 16px;line-height: 32px;}
.tx-downl-main .texts a{color:var(--mColor);cursor: default;}
.tx-downl-main .tables{border:1px solid #d1d1d1;font-size: 16px;text-align: center;margin-top: 20px;}
.tx-downl-main .tables th{width: 200px; border:1px solid #fff;background: var(--mColor);color:#fff;font-weight: normal;height: 35px;}
.tx-downl-main .tables td{height: 50px;border:1px solid #d1d1d1;}
.tx-downl-main .tables td img{max-height: 100%;}
.tx-downl-main .tables input[type="checkbox" i] {width: 13px;height:13px;border-radius: 4px;border:1px solid #888787;background-color: initial;cursor: default;appearance: auto;box-sizing: border-box;margin: 3px 3px 3px 4px;padding: initial;border: initial;cursor: pointer;}
.tx-downl-form .mains{width: 982px;}
.tx-downl-form .mains li{float: left; width: 48.85%;margin-left: 2.3%;line-height: 37px;margin-bottom: 12px;}
.tx-downl-form .mains li:nth-child(2n-1){margin-left: 0;}
.tx-downl-form .mains li h3{float: left;width: 22.86%; text-align-last: justify;padding-right: 13px;}
.tx-downl-form .mains li b{display: inline-block;width: 16px;color:red;line-height: 37px;}
.tx-downl-form .mains li input,.tx-downl-form .mains li select{float: left; width: 77.14%;background: #fff; line-height: 37px;height: 37px;border:1px solid #e4e4e4;padding:0 15px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.tx-downl-form .mains li button{margin-left:22.86%;width: 150px;line-height: 40px;background: var(--mColor);color:#fff;border-radius: 5px;font-size: 16px;margin-top: 27px;}
/*技术专栏*/
.tx-technology1 li{float:left; width: 100%;margin-bottom: 35px;}
.tx-technology1 li .title{font-size: 18px;background: var(--mColor);color: #fff;padding: 13px 20px;line-height: 24px;}
.tx-technology1 li .mains h3{font-size: 17px;line-height: 22px;font-weight: bold;margin: 35px 0 25px;}
.tx-technology1 li .mains p{font-size: 17px;line-height: 28px;color: #666;}

.tx-technology2 h3{font-size: 18px;font-weight: bold;margin-bottom: 28px;margin-top: 40px;}
.tx-technology2 h3:first-child{margin-top: 0;}
.tx-technology2 p{font-size: 17px;line-height: 28px;text-indent: 2em;}
.tx-technology2 .bg{position: relative; display: block; background: #f4f4f4;padding:25px 50px 35px;width: 100%;margin-top: 35px;z-index: 20;}
.tx-technology2 .bg img{position: absolute;right:40px;bottom:68px;width: 23.83%;z-index: -1;}
.tx-technology2 dl{display: block;}
.tx-technology2 dt{float: left; width: 100%;border-bottom: 1px solid #d3d3d3;padding:40px 0;}
.tx-technology2 dt:first-child{padding-top: 0;}
.tx-technology2 dt:last-child{margin-bottom: 40px;}
.tx-technology2 dt .texts{position: relative; width: 55.83%;padding:0 80px 0 25px;font-size: 17px;line-height: 30px;}
.tx-technology2 dt .texts i{position: absolute;left: 0;top: -2px; font-style: normal;}
.tx-technology2 dt .imgs{width: 44.17%;}
.tx-technology2 dt:first-child .imgs{margin-top: -70px;}
.tx-technology2 h4{font-size: 17px;line-height: 30px;}
.tx-technology2 h4 i{font-size: 26px;font-style: normal;position: relative;top:2px;margin-left: 12px;}
.tx-technology2 h4 i:first-child{margin-left: 0;}
.tx-technology2 h4 i:nth-child(2),.tx-technology2 h4 i:nth-child(4){font-size:34px;top:7px;}
.tx-technology2 .tables{float: left; font-size: 16px;text-align: center;width: 100%;margin:20px 0;}
.tx-technology2 .tables th{width: 12.25%; border:1px solid #fff;background: var(--mColor);color:#fff;font-weight: normal;height: 50px;}
.tx-technology2 .tables th:nth-child(1){width: 6.25%;}
.tx-technology2 .tables th:nth-child(2){width: 20.25%;}
.tx-technology2 .tables td{height: 50px;border:1px solid #d1d1d1;}
.tx-technology2 .tables td.i1,.tx-technology2 .tables td.i3{font-size: 26px;}
.tx-technology2 .tables td.i2,.tx-technology2 .tables td.i4{font-size: 34px;}
.tx-technology2 li{float: left;}
.tx-technology2 li:first-child{width: 37.5%;}
.tx-technology2 li:last-child{float: right; width: 58.33%;}
.tx-technology2 li .tabless th{background: var(--mColor);color: #fff;padding:15px;font-size: 16px;font-weight: normal;}
.tx-technology2 li .tabless td{border:1px solid #d1d1d1;font-size: 16px;line-height: 22px;padding:15px;}
.tx-technology2 li:last-child .tabless td:nth-child(2n){text-align: center;font-size: 26px;}
.tx-technology2 li:last-child .tabless th:nth-child(2n){width: 65px;text-align: center;}
.tx-technology2 li .tabless .td1{background: var(--mColor);color:#fff;}

.tx-technology3 h3{font-size: 18px;font-weight: bold;margin:25px 0 20px;}
.tx-technology3 h3:first-child{margin-top: 0;}
.tx-technology3 h4{font-size: 18px;margin-bottom: 15px;}
.tx-technology3 span{display: block; padding-left: 1em;font-size: 17px;line-height: 28px;margin-bottom: 15px;}
.tx-technology3 p{font-size: 17px;margin-bottom: 15px;line-height: 30px;}
.tx-technology3 .flex{display: flex;justify-content: space-between;}
.tx-technology3 .flex .ju{display: flex;justify-content: center;flex-direction: column;padding-bottom: 60px;}
.tx-technology3 .flex p{min-width: 50%;padding-left: 20px;margin-top: -45px;text-align: center;}
.tx-technology3 .flex .text{padding-right: 30px;}
.tx-technology3 h5{position: relative;font-size: 17px;line-height: 30px;font-weight: normal; padding-left: 20px;margin:0;}
.tx-technology3 h5::before{content:'';position: absolute;top:13px;left:0;width:7px;height:7px;background: #333;border-radius: 50%;}
.tx-technology3 h6{position: relative; display: inline-block; padding-left: 22px;line-height: 28px;font-size: 17px;min-width: 120px; margin:0;font-weight: normal; margin-right: 12px;}
.tx-technology3 h6::before{content:'';position: absolute;left: 0;top:10px;width: 10px;height: 10px;border:1px solid #333;}
.tx-technology3 .tables{width: 100%;text-align: center;margin-bottom: 52px;}
.tx-technology3 .tables th{width: 12.5%; background: var(--mColor);color: #fff;border:1px solid #fff; padding:15px;font-size: 16px;font-weight: normal;}
.tx-technology3 .tables td{border:1px solid #d1d1d1;font-size: 17px;line-height: 30px;padding:15px;}
.tx-technology3 .tables td.bg{background: #e5e5e5;}
.tx-technology3 .tables.tables1{text-align: left;}
.tx-technology3 .tables.tables1 th{width: 40%;}
.tx-technology3 .tables.tables1 th:first-child{width: 10%;}
.tx-technology3 .tables.tables1 td.imgs p{position: relative;top:60px;}
.tx-technology3 .tables.tables2{text-align: left;}
.tx-technology3 .tables.tables2 th{width:30%;}
.tx-technology3 .tables.tables2 th:first-child{width: 10%;}
.tx-technology3 .tables.tables2 td.imgs img{padding-left: 60px;}
.tx-technology3 .tables.tables2 td.imgs p{position: relative;top:60px;}
.tx-technology3 .flex .imgs{align-self: flex-end;}

.calc-top {color: #333;}
.calc-top h3 {font-size: 18px;margin-bottom: 20px;}
.calc-top p {font-size: 16px;margin-bottom: 35px;}
.calc-top img {display: block;margin: 40px auto;}


.calc-btm {display: flex;justify-content: space-between;}
.calc-btm .calc-tit {background-color: var(--mColor);color: #fff;font-size: 20px;padding: 15px 0;text-align: center;font-weight: bold;}
.calc-btm .clac-form {width: 48%;border: 1px solid #d8d8d8;}
.calc-btm .clac-form .calc-con {padding: 50px 0;}
.calc-btm .clac-form .calc-block {font-size: 18px;color: #1e1e1e;display: flex;align-items: center;justify-content: center;margin-bottom: 14px;}
.calc-btm .clac-form .calc-block em,.calc-btm .clac-form .calc-block i {font-style: normal;}
.calc-btm .clac-form .calc-block em {text-align: right;min-width: 142px;margin-right: 15px;}
.calc-btm .clac-form .calc-block i {min-width: 68px;margin-left: 10px;}
.calc-btm .clac-form .calc-block input {border: 1px solid #d0cfcf;font-size: 18px;text-align: right;padding: 10px 14px;width: 130px;}
.calc-btm .clac-form .calc-block .submit {cursor: pointer;background-color: #00bbea;color: #fff;padding: 8px 0;width: 130px;text-align: center;border-radius: 6px;margin-left: 80px;}
.calc-btm .clac-form .calc-block input#com-1,
.calc-btm .clac-form .calc-block input#com-2 {pointer-events: none;border: none;font-size: 25px;font-family: Arial;color: #1e1e1e;padding: 10px;}
/*产品内页*/
.tx-productc-nav{margin-bottom: 40px;position: relative;z-index: 99;margin-top: -1px;}
.tx-productc-nav li{float: left; width: 25%;border-left:1px solid #fff;}
.tx-productc-nav li a{display: block;font-size: 16px;line-height: 68px; text-align: center;background: var(--mColor);color: #fff;}
.tx-productc-nav li a::after{content:'';position: relative;top:-3px;margin-left: 8px; display: inline-block;width: 0;height: 0;border-top:7px solid #fff; border-left:6px solid transparent;border-right:6px solid transparent;}

.tx-productc-positions{border-left:4px solid var(--mColor);line-height: 20px;padding-left: 12px;color: 666;margin-bottom: 20px;}
.tx-productc-positions a{color:#666;}

.tx-productc-top{padding-bottom: 100px;}
.tx-productc-top > .fl{width: 38.33%;}
.tx-productc-top .mySwiper2 .swiper-slide{height: 360px;width: 100%;display: flex; justify-content: center;align-items: center;padding:20px;cursor: pointer;}
.tx-productc-top .mySwiper2 .swiper-slide img{max-width: 100%;max-height: 100%;}
.tx-productc-top .mySwiper{padding:0 14%;}
.tx-productc-top .mySwiper .swiper-slide{display: flex;justify-content: center;align-items: center; border:1px solid #e5e5e5;padding:20px;height: 120px;cursor: pointer;}
.tx-productc-top .mySwiper .swiper-slide img{max-width: 100%;max-height: 100%;}
.tx-productc-top .mySwiper .swiper-slide-thumb-active{border: 1px solid var(--mColor);}
.tx-productc-top .swiper-button{width: 14%;height: 100%;background: #fff;top: 0;bottom: auto;margin-top: 0;}
.tx-productc-top .swiper-button:after{font-size: 23px;color:#333;}
.tx-productc-top .swiper-button-next{right:0;justify-content: flex-end;}
.tx-productc-top .swiper-button-prev{left:0;justify-content: flex-start;}
.tx-productc-top > .fr{width: 42%;}
.tx-productc-top  h3{font-size: 28px;line-height: 32px;margin-bottom: 20px;}
.tx-productc-top h1 {margin-bottom: 10px;}
.tx-productc-top  p{font-size: 16px;line-height: 24px;border-bottom: 1px solid #e5e5e5;padding:22px 0;}
.tx-productc-top .more{display: block;margin-top: 100px;}
.tx-productc-top .more a{float: left;width: 150px;line-height: 52px;font-size: 20px;text-align: center;background: var(--mColor);color:#fff;margin-left: 20px;border-radius: 5px;}
.tx-productc-top .more a:first-child{margin-left: 0;}

.tx-productc-main .function li{float: left; width: 100%;border-bottom: 1px solid #e5e5e5;position: relative; display: block;padding: 20px 0;padding-left: 56px;line-height: 30px;font-size: 17px;}
.tx-productc-main .function li i{position: absolute;left:0;text-align: center;font-style: normal; top:20px; width: 42px;line-height: 30px;border-radius: 4px;background: var(--mColor);color: #fff;}

.tx-productc-main .functions .imgs{width: 50%;padding-right: 30px;}
.tx-productc-main .functions li{margin-bottom: 68px;}
.tx-productc-main .functions h3{font-size: 24px;color: var(--mColor);margin-bottom: 28px;}
.tx-productc-main .functions em{display: block;font-size: 18px;color:#9a9a9a;line-height: 30px;margin-top: 12px;font-style: normal;}
.tx-productc-main .functions img {text-align: center;display: block;max-width: 100%;height: auto;}
.tx-productc-main .functions img.alignnone,.tx-productc-main .functions img.aligncenter {margin: 0 auto;}
.tx-productc {margin-top: 30px;}
.tx-productl{padding:20px 0 75px;}
.tx-productl-left{width: 18.83%;}
.tx-productl-left .title{border-bottom: 3px solid var(--mColor);padding-bottom: 18px;margin-bottom: 35px;}
.tx-productl-left .title h3{font-size: 39px;line-height: 39px;font-weight: bold;}
.tx-productl-left .title em{display: block;font-size: 14px;color: #666;margin-top: 18px;font-style: normal;}
.tx-productl-left .navs li{float: left;width: 100%;border-bottom: 1px solid #b5b5b5;}
.tx-productl-left .navs li a{position: relative; display: block;font-size: 18px;line-height: 26px;padding-right: 30px;padding: 17px 0;}
.tx-productl-left .navs li.current-cat a{color: var(--mColor);}
.tx-productl-left .navs li a:after{content: '>';position: absolute;right:0;top:17px; font-family: '宋体';font-size: 20px;font-weight: bold;}
.tx-productl-right{width: 73.66%;}
.tx-productl-right .mains li{float: left; margin-left: 1%;width: 32.66%;margin-bottom: 10px;}
.tx-productl-right .mains li a{float: left;width: 100%;background: #fff;text-align: center;padding:27px 20px;}
.tx-productl-right .mains li a .imgs{display: flex;height: 220px;justify-content: center;align-items: center;margin-bottom: 15px;}
.tx-productl-right .mains li a .imgs img{max-width: 100%;max-height: 100%;}
.tx-productl-right .mains li a .texts h3{font-size: 20px;line-height: 22px;height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-productl-right .mains li a .texts em{display: block;font-size: 16px;font-style: normal; margin-top: 10px;height:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-productl-right .mains li:nth-child(3n-2){margin-left: 0;}

/* 新闻 */
.tx-newsl{padding-bottom: 76px;}
.tx-newsl-main li{float: left; width: 31.4%;margin-left: 2.9%;margin-bottom: 50px;}
.tx-newsl-main li:nth-child(3n-2){margin-left: 0;}
/* .tx-newsl-main li .imgs{height: 223px;overflow: hidden;} */
.tx-newsl-main li .imgs img{width: 100%;height: 100%;}
.tx-newsl-main li .texts{position: relative; background: #fff;padding: 25px 20px;}
.tx-newsl-main li .texts::before{content:'';position: absolute;left:0;bottom:0; width: 100%;height: 2px;background: var(--mColor);transition: 0.5s;-webkit-transition: 0.5s;-ms-transition: 0.5s;}
.tx-newsl-main li .texts h3,.tx-newsl-main li .texts span,.tx-newsl-main li .texts em,.tx-newsl-main li .texts b{position: relative;z-index: 20;}
.tx-newsl-main li .texts h3{font-size: 16px;line-height: 18px;height: 18px;margin-bottom: 10px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tx-newsl-main li .texts span{display: block;font-size: 12px;color:#9f9e9e;}
.tx-newsl-main li .texts em{display: block;margin-top: 16px;color: #797878; font-size:14px;line-height:24px;font-style: normal;height: 48px;overflow: hidden;text-overflow: -o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.tx-newsl-main li .texts b{position: relative;z-index: 10; display: inline-block; width: 37px;height: 7px;border-bottom: 1px solid var(--mColor);margin-top: 20px;}
.tx-newsl-main li .texts b::before{content:"";position: absolute;bottom:2px;right: -1px; width: 10px;height: 1px;background: var(--mColor);transform: rotate(45deg);}

.tx-newsc-tj .tx-newsl-main li{margin-bottom: 0;}

.tx-newsc-title{text-align: center;padding-bottom: 25px;border-bottom: 1px solid #dcdcdc;margin-bottom:50px;}
.tx-newsc-title h1{font-size: 24px;line-height: 30px;margin-bottom: 20px;}
.tx-newsc-title em{display: inline-block;font-size: 14px;color:#797878;line-height: 16px;font-style: normal;margin:0 8px;}

.tx-newsc-main{margin-bottom: 80px;}

.news-list li {background-color: #f7f7f7;margin-bottom: 40px;padding: 35px 0;}
.news-list li:hover {background-color: #00bbea;}
.news-list li a {display: flex;align-items: center;justify-content: space-between;}
.news-list li a .news-time {width: 160px;text-align: center;}
.news-list li a .news-time p:first-child {color: #000000;font-size: 40px;font-weight: bold;}
.news-list li a .news-time p:last-of-type {font-size: 16px;color: #000000;}
.news-list li:hover p {color: #fff !important;}
.news-list li a .news-con {padding: 0 30px;flex: 1;position: relative;}
.news-list li a .news-con::before {position: absolute;content: '';width: 1px;height: 70px;background-color: #949494;left: 0;top: 50%;transform: translateY(-50%);}
.news-list li:hover .news-con::before {background-color: #fff !important;}
.news-list li a .news-con h3 {font-size: 18px;color: #040404;margin-bottom: 15px;}
.news-list li:hover h3 {color: #fff !important;}
.news-list li a .news-con em {font-style: normal;font-size: 14px;color: #797878;line-height: 1.8; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;overflow-wrap: break-word;word-break: break-all;white-space: normal;overflow: hidden;}
.news-list li:hover em {color: #fff !important;}
.news-list li a .news-icon {padding-right: 50px;}
.news-list li a .news-icon b {background: url(../images/on_ico.png);display: block;width: 36px;height: 36px;}
.news-list li a .news-icon b:hover {background: url(../images/arrow_ico.png);}
.news-list li:hover b {background: url(../images/arrow_ico.png) !important;}
/*内容*/
.tx-contentss,.tx-contentss p,.tx-contentss span{font-size: 16px;line-height: 2;}
.tx-contentss p,.tx-contentss span{display: block; margin-bottom: 12px;}
.tx-contentss h3{font-size: 20px;margin-bottom: 12px;color:var(--mColor)}

/* pagination */
.pagination{padding-top: 16px;}
.pagination ul{display: flex;display: -webkit-box; display: -webkit-flex; -webkit-justify-content: center; -webkit-align-items: center; justify-content: center; align-items: center;}
.pagination ul li a{display: block; margin: 0 2px; width: 35px; height: 35px; line-height: 33px; text-align: center; background: #e9e9e9; border-radius: 4px;}

.pagination ul li span{display: inline-block; width: 8px; height: 8px;border: 1px solid #333; transform: rotate(45deg);}
.pagination ul li:first-child a{padding-left: 3px;}
.pagination ul li:last-child a{padding-right: 3px;}
.pagination ul li:first-child span{border-top: none;border-right: none;}
.pagination ul li:last-child span{border-bottom: none;border-left: none;}

.pagination ul li a.active,
.pagination ul li a:hover{border: 1px solid var(--mColor); background-color: var(--mColor); color: #fff;}
.pagination ul li a:hover span{border-color: #fff;}
.position_fixed {
    display: block !important;
    position: fixed;
    top: 80px;
    z-index: 2;
    margin: 0 -1px;
    transition: All .4s ease;
    -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease;
    -webkit-animation: headerFix 1s ease 1;
    animation: headerFix 1s ease 1;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
}


/*技术专栏*/
.tables .position_fixed tr th {
    border: 1px solid #d1d1d1;
}
@-webkit-keyframes headerFix {
	from {
		-webkit-transform: translateY(-100%);
	}

	to {
		-webkit-transform: translateY(0);
	}
}

@keyframes headerFix {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0);
	}
}
.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
}
.flex-wrap-center {
    align-items: center
}
.flex-wrap li {
    width: 20%;
    text-align: center;
    height: auto !important;
    line-height: normal !important;
    margin-bottom: 20px;
}
.flex-wrap li a {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    cursor: default;
}
.flex-wrap li img {
    max-width: 100%;
    height: auto;
}
.flex-wrap li p {
    margin-top: 30px;
    font-size: 18px;
    color: #333333;
}

@media screen and (min-width: 769px){
    .tx-positons a:hover{color:var(--mColor)}

    /* 关于我们 */
    .tx-about3-main li:hover .imgs img{transform: scale(1.08);}
    .tx-about3-main li:hover .texts:before{margin-right: 15px;}

    .tx-about4-main li:hover{background: url('../images/about4-bg.png') center center no-repeat; background-size: cover;}
    .tx-about4-main li:nth-of-type(2):hover {background: url('../images/about5-bg.jpg') center center no-repeat; background-size: cover;}
    .tx-about4-main li:nth-of-type(3):hover {background: url('../images/about6-bg.jpg') center center no-repeat; background-size: cover;}
    .tx-about4-main li:hover .text{color:#fff;}
    .tx-about4-main li:hover .text:before{width: 100%;}

    .tx-about5-main .swiper-slide:hover i{background: var(--mColor);}
    .tx-about5-main .swiper-slide:hover .date{color:var(--mColor)}
    .tx-about5-main .swiper-slide:hover .text{background: var(--mColor);}
    .tx-about5-main .swiper-slide:hover .text h3,.tx-about5-main .swiper-slide:hover .text h4{color:#fff;}
    .tx-about5-main .swiper-slide:nth-child(2n-1):hover .text::before{border-top: 12px solid var(--mColor);}
    .tx-about5-main .swiper-slide:nth-child(2n):hover .text::before{border-bottom: 12px solid var(--mColor);}
    
    /* 联系我们 */
    .tx-contacts li:hover .title{background: var(--mColor);color:#fff;}
    .tx-contacts h1 {font-size: 22px;margin-bottom: 35px;font-weight: bold;}

    /*案例*/
    .tx-casel-top .mains li img:hover{transform: scale(1.08);}
    .tx-casel-main li a:hover{background: #fff;}
    .tx-casel-main li a:hover .imgs img{transform: scale(1.08);}
    .tx-casel-main li a:hover .texts h3{font-weight: bold;}

    /* 产品 */
    .tx-productc-nav li a:hover{font-weight: bold;}
    .tx-productc-positions a:hover{color:var(--mColor)}
    .tx-productc-top .swiper-button:hover:after{color:var(--mColor)}

    .tx-productl-left .navs li:hover a{color: var(--mColor);}
    .tx-productl-right .mains li a:hover .imgs img{transform: scale(1.08);}
    .tx-productl-right .mains li a:hover .texts h3{color: var(--mColor);}

    /* 新闻 */
    .tx-newsl-main li:hover .imgs img{transform: scale(1.08);}
    .tx-newsl-main li:hover .texts::before{height:100%;}
    .tx-newsl-main li:hover .texts h3,.tx-newsl-main li:hover .texts span,.tx-newsl-main li:hover .texts em{color: #fff;}
    .tx-newsl-main li:hover .texts b{border-color: #fff;}
    .tx-newsl-main li:hover .texts b:before{background: #fff;}


}

.job-contents {margin: 50px 0 20px;}
    .job-contents p {font-size: 16px;color: #333333;line-height: 1.6;}

    .job-lists {display: flex;margin-bottom: 40px;}
    .job-lists li {position: relative;background-color: #fff;color: #00bbea;border: 2px solid #00bbea;padding: 8px 20px;cursor: pointer;margin-right: 10px;font-size: 16px;}
    .job-lists li::after {content: '';position: absolute;display: none;left: 50%;transform: translateX(-50%);bottom: -10px;width: 0px;height: 0px;border-top: 10px solid #00bbea;border-left: 10px solid transparent;border-right: 10px solid transparent;}
    .job-lists li.on {background-color: #00bbea;color: #fff;}
    .job-lists li.on::after {display: block;}
    .job-items {margin-bottom: 20px;}

    .job-tit {background-color: #00bbea;color: #fff;font-size: 16px;padding: 10px 40px 10px 25px;display: flex;align-items: center;cursor: pointer;}
    .job-tit i {display: inline-block;margin-right: 8px;content: '';width: 0px;height: 0px;border-left: 8px solid #fff;border-top: 6px solid transparent;border-bottom: 6px solid transparent;}
    .job-tit img {margin-left: auto;float: right; }
    
    .job-box {padding: 35px 30px;display: none;transition: none;}
    .job-box p {font-size: 16px;color: #333333;line-height: 1.6;}
    .job-con {display: none;}
    .job-con:first-of-type {display: block;}

    .job-tit.on img {transform: rotate(-180deg);}

@media screen and (max-width: 768px){
    .tx-newsc-title h1{
        font-size: 22px;
        text-align: center;
    }
    .tx-casec-rela .mySwiper .swiper-button-next,.tx-casec-rela .mySwiper .swiper-button-prev {display: none;}
    body{min-width: 320px;}
    .centers{padding:0 15px;}
    .paddings55{padding:20px 0;}
    .height60{height: 20px;}

    .tx-banners{height: 150px;}
    .tx-banners-text h3{font-size: 20px;font-weight:bold;padding-bottom: 12px;}
    .tx-banners-text h3::before{height: 2px;}
    .tx-banners-text h4{font-size: 12px;margin-top: 5px;}

    .tx-positons{padding:12px 0;margin-bottom: 20px;}

    .tx-contentss img{height: auto;}
    .tx-mains-title{margin-bottom: 15px;}
    .tx-mains-title h3{font-size: 17px;font-weight: bold;}
    .tx-mains-title h4{font-size: 13px;}

    /* 关于我们 */
    .tx-abouts-title{margin-bottom: 15px;}
    .tx-abouts-title h3{font-size: 18px;}
    .tx-abouts-title h4{font-size: 12px;}

    .tx-about1{padding-top:0;}
    .tx-about1-left{width: 100%;}
    .tx-about1-right{width: 100%;padding-left: 0;margin-top: 15px;}
    .tx-about1-right p{font-size: 14px;line-height: 22px;margin-top: 12px;}
    .tx-about2-main p{font-size: 14px;line-height: 22px;}
    .tx-about3{padding-top: 20px;}
    .tx-about3-main{padding:20px 0;}
    .tx-about3-main li{width:47.77%;margin-bottom: 10px;margin-top: 10px;}
    .tx-about3-main li:nth-child(2n-1){margin-left: 0;}
    .tx-about3-main li .imgs h4{font-size: 14px;}
    .tx-about3-main li .texts{font-size: 14px;margin-top: 12px;}
    .tx-about4-main li{width: 100%;display: flex;text-align: left;}
    .tx-about4-main li .icon{width: 68px;height: 68px;line-height: 68px;margin-top: 0;}
    .tx-about4-main li .icon img{width: 40px;}
    .tx-about4-main li .text{flex: 1;}
    .tx-about4-main li .text h3{margin: 0 0 8px;font-size: 17px;font-weight:bold;}
    .tx-about4-main li .text em{font-size: 14px;line-height: 21px;overflow: visible;-webkit-line-clamp: 99;line-clamp: 99;}
    .tx-about5-main .swiper{padding:180px 0 0}
    .tx-about5-main .swiper-slide:nth-child(2n) .text{top:auto;bottom:100%;margin-top: 0;margin-bottom: 30px;}
    .tx-about5-main .swiper-slide:nth-child(2n) .text::before{bottom:-12px;top:auto;border-bottom:none;border-top: 12px solid #fff;}
    .tx-about5-main .swiper-slide .date{font-size: 16px;margin-top: 12px;}
    .tx-about5-main .swiper-slide .text h4{font-size: 15px;}
    .tx-about5-main .swiper-slide .text h3{font-size: 13px;}
    .tx-about5-main .swiper-slide .text{padding:12px 15px;width: 100%;}
    .tx-about5-main .swiper::before{bottom:42px;top:auto;}

    .job-lists {flex-wrap: wrap;margin-bottom: 2px;}
    .job-lists li {width: 100%;margin-right: 0;margin-bottom: 20px;padding: 8px 12px;font-size: 14px;}
    .job-tit {font-size: 14px;padding: 10px 20px 10px 20px;}
    .job-tit img {width: 15px;}
    .job-box {padding: 20px 15px;}
    .job-box p {font-size: 14px;}

    /* 案例 */
    .tx-casec-title{margin-bottom: 12px;}
    .tx-casec-title h3{font-size: 17px;font-weight: bold;line-height: 20px;}
    .tx-casec-main{padding: 15px 0;}
    .flex-wrap li p {margin-top: 10px;font-size: 12px;color: #333333;margin-top: 0;}
    .tx-casel{padding-bottom: 20px;}
    .tx-casel-main li{width: 48%;margin-left: 2% !important;margin-bottom: 12px;}
    
    .tx-casec-rela .tx-casel-main li:last-child{display: none;}
    .tx-casel-main li:nth-child(2n-1){margin-left: 0;}
    .tx-casel-main li a:last-of-type{padding:12px 12px 18px;}
    .tx-casel-main li .imgs{height: 110px;line-height: 110px;}
    .tx-casel-main li .texts h3{font-size: 14px;}
    .tx-casel-main li .texts i{width: 20px;height: 20px;line-height: 18px;font-size: 15px;margin-bottom: 8px;}
    .tx-casel-top .title{font-size: 14px;line-height: 21px;margin-bottom: 12px;}
    .tx-casel-top .mains li{height: 80px;line-height: 80px;padding: 12px;}
    .flex-wrap li {padding: 0 !important;width: 25%;}
    /* 联系 */
    .tx-contacts{padding:0px 0 30px}
    .tx-contacts li{width: 100%;margin-left: 0;background: #fff;margin-bottom: 12px;}
    .tx-contacts li .title{font-size: 17px;line-height: 50px;height: 50px;border-width: 1px;padding: 0 20px;}
    .tx-contacts li .texts{padding: 20px;height: auto;}
    .tx-contacts li .texts em,.tx-contacts li .texts p{font-size: 14px;line-height: 22px;}
    .tx-contacts li .texts em:first-child{margin-top: 0;}

    /* 下载 */
    .tx-downl-main .texts{line-height: 22px;font-size: 14px;}
    .tx-downl-main .tables{margin-top: 12px;font-size: 12px;}
    .tx-downl-form .mains{width: 100%;}
    .tx-downl-form .mains li{width: 100%;margin-left: 0;margin-bottom: 6px;}
    .tx-downl-form .mains li h3{font-size: 12px;width: 25%;}
    .tx-downl-form .mains li input, .tx-downl-form .mains li select{width: 75%;}
    .tx-downl-form .mains li button{font-size: 13px;width: 120px;line-height: 32px;margin-top: 12px;margin-left: 25%;}

    /* 产品 */
    .tx-productc-nav{margin-bottom: 15px;}
    .tx-productc-nav li a{font-size: 16px;line-height: 42px;}
    .tx-productc-nav li a::after{border-top: 4px solid #fff;border-left: 3px solid transparent;border-right: 3px solid transparent;}
    .tx-productc-top > .fl{width: 100%;}
    .tx-productc-top .mySwiper2 .swiper-slide{padding:0 12px 25px;height: 180px;}
    .tx-productc-top .mySwiper .swiper-slide{height: 80px;padding: 12px;}
    .tx-productc-top .swiper-button:after{font-size: 14px;}
    .tx-productc-top > .fr{width: 100%;margin-top: 15px;}
    .tx-productc-top h3{font-size: 17px;font-weight: bold;margin-bottom: 12px;}
    .tx-productc-top p{line-height: 20x;font-size: 13px;padding:8px 0;}
    .tx-productc-top .more{margin-top: 20px;}
    .tx-productc-top .more a{width: 30%;margin-left: 3.33%;font-size: 13px;line-height: 32px;}
    .tx-productc-top{padding-bottom: 20px;}
    .tx-productc-main .function li{font-size: 14px;line-height: 21px;padding:10px 0 10px 38px}
    .tx-productc-main .function li i{width: 28px;line-height: 20px;top:11px}
    .tx-productc-main .functions h3{font-size: 15px;margin-bottom: 12px;}
    .tx-productc-main .functions li{margin-bottom: 20px;}
    .tx-productc-main .functions em{font-size: 13px;line-height: 22px;}

    .tx-productl{padding:0px 0 20px;}
    .tx-productl-left{display: none;}
    .tx-productl-right{width: 100%;}
    .tx-productl-right .mains li{width: 48%;margin-left: 4% !important;margin-bottom: 4%;}
    .tx-productl-right .mains li:nth-child(2n-1){margin-left: 0 !important;}
    .tx-productl-right .mains li a .imgs{height: 40vw;margin-bottom: 0;}
    .tx-productl-right .mains li a .texts h3{font-size: 15px;line-height: 17px;height: 17px;}
    .tx-productl-right .mains li a .texts em{font-size: 12px;line-height: 15px;height: 15px;}
    .tx-productl-right .mains li a{padding:0px 15px}

    /* 新闻 */
    .tx-newsl{padding-bottom: 30px;}
    .tx-newsl-main li{width: 48%;margin-left: 4% !important;margin-bottom: 4%;}
    .tx-newsl-main li:nth-child(2n-1){margin-left: 0 !important;}
    .tx-newsl-main li .imgs{height: 26vw;}
    .tx-newsl-main li .texts em{display: none;}
    .tx-newsl-main li .texts b{display: none;}
    .tx-newsl-main li .texts{padding:15px}
    .tx-newsl-main li .texts h3{font-size: 15px;margin-bottom: 6px;}

    .tx-newsc-title{margin-bottom: 20px;padding-bottom: 12px;}
    .tx-newsc-title h3{font-size: 18px;font-weight: bold;line-height: 24px;margin-bottom: 8px;}
    .news-list li {padding: 15px 0;margin-bottom: 20px;}
    .news-list li a .news-time {display: none;}
    .news-list li a .news-con {padding: 0 20px;}
    .news-list li a .news-con h3 {font-size: 16px;margin-bottom: 10px;}
    .news-list li a .news-con em {font-size: 14px;line-height: 1.6;}
    .news-list li a .news-con::before {display: none;}
    .news-list li a .news-icon {display: none;}

    /* 技术 */
    .tx-technology1 li{margin-bottom: 15px;}
    .tx-technology1 li .title{font-size: 15px;padding:10px 15px;}
    .tx-technology1 li .mains h3{font-size: 15px;margin: 15px 0 8px;}
    .tx-technology1 li .mains p{font-size: 14px;line-height: 21px;}
    .tx-technology2 h3{font-size: 15px;margin-bottom: 12px;margin-top: 15px;}
    .tx-technology2 p{font-size: 13px;line-height: 21px;}
    .tx-technology2 li{width: 100% !important;}
    .tx-technology2 table{width: 100%;}
    .tx-technology2 li .tabless td{font-size: 12px;padding:8px 10px}
    .tx-technology2 li .tabless th{font-size: 14px;padding: 8px 10px;}
    .tx-technology2 .bg{padding: 15px;margin-top: 12px;}
    .tx-technology2 .bg img{position: relative;right: auto;bottom:auto;width: 80%;margin:0 auto;margin-top: 10px;}
    .tx-technology2 dt .texts{width: 100%;padding-right: 0;font-size: 14px;line-height: 21px;}
    .tx-technology2 dt{padding: 12px 0;}
    .tx-technology2 dt .imgs{margin-top: 12px !important;width: 80%;}
    .tx-technology2 dt:last-child{margin-bottom: 20px;}
    .tx-technology2 .tables{font-size: 12px;margin: 10px 0;}
    .tx-technology2 h4{font-size: 13px;line-height: 21px;}
    .tx-technology3 h3{font-size: 15px;margin:15px 0 8px;}
    .tx-technology3 h4{font-size: 14px;}
    .tx-technology3 span{font-size: 14px;line-height: 21px;}
    .tx-technology3 .tables{margin-bottom: 20px;}
    .tx-technology3 .tables th{font-size: 14px;padding:6px;}
    .tx-technology3 .tables td{font-size: 12px;}
    .tx-technology3 p{font-size: 13px;line-height: 21px;margin-bottom: 8px;}
    .tx-technology3 .flex{display: block;}
    .tx-technology3 .flex img{width: 70%;margin: 0 auto;clear: both;}
    .tx-technology3 .flex p{margin-top: 12px !important;}
    .tx-technology3 .flex .ju{padding-bottom: 0px;}
    .tx-technology3 h5{font-size: 12px;line-height: 21px;}
    .tx-technology3 .tables td{padding: 8px;}
    .tx-technology3 .tables.tables1 td.imgs p{top: 0;}
    .tx-technology3 .tables.tables2 td.imgs p{top: 0;}
    .tx-technology3 h6{font-size: 13px;line-height: 21px;}
    .calc-top h3 {font-size: 15px;margin-bottom: 10px;}
    .calc-top p {font-size: 13px;margin-bottom: 15px;}
    .calc-btm {flex-wrap: wrap;}
    .calc-btm .clac-form {width: 100%;margin-bottom: 20px;}
    .calc-btm .calc-tit {font-size: 17px;padding: 14px 0;}
    .calc-btm .clac-form .calc-con {padding: 30px 0;}
    .calc-btm .clac-form .calc-block {font-size: 15px;}
    .calc-btm .clac-form .calc-block input {font-size: 15px;padding: 5px 14px;width: 100px;}
    .calc-btm .clac-form .calc-block .submit {width: 100px;}
    .calc-btm .clac-form .calc-block input#com-1, .calc-btm .clac-form .calc-block input#com-2 {font-size: 17px;padding: 10px 0;}

}