.nyPage{padding-top: 3.33rem;}
.minHeight300{min-height: 300px;}

.myBgStyle{background-repeat: no-repeat;background-position: center;background-size: cover;}
.padding90{padding: 3rem 0;}


/* nyBanner */
.nyBanner{width: 100%;height: 15rem;color: #FFFFFF;line-height: 1;text-transform: uppercase;}
.nyBanner .wrap{padding-top: 4.66rem;}
.nyBanner h2{font-weight: normal;}
.nyBanner .ch{margin-top: 0.66rem;}


/* bread */
.bread{border-bottom: 1px solid #E9E9E9;line-height: 2.1rem;}
.bread ul li{margin-right: 2rem;}
.bread ul li:last-child{margin-right: 0;}
.bread ul li a{display: block;position: relative;color: #373737;}
.bread ul li a::before{content: "";width: 100%;height: 2px;position: absolute;left: 0;bottom: -1px;background-image: linear-gradient(to bottom right, #2F8AB7 , #2D5A7E);transform: scale(0,1);opacity: 0;}
.bread ul li.on a,
.bread ul li a:hover{color: #2D5A7E;font-weight: bold;}
.bread ul li.on a::before,
.bread ul li a:hover::before{transform: scale(1);opacity: 1;}
.bread .path{padding-left: 0.9rem;background: url(../images/icon_home.svg) no-repeat left center;background-size: auto 0.53rem;color: #666666;}
.bread .path span{margin: 0 4px;}
.bread .path a:hover{color: #2D5A7E;}

/* nyTitle */
.nyTitle{margin-bottom: 1.3rem;text-align: center;line-height: 1;}
.nyTitle .ch{color: #333333;margin-bottom: 10px;}
.nyTitle .en{color: #D8D8D8;font-weight: normal;text-transform: uppercase;font-family: "DINProReg";}
.nyTitle.white .ch{color: #FFFFFF;}
.nyTitle.white .en{color: #FFFFFF;opacity: 0.6;}

/* aboutWrap */
.aboutWrap .item1{background: url(../images/aboutBg1.png) no-repeat center top;background-size: cover;}
.aboutWrap .item1 .top{align-items: flex-start;}
.aboutWrap .item1 .right{flex-shrink: 0;margin-left: 3.78%;text-align: center;color: #666666;line-height: 1;}
.aboutWrap .item1 .right li{margin-bottom: 1.2rem;}
.aboutWrap .item1 .right .icon{height: 2.2rem;}
.aboutWrap .item1 .right .tit{color: #2D5A7E;font-weight: bold;margin: 0.7rem 0 0.5rem;}
.aboutWrap .item1 .dataList{width: 62.2%;color: #666666;line-height: 1;padding-top: 2.7rem;}
.aboutWrap .item1 .dataList span{color: #2D5A7E;font-family: "DINProMed";}
.aboutWrap .item1 .dataList .desc{margin-top: 5px;}
.aboutWrap .item2{padding: 2.8rem 0 2.2rem;background: url(../images/aboutBg2.jpg) no-repeat center top;background-size: cover;}
.aboutWrap .item2 .list{align-items: flex-start;}
.aboutWrap .item2 .li{width: 22.85%;min-height: 14.46rem;box-sizing: border-box;padding: 1.4rem 1rem;border-radius: 12px;background-image: linear-gradient(to bottom, rgba(255,255,255,0.5), rgba(255,255,255,0));text-align: center;color: #333333;line-height: 2;}
.aboutWrap .item2 .li .icon{height: 2rem;}
.aboutWrap .item2 .li .tit{font-weight: normal;line-height: 1;margin: 0.9rem 0 0.5rem;}
.aboutWrap .item3 dl{flex-direction: row-reverse;display: flex;}
.aboutWrap .item3 dt,
.aboutWrap .item3 dd{width: 50%;}
.aboutWrap .item3 dt{height: 0;padding-bottom: 18.73rem;position: relative;overflow: hidden;}
.aboutWrap .item3 .wrap{width: 65.625%;padding: 4.6rem 7.3% 0 0;box-sizing: border-box;max-height: 18.73rem;}
.aboutWrap .item3 .top{padding-bottom: 1.44rem;border-bottom: 2px solid #2D5A7E;margin-bottom: 1rem;line-height: 1;}
.aboutWrap .item3 .top .icon{flex-shrink: 0;width: 1.66rem;margin-left: 0.5rem;}
.aboutWrap .item3 .top .ch{color: #000000;margin-bottom: 0.5rem;}
.aboutWrap .item3 .top .en{color: #999999;font-weight: normal;text-transform: uppercase;}
.aboutWrap .item3 .btm{color: #666666;}
.aboutWrap .item3 dl:nth-child(2n){flex-direction: row;}
.aboutWrap .item3 dl:nth-child(2n) .wrap{float: left;padding: 4.6rem 0 0 7.3%;}
.aboutWrap .item4{background: url(../images/aboutBg3.jpg) no-repeat center tpo;background-size: cover;}
.aboutWrap .item4 .cont{position: relative;}
.aboutWrap .item4 .textScroll{position: relative;height: 19.46rem;overflow: hidden;margin-right: 5rem;}
.aboutWrap .item4 .textScroll li{height: 2.43rem;position: relative;}
.aboutWrap .item4 .textScroll li::before{content: "";width: 100%;height: 1px;background: #2D5A7E;position: absolute;left: 0;bottom: 0;z-index: 2;transform-origin:left center;transform: scale(0,1);transition:all 1s linear;}
.aboutWrap .item4 .textScroll .wrap{width: 66.8%;height: 100%;box-sizing: border-box;border-bottom: 1px solid #E9E9E9;padding-top: 6px;display: flex;align-items: center;color: #333333;line-height: 0.8rem;cursor: pointer;}
.aboutWrap .item4 .textScroll .wrap .num{flex-shrink: 0;margin-right: 0.9rem;color: #333333;font-family: "DINProBold";}
.aboutWrap .item4 .textScroll .active::before{transform: scale(1);}
.aboutWrap .item4 .textScroll .active .wrap,
.aboutWrap .item4 .textScroll .active .wrap .num{color: #2D5A7E;}
.aboutWrap .item4 .picSCroll{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 29.28%;overflow: hidden;z-index: 2;}
.aboutWrap .item4 .picSCroll .pic{height: 19.33rem;line-height: 19.33rem;position: relative;text-align: center;cursor: pointer;}
.aboutWrap .item4 .picSCroll .pic .icon{width: 1.6rem;height: 1.6rem;position: absolute;left: 50%;top: 50%;z-index: 2;transform: translate(-50%, -50%);background: url(../images/icon_scale.svg) no-repeat center;background-size: 100%;pointer-events: none;}
.aboutWrap .item4 .picSCroll .pic img{max-width: 100%;max-height: 100%;}
.aboutWrap .item5{padding: 2.4rem 0 1rem;background: url(../images/aboutBg4.jpg) no-repeat center top;background-size: cover;overflow: hidden;}
.aboutWrap .item5 .scroll{position: relative;}
.aboutWrap .item5 .btn{width: 2rem;height: 2rem;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;border-radius: 50%;background-image: linear-gradient(to bottom right, #2F8AB7, #2D5A7E);}
.aboutWrap .item5 .btn img{filter: brightness(0) invert(1);}
.aboutWrap .item5 .prev{left: -4.2rem;}
.aboutWrap .item5 .next{right: -4.2rem;}
.aboutWrap .item5 .container{position: relative;overflow: hidden;}
.aboutWrap .item5 .wrap{height: 18.1rem;box-sizing: border-box;padding: 0 0 0 1rem;color: #FFFFFF;line-height: 1.875;overflow: auto;position: relative;}
.aboutWrap .item5 .wrap::before{content: "";width: 1px;height: 100%;position: absolute;left: 0;top: 0;background-image: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.3));}
.aboutWrap .item5 .wrap .date{margin-bottom: 1rem;line-height: 1;font-family: "DINProMed";}
.aboutWrap .item5 .wrap li{margin-bottom: 0.7rem;}

/* newsList */
.newsList{padding-bottom: 10px;}
.newsList li{width: 31.4%;margin: 0 2.9% 1.66rem 0;}
.newsList li:nth-child(3n){margin-right: 0;}
.newsList .wrap{display: block;background: #F7FAFC;}
.newsList .pic{height: 0;padding-bottom: 50%;position: relative;overflow: hidden;}
.newsList .text{padding: 1rem 1rem 1.3rem;}
.newsList .text .tit{color: #2F2F2F;line-height: 0.93rem;height: 1.86rem;}
.newsList .text .desc{color: #5A5A5A;line-height: 0.86rem;height: 1.72rem;margin: 0.6rem 0 1rem;}
.newsList .text .btm{color: #2D5A7E;line-height: 1;}
.newsList .text .btm span{color: #666666;font-family: "DINProReg";}
.newsList .text .btm .more img{margin-left: 8px;}
.newsList .wrap:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background: #fff;}
.newsList .wrap:hover .text .tit{color: #2D5A7E;}

/* page */
.page{color: rgba(73, 73, 73, 0.65);line-height: 1.6rem;text-align: center;}
.page a,.page input[type="text"]{min-width: 1.6rem;height: 1.6rem;box-sizing: border-box;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 50%;margin: 0 7px;}
.page input[type="text"]{width: 2.4rem !important;border-radius: 0.8rem;text-align: center;margin: 0 7px;}
.page span{margin: 0 7px;}
.page a:hover,
.page a.on{border-color: #fff;color: #fff;background-image: linear-gradient(to bottom right, #2F8AB7, #2D5A7E);}
.page a:hover img{filter: brightness(0) invert(1);}

/*  */
.btnStyle1{display: block;box-sizing: border-box;width: 4.8rem;position: relative;padding-left: 1rem;border: 1px solid #2D5A7E;border-radius: 0.8rem;line-height: 1.6rem;color: #2D5A7E;flex-shrink: 0;margin: 0 auto;}
.btnStyle1 span{position: relative;z-index: 2;}
.btnStyle1 i{width: 1.33rem;height: 1.33rem;position: absolute;right: 4px;top: 50%;transform: translateY(-50%);border-radius: 50%;text-align: center;line-height: 1.3rem;}
.btnStyle1 i img{position: relative;z-index: 2;}
.btnStyle1 i:before{content: "";width: 100%;height: 100%;position: absolute;right: 0;top: 0;border-radius: 0.66rem;background-image: linear-gradient(to bottom right, #2F8AB7, #2D5A7E);}
.btnStyle1:hover{color: #fff;}
.btnStyle1:hover i::before{width: calc(4.8rem - 10px);}

/* passage */
.passage .psgTitle{padding-bottom: 1rem;border-bottom: 1px solid #D8D8D8;margin-bottom: 1rem;}
.passage .psgTitle .tit{color: #373737;line-height: 1.2;margin-bottom: 1rem;text-align: center;}
.passage .psgTitle .info{color: #666666;}
.passage .psgTitle .info .item{margin: 0 1.66rem;}
.passage .psgTitle .info .item img{margin-right: 10px;}
.passage .psgCont{color: #666666;}
.passage .shareStyle{justify-content: flex-start;padding: 2rem 0;color: #919191;}
.passage .shareStyle .item{margin-left: 0.66rem;cursor: pointer;}
.passage .psgLink{border-top: 1px solid #D8D8D8;padding-top: 2rem;color: #666666;line-height: 2.125;display: flex;align-items: center;justify-content: space-between;}
.passage .psgLink ul{flex: 1;overflow: hidden;margin-right: 1rem;}
.passage .psgLink li a:hover{color: #2D5A7E;text-decoration: underline;}


/* moreStyle */
.moreStyle{width: 4.33rem;height: 1.2rem;box-sizing: border-box;border: 1px solid #E9E9E9;border-radius: 0.66rem;color: #666666;}
.moreStyle img{filter: brightness(0) invert(0.3);margin-left: 0.4rem;}
a:hover .moreStyle{border-color: #fff;background-image: linear-gradient(to bottom right, #2F8AB7, #2D5A7E);color: #fff;}
a:hover .moreStyle img{filter: brightness(0) invert(1);}

/* productPage */
.productPage .formWrap{margin-bottom: 1.33rem;padding: 0.93rem 1.66rem 0.93rem 5.33rem;position: relative;background: #F7FAFC;border-radius: 6px;}
.productPage .formWrap .tit{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 5.33rem;text-align: center;color: #333333;}
.productPage .formWrap .form{background: #FFFFFF;border-radius: 1rem;}
.productPage .formWrap .form .btn{width: 5.33rem;height: 1.8rem;border-radius: 1rem;background-image: linear-gradient(to bottom right, #2F8AB7, #2D5A7E);text-align: center;color: #fff;line-height: 1.8rem;position: relative;}
.productPage .formWrap .form .btn .icon{filter: brightness(0) invert(1);color: #fff;}
.productPage .formWrap .form .btn input{position: absolute;left: 0;top: 0;border: none;background: none;z-index: 2;cursor: pointer;width: 100%;height: 100%;}
.productPage .formWrap .form .text{width: calc(100% - 5.33rem);box-sizing: border-box;padding: 0 1rem;height: 1.8rem;border: none;background: none;color: #333;}
.productPage .filter dl{padding-bottom: 0.66rem;display: flex;}
.productPage .filter dl:last-child{padding-bottom: 0;}
.productPage .filter dl dt{flex-shrink: 0;margin-right: 1.33rem;color: #333333;line-height: 1.6rem;font-weight: bold;margin-top: 1px;}
.productPage .filter dl dd{flex: 1;overflow: hidden;}
.productPage .filter dl dd a{display: block;padding: 0 1rem;border: 1px solid #E9E9E9;border-radius: 0.9rem;line-height: 1.6rem;margin: 0 1rem 0.66rem 0;}
.productPage .filter dl dd a:last-child{margin-right: 0;}
.productPage .filter dl dd a.on,
.productPage .filter dl dd a:hover{background-image: linear-gradient(to bottom right, #2F8AB7, #2D5A7E);border-color: #fff;color: #fff;font-weight: bold;}

.productList{background: #F9F9F9;margin-top: -0.66rem;}
.productList ul{padding-bottom: 10px;}
.productList li{width: 31.4%;margin: 0 2.9% 1.66rem 0;}
.productList li:nth-child(3n){margin-right: 0;}
.productList .wrap{display: block;background: #FFFFFF;border-radius: 12px;overflow: hidden;position: relative;}
.productList .wrap::before{content: "";width: 100%;height: 3px;position: absolute;left: 0;bottom: 0;background-image: linear-gradient(to bottom right, #2F8AB7, #2D5A7E);transform-origin:left center;transform: scale(0, 1);transition:all 0.6s linear;}
.productList .pic{height: 0;padding-bottom: 63.18%;position: relative;overflow: hidden;/*background: #eaeaea;*/padding-bottom: 65.4545%;}
.productList .pic span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.productList .pic img{max-width: 100%;max-height: 100%;}
.productList .text{padding: 1rem 1.33rem;}
.productList .label{color: #666666;}
.productList .tit{color: #333333;line-height: 1.06rem;margin: 0.5rem 0 0.8rem;height: 2.12rem;overflow: hidden;}
.productList .wrap:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);background: #fff;}
.productList .wrap:hover::before{transform: scale(1);}
.productList .wrap:hover .text .tit{color: #2D5A7E;}

/* tableStyle */
.tableStyle table{width: 100%;border-collapse: collapse;}
.tableStyle table th,
.tableStyle table td{padding: 0.5rem 10px;border: 1px solid #E9E9E9;text-align: center;}
.tableStyle table th{background: #2D5A7E;color: #fff;}

/* contProd */
.contProd .top .left{width: 45.57%;}
.contProd .picScroll{position: relative;overflow: hidden;margin-bottom: 1.33rem;}
.contProd .pic{height: 0;padding-bottom: 13.96rem;position: relative;overflow: hidden;padding-bottom: 65.4545%;}
.contProd .pic span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.contProd .pic img{max-width: 100%;max-height: 100%;}
.contProd .tabScroll{padding: 0 2.1rem;position: relative;}
.contProd .tabScroll .btn{width: 0.9rem;height: 0.9rem;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.contProd .tabScroll .btn img{filter: brightness(0) invert(0.3);opacity: 0.9;}
.contProd .tabScroll .prev{left: 0;}
.contProd .tabScroll .next{right: 0;}
.contProd .tabScroll .btn:hover img{opacity: 1;filter: brightness(1) invert(0);}
.contProd .tabScroll .btn.swiper-button-disabled{opacity: 0.3;pointer-events: none;}
.contProd .tabScroll .container{position: relative;overflow: hidden;}
.contProd .tabScroll .pic{padding-bottom: 3.73rem;}
.contProd .tabScroll .pic::before{content: "";width: 100%;height: 100%;box-sizing: border-box;position: absolute;left: 0;top: 0;z-index: 2;border: 1px solid #00508E;opacity: 0;}
.contProd .tabScroll .active .pic::before{opacity: 1;}
.contProd .top .right{width: 50%;}
.contProd .top .right .label{display: inline-block;width: auto;padding: 0 0.8rem;border: 1px solid #2D5A7E;border-radius: 0.66rem;color: #2D5A7E;line-height: 1.13rem;}
.contProd .top .right .title{color: #333333;line-height: 1.1;padding: 1rem 0;border-bottom: 1px solid #E9E9E9;margin-bottom: 0.7rem;}
.contProd .top .right .desc{color: #333333;line-height: 1.2rem;}
.contProd .top .right .desc dl{display: flex;margin-bottom: 8px;align-items: flex-start;}
.contProd .top .right .desc dl:last-child{margin-bottom: 0;}
.contProd .top .right .desc dt{flex-shrink: 0;}
.contProd .top .right .desc dt img{margin-right: 0.5rem;width: 0.7rem;}
.contProd .top .right .desc dd{flex: 1;overflow: hidden;}
.contProd .top .right .desc dd li{margin: 0 0.66rem 0.5rem 0;}
.contProd .top .right .desc dd li:last-child{margin-right: 0;}
.contProd .top .right .desc dd li a{display: block;padding: 0 0.7rem;border: 1px solid #E9E9E9;border-radius: 0.6rem;color: #333333;line-height: 1.13rem;}
.contProd .top .right .desc dd li a:hover{border-color: #fff;background-image: linear-gradient(to bottom right, #2F8AB7, #2D5A7E);color: #fff;}
.contProd .top .right .btnWrap{padding-top: 2.6rem;}
.contProd .top .right .btnWrap .btn{margin-right: 0.66rem;}
.contProd .top .right .btnWrap .btn:last-child{margin-right: 0;}
.contProd .top .right .btnWrap .btn a{padding: 0 1.6rem;border: 1px solid #2D5A7E;border-radius: 6px;color: #2D5A7E;font-weight: bold;line-height: 2.2rem;}
.contProd .top .right .btnWrap .btn a img{margin-right: 0.4rem;}
.contProd .top .right .btnWrap .btn a:hover{background-image: linear-gradient(to bottom right, #2F8AB7, #2D5A7E);color: #fff;border-color: #fff;}
.contProd .top .right .btnWrap .btn a:hover img{filter: brightness(0) invert(1);}
.contProd .tabs{width: 100%;background: #F9F9F9;position: sticky;left: 0;top: 3.3rem;z-index: 5;}
.contProd .tabs li a{display: block;min-width: 8.8rem;box-sizing: border-box;padding: 0 0.5rem;color: #333333;font-weight: bold;line-height: 2.7rem;text-align: center;}
.contProd .tabs li.active a{background-image: linear-gradient(to bottom right, #2F8AB7, #2D5A7E);color: #fff;}
.contProd .btm .title{color: #333333;font-weight: bold;line-height: 1;margin-bottom: 1.33rem;}
/* .contProd .item{min-height: 13rem;} */
.contProd .btm .pliststyle{align-items: flex-start;display:flex;justify-content: space-between;text-align: center;}
.contProd .btm .pliststyle,
.contProd .btm .pliststyle li{list-style:none;}
.contProd .btm .pliststyle .tit{color:#2980b9;margin-bottom: 5px;}
.contProd .item2 .cont{display: flex;align-items: flex-start;}
.contProd .item2 .iTabs{flex-shrink: 0;width: 10rem;margin-right: 1.33rem;}
.contProd .item2 .iTabs li{margin-bottom: 0.66rem;display: flex;padding: 0 0.66rem;height: 2.2rem;border: 1px solid #E9E9E9;border-radius: 6px;color: #333333;line-height: 1.2;cursor: pointer;align-items: center;}
.contProd .item2 .iTabs li .icon{height: 0.8rem;margin-right: 0.4rem;}
.contProd .item2 .iTabs li.active{border-color: #fff;background-image: linear-gradient(to bottom right, #2F8AB7, #2D5A7E);color: #fff;}
.contProd .item2 .iTabs li.active .icon{filter: brightness(0) invert(1);}
.contProd .item2 .container{flex: 1;position: relative;overflow: hidden;}
.contProd .item2 .container .box{border: 1px solid #E9E9E9;padding: 1.33rem 1.33rem 1.66rem;}
.contProd .item3{background: url(../images/prodBg3.jpg) no-repeat center top;background-size: cover;}
.contProd .item3 .list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contProd .item3 .li{width: 46.42%;}
.contProd .item3 .li .tit{padding-bottom: 0.7rem;border-bottom: 1px solid #2D5A7E;margin-bottom: 0.7rem;line-height: 1.06rem;color: #333333;}
.contProd .item3 .li .tit .icon{flex-shrink: 0;height: 1.06rem;}
.contProd .item3 .li .tit span{margin-right: 0.5rem;color: #2D5A7E;font-family: 'DINProMed';}
.contProd .item4 .list{display: flex;flex-wrap: wrap;}
.contProd .item4 .li{width: 31.4%;margin: 0 2.9% 0.5rem 0;box-sizing: border-box;border: 1px solid #E9E9E9;border-radius: 6px;padding: 1rem;position: relative;}
.contProd .item4 .li:nth-child(3n){margin-right: 0;}
.contProd .item4 .li .tit{display: flex;line-height: 0.8rem;color: #333333;margin-bottom: 0.5rem;}
.contProd .item4 .li .tit .icon{width: 0.8rem;margin-right: 0.5rem;}
.contProd .item4 .li .tit h4{font-weight: normal;}
.contProd .item4 .li .num{position: absolute;right: 0.5rem;top: 50%;transform: translateY(-50%);color: #2D5A7E;opacity: 0.1;font-size: 3.33rem;font-family: "OswaldRegularItalic";}
.contProd .item4 .li:hover{border-color: #fff;box-shadow: 0 4px 20px rgba(187, 187, 187, 0.2);}
.contProd .item4 .li:hover .tit h4{font-weight: bold;color: #2D5A7E;}
.contProd .item5{background: #F9F9F9;padding-top: 2rem;}
.contProd .item5 .box{color: #666666;margin-bottom: 1rem;max-height: 185px;overflow: hidden;}
/*.contProd .item5 .box{color: #666666;}*/
.contProd .item5 .subTitle{margin-bottom: 0.5rem;color: #333333;font-weight: bold;}
.contProd .item5 .box.show{max-height: none;}
.contProd .item5 .cont{padding-bottom: 1rem;}


/* service */
.service .item1 .cont{color: #666666;margin-bottom: 1.33rem;}
.service .item1 dl{box-shadow: 0 2px 20px rgba(208, 208, 208, 0.5);}
.service .item1 dt{width: 34.3%;height: 15rem;box-sizing: border-box;padding: 1.33rem 0;}
.service .item1 dt .wrap{height: 100%;box-sizing: border-box;padding: 0 1.33rem;overflow: auto;}
.service .item1 dt .desc{color: #2D5A7E;line-height: 2;font-weight: bold;margin-bottom: 1.5rem;}
.service .item1 dt li{margin-bottom: 1.2rem;}
.service .item1 dt li:last-child{margin-bottom: 0;}
.service .item1 dt li a{padding-left: 20px;position: relative;color: #333333;line-height: 0.7rem;}
.service .item1 dt li a:before{content: "";width: 10px;height: 10px;background: url(../images/icon_dot.svg) no-repeat center;background-size: 100%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.service .item1 dt li a:hover{color: #2D5A7E;}
.service .item1 dd{width: 65.7%;background: url(../images/service1.jpg) no-repeat center;background-size: cover;}
.service .item1 dd ul{display: flex;}
.service .item1 dd li{flex: 1;box-sizing: border-box;border-left: 1px solid #FFFFFF;overflow: hidden;}
.service .item1 dd li:first-child{border: none;}
.service .item1 dd li a{height: 15rem;text-align: center;}
.service .item1 dd li .wrap{width: 100%;}
.service .item1 dd li .icon{height: 1.33rem;margin-bottom: 0.8rem;filter: brightness(0) invert(1);}
.service .item1 dd li .tit{color: #FFFFFF;line-height: 1.2;font-weight: normal;padding: 0 20px;}
.service .item1 dd li a:hover .icon{transform: scale(0.8);}
.service .item2{background: #F7FAFC;overflow: hidden;}
.service .item2 .swiper-slide{width: auto;}
.service .item2 .wrap{display: block;width: 18.86rem;background: #FFFFFF;}
.service .item2 .pic{height: 0;padding-bottom: 60%;position: relative;overflow: hidden;}
.service .item2 .tit{color: #333333;text-align: center;line-height: 3.4rem;padding: 0 10px;}
.service .item2 .wrap:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.service .item2 .wrap:hover .tit{color: #2D5A7E;}


/* quesList */
.quesList{padding-bottom: 1rem;}
.quesList .li{margin-bottom: 1rem;background: #F7FAFC;padding: 0 1.33rem;border-radius: 6px;}
.quesList .ques{padding: 0.5rem 0;line-height: 1.2rem;display: flex;color: #333333;cursor: pointer;}
.quesList .ques .icon{flex-shrink: 0;margin-right: 0.66rem;}
.quesList .ques .tit{flex: 1;overflow: hidden;}
.quesList .ques .arr{flex-shrink: 0;width: 0.2rem;height: 0.2rem;border-left: 1px solid #666666;border-bottom: 1px solid #666666;display: block;transform: rotateZ(-45deg);margin: 0.3rem 0 0 1rem;}
.quesList .answer{display: none;}
.quesList .answer .wrap{padding: 0.8rem 0 1rem;border-top: 1px solid #E9E9E9;color: #666666;}
.quesList .li:hover,
.quesList .li.on{box-shadow: 0 2px 10px rgba(216, 216, 216, 0.5);}
.quesList .li:hover .ques .tit{color: #2D5A7E;}
.quesList.download .ques .arr{transform: rotateZ(-135deg);}

@keyframes aniDot{
	0%{opacity: 1;transform: scale(1);}
	100%{opacity: 0;transform: scale(1.5);}
}

/* jobPage */
.jobPage .item1{background: url(../images/jobBg1.jpg) no-repeat center top;background-size: cover;}
.jobPage .item1 .list{display: flex;flex-wrap: wrap;}
.jobPage .item1 .list .li{width: 23.2%;margin: 0 2.4% 10px 0;box-sizing: border-box;padding: 1.3rem 1rem 1.5rem;border-radius: 5px;background-image: linear-gradient(rgba(255,255,255,0.5), #fff);box-shadow: 0 2px 20px rgba(208, 208, 208, 0.5);}
.jobPage .item1 .list .li:nth-child(4n){margin-right: 0;}
.jobPage .item1 .list .icon{width: 2.93rem;height: 2.93rem;border: 1px solid #2D5A7E;border-radius: 50%;text-align: center;line-height: 2.93rem;font-size: 0;margin: 0 auto;position: relative;}
.jobPage .item1 .list .icon .dot{position: absolute;width: 100%;height: 100%;left: 0;top: 0;color: #2D5A7E;opacity: 0;}
.jobPage .item1 .list .icon .dot::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear infinite;}
.jobPage .item1 .list .icon .dot::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear 1s infinite;}
.jobPage .item1 .list .icon img{position: relative;z-index: 2;}
.jobPage .item1 .list .li:hover .icon{border-color: #fff;}
.jobPage .item1 .list .li:hover .dot{opacity: 1;}
.jobPage .item1 .list .li:hover .icon img{filter: brightness(0) invert(1);}
.jobPage .item1 .list .tit{color: #333333;line-height: 1;margin: 1rem 0 0.9rem;text-align: center;}
.jobPage .item1 .list .cont{color: #666666;}

/* jobList */
.jobList{padding-bottom: 2rem;}
.jobList .hd{background-image: linear-gradient(to right bottom, #2F8AB7 , #2D5A7E);color: #fff;line-height: 2.66rem;font-weight: bold;}
.jobList .jItem{text-align: center;box-sizing: border-box;width: 18.1%;}
.jobList .jItem1{text-align: left;box-sizing: border-box;padding-left:2rem;width: 31.4%;}
.jobList .jItem5{width: 14.2%;}
.jobList .nLi{border: 1px solid #EDEDED;margin-top: -1px;}
.jobList .dt{color: #666666;cursor: pointer;}
.jobList .dt .jItem{height: 2.6rem;line-height: 2.6rem;}
.jobList .dt .btn{width: 1.5rem;height: 1.5rem;box-sizing: border-box;border: 1px solid #D8D8D8;border-radius: 50%;transform: rotateZ(-90deg);}
.jobList .dt .btn img{filter: brightness(0) invert(0.5);}
.jobList .dd{display: none;}
.jobList .dd .wrap{padding: 1.33rem 2rem 1.66rem;border-top: 1px solid #EDEDED;}
.jobList .dd .tit{color: #333333;line-height: 1;margin-bottom: 0.53rem;}
.jobList .dd .cont{color: #6A6B6C;margin-bottom: 1.33rem;}
.jobList .dd .btnStyle1{margin: 0;}
.jobList .dd .wap{display: none;}
.jobList .on .dt .btn{transform: rotateZ(0);}
.jobList .nLi:nth-child(2n) .dt{background: #F7FAFC;}


/* contactUs */
.contactUs .title{color: #333333;line-height: 1;padding-bottom: 1rem;border-bottom: 1px solid #E9E9E9;margin-bottom: 1.5rem;}
.contactUs .list{margin-bottom: 1.66rem;display: flex;justify-content: space-between;}
.contactUs .list li{width: 22.86%;}
.contactUs .list .tit{display: flex;align-items: center;color: #333333;line-height: 1;padding-bottom: 0.7rem;border-bottom: 1px solid #E9E9E9;margin-bottom: 0.7rem;}
.contactUs .list .tit .icon{height: 1.2rem;margin-right: 0.7rem;}
.contactUs .list .cont{color: #666666;line-height: 2;}
.contactUs .list .qrcode{display: flex;align-items: center;}
.contactUs .list .qrcode .pic{width: 3.3rem;height: 3.3rem;flex-shrink: 0;margin-right: 0.5rem;}
.contactUs .list .qrcode .txt{flex: 1;overflow: hidden;}


/* msgPage */
.msgPage{background: url(../images/msgBg.jpg) no-repeat center top;background-size: cover;}
.msgPage .formItem{width: 46.42%;margin-bottom: 1rem;}
.msgPage .formItem.w100p{width: 100%;}
.msgPage .formItem dt{line-height: 1;color: #333333;margin-bottom: 0.66rem;}
.msgPage .formItem dt span{color: #D43030;}
.msgPage .formItem .text,
.msgPage .formItem textarea{width: 100%;height: 1.73rem;box-sizing: border-box;padding: 0 0.66rem;border-radius: 4px;border: 1px solid #E9E9E9;background: #FFFFFF;line-height: 1.73rem;color: #333;}
.msgPage .formItem textarea{height: 5rem;}
.msgPage .formItem.codeItem{max-width: 440px;}
.msgPage .formItem.codeItem dd{position: relative;}
.msgPage .formItem.codeItem .pic{width: 4.66rem;height: calc(100% - 2px);position: absolute;right: 1px;top: 1px;border-radius: 0 4px 4px 0;}
.msgPage .formItem.codeItem .pic img{width: 100%;height: 100%;cursor: pointer;}
.msgPage .btn{width: 4.33rem;height: 1.73rem;box-sizing: border-box;margin-left: 1.33rem;border: 1px solid #E9E9E9;border-radius: 0.86rem;background: none;color: #666666;cursor: pointer;}
.msgPage .btn.subm{background-image: linear-gradient(to bottom right, #2F8AB7 , #2D5A7E);color: #fff;font-weight: bold;border-color: #fff;}
.msgPage .btn:hover{border-color: #fff;background: #2D5A7E;color: #fff;}

/* techPage */
.mrgBtm50{margin-bottom: 1.66rem;}
.mrgBtm40{margin-bottom: 1.33rem;}
.mrgBtm30{margin-bottom: 1rem;}
.techPage .tabs{background: #fff;position: sticky;left: 0;top: 3.33rem;padding: 0.5rem 0;z-index: 8;}
.techPage .tabs li{margin: 0 0.8rem;}
.techPage .tabs li a{display: block;padding: 0 1.3rem;border: 1px solid #E9E9E9;border-radius: 0.9rem;color: #666666;line-height: 1.6rem;}
.techPage .tabs li.active a,
.techPage .tabs li a:hover{border-color: #fff;background-image: linear-gradient(to bottom right, #2F8AB7 , #2D5A7E);color: #fff;}
.techPage .item{padding: 2rem 0;border-bottom: 1px solid #E9E9E9;}
.techPage .item:last-child{padding-bottom: 0;border: none;}
.techPage .title{display: flex;align-items: center;color: #2D5A7E;line-height: 1;}
.techPage .title h4{padding: 0 1.33rem 0 0.6rem;position: relative;}
.techPage .title h4::before{content: "";width: 2px;height: 0.86rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-image: linear-gradient(to bottom right, #2D5A7E , #2F8AB7);}
.techPage .subTitle{color: #2D5A7E;line-height: 1;margin-bottom: 0.66rem;padding-left: 0.6rem;position: relative;}
.techPage .subTitle::before{content: "";width: 0.3rem;height: 0.3rem;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-image: linear-gradient(to bottom right, #2D5A7E , #2F8AB7);}
.techPage .pic{width: 100%;}
.techPage .pageStyle{color: #666666;}
.techPage .item1 .left,
.techPage .item1 .right{width: 46.42%;}
.techPage .item1 .left .pic{margin-bottom: 0.66rem;}
.techPage .item1 .right .pic{margin-top: 1.33rem;}
.techPage .item1 .btm{margin-top: 1.33rem;}
.techPage .item2 .innerItem{width: 47.85%;}
.techPage .item2 .med{margin: 1.33rem 0;}
.techPage .bold{font-weight: bold;color: #2D5A7E;}
.techPage .innerTitle{margin-bottom: 1rem;line-height: 0.8rem;color: #2D5A7E;display: flex;align-items: center;}
.techPage .innerTitle .num{width: 0.8rem;height: 0.8rem;border-radius: 50%;text-align: center;line-height: 0.8rem;color: #FFFFFF;margin-right: 8px;position: relative;}
.techPage .innerTitle .num::before{content: "";width: 100%;height: 100%;border: 2px solid #2D5A7E;border-radius: 50%;opacity: 0.21;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.techPage .innerTitle .num i{display: block;width: 100%;height: 100%;background-image: linear-gradient(to bottom right, #2D5A7E , #2F8AB7);position: relative;z-index: 2;border-radius: 50%;}
.techPage .item2 .med .pic{width: 42.1%;margin: 0 0 0 1.33rem;}
.techPage .item3 .cont > .flexBetween{align-items: flex-start;}
.techPage .item3 .pic{width: 51.85%;}
.techPage .item3 .text{width: 45.71%;padding-top: 2.83rem;}
.techPage .ad img{width: 100%;}

@media screen and (max-width: 1480px){
.aboutWrap .item3 dl{align-items: center;}
.aboutWrap .item3 dt{padding-bottom: 15rem;}
.aboutWrap .item3 .wrap,
.aboutWrap .item3 dl:nth-child(2n) .wrap{padding-top: 0;width: 80%;}
.aboutWrap .item3 .top{padding-bottom: 1rem;margin-bottom: 0.8rem;}
.aboutWrap .item2 .li{width: 26%;}

.contProd .top .right .btnWrap{padding-top: 1.5rem;}
.contProd .top .right .btnWrap .btn a{padding: 0 1.2rem;line-height: 1.8rem;}
.contProd .tabs li a{min-width: 6rem;line-height: 2.2rem;}
}

@media screen and (max-width: 1300px){
.productPage .filter dl dt{line-height: 1.4rem;}
.productPage .filter dl dd a{padding: 0 0.5rem;line-height: 1.4rem;margin: 0 0.5rem 0.5rem 0;}

.aboutWrap .item5 .btn{width: 1.6rem;height: 1.6rem;}
.aboutWrap .item5 .next{right: -1.8rem;}
.aboutWrap .item5 .prev{left: -1.8rem;}
}


@media screen and (max-width: 1024px){
.padding90{padding: 2rem 0;}
.nyBanner{height: 10rem;display: flex;align-items: center;}
.nyBanner .wrap{padding-top: 0;}
.nyBanner .ch{margin-top: 0.3rem;}
.bread{line-height: 1.2;padding: 0.4rem 0;}
.bread ul{display: none;}
.nyTitle{margin-bottom: 0.8rem;}
.aboutWrap .item1{background: none;}
.aboutWrap .item1 .dataList{width: 100%;padding-top: 1.5rem;}
.aboutWrap .item2 .list{font-size: 0.6rem;}
.aboutWrap .item2 .li{width: 30%;padding: 1.4rem 0.5rem;}
.aboutWrap .item3 dl{display: block;}
.aboutWrap .item3 dt, .aboutWrap .item3 dd{width: 100%;box-sizing: border-box;}
.aboutWrap .item3 dd{padding: 1rem 5% 1.5rem;}
.aboutWrap .item3 .wrap, .aboutWrap .item3 dl:nth-child(2n) .wrap{width: 100%;padding: 0;}
.aboutWrap .item3 .top{padding-bottom: 0.5rem;margin-bottom: 0.5rem;}
.aboutWrap .item3 .top .ch{margin-bottom: 0.2rem;}
.aboutWrap .item3 .btm{font-size: 0.5rem;}
.aboutWrap .item4 .textScroll{height: 15rem;}
.aboutWrap .item4 .picSCroll .pic{height: 15rem;line-height: 15rem;}

.newsList li{margin-bottom: 2.9%;}
.newsList .text{padding: 0.6rem 0.6rem 1rem;}
.newsList .text .desc{margin: 0.3rem 0 0.6rem;}

.passage .psgTitle .info .item{margin: 0 1rem;}

.productList .text{padding: 0.6rem 1rem;}
.productList .tit{margin: 0.3rem 0 0.5rem;}

.contProd .top .left,
.contProd .top .right{width: 100%;}
.contProd .top .left{margin-bottom: 1rem;}
.contProd .top .right .desc dd li{margin: 0 10px 10px 0;}
.contProd .tabs li a{min-width: auto;line-height: 1.9rem;}
.contProd .item4 .li{width: 49%;margin: 0 2% 2% 0;}
.contProd .item4 .li:nth-child(3n){margin-right: 2%;}
.contProd .item4 .li:nth-child(2n){margin-right: 0;}
.contProd .item4 .li .num{font-size: 2.4rem;}

.jobPage .item1 .list .li{width: 49%;margin: 0 2% 2% 0;}
.jobPage .item1 .list .li:nth-child(2n){margin-right: 0;}

.jobList{padding-bottom: 1rem;}
.jobList .jItem2,.jobList .jItem3,.jobList .jItem4{display: none;}
.jobList .jItem5{width: 20%;}
.jobList .jItem1{width: 80%;padding-left: 0.5rem;}
.jobList .hd{line-height: 2rem;}
.jobList .dt .jItem{height: 2rem;line-height: 2rem;}
.jobList .dt .btn{width: 1.2rem;height: 1.2rem;}
.jobList .dd .wrap{padding: 1rem 0.5rem;}
.jobList .dd .wap{display: block;}
.jobList .dd .cont{margin-bottom: 0.8rem;}
.jobList .dd .tit{font-size: 0.54rem;}

.contactUs .list{flex-wrap: wrap;margin-bottom: 0;}
.contactUs .list li{width: 49%;margin-bottom: 1rem;}

.techPage .tabs li{margin: 0 0.4rem;}
.techPage .tabs li a{padding: 0 0.4rem;}
.techPage .item3 .pic{width: 45%;}

.service .item1 dt,
.service .item1 dd{width: 100%;}
.service .item1 dt{height: auto;padding: 1rem 0;}
.service .item1 dt .desc{margin-bottom: 1rem;}

}

@media screen and (max-width: 760px){
.padding90{padding: 1.5rem 0;}
.nyPage{padding-top: 0;}
.nyBanner{height: 6rem;}
.nyTitle{margin-bottom: 0.6rem;}
.nyTitle .ch{margin-bottom: 5px;}
.aboutWrap .item1 .top{display: block;}
.aboutWrap .item1 .right{margin: 1rem 0 0;display: flex;justify-content: center;}
.aboutWrap .item1 .right li{margin: 0 0.5rem;}
.aboutWrap .item1 .dataList{font-size: 12px;flex-wrap: wrap;}
.aboutWrap .item1 .dataList li{width: 50%;margin-bottom: 0.5rem;}
.aboutWrap .item1 .dataList span{font-size: 1.1rem;}
.aboutWrap .item2{padding: 1rem 0;}
.aboutWrap .item2 .list{flex-wrap: wrap;}
.aboutWrap .item2 .list li{width: 100%;height: auto;padding: 1rem;margin-bottom: 1rem;min-height: auto;line-height: 1.6;}
.aboutWrap .item2 .list li:last-child{margin-bottom: 0;}
.aboutWrap .item2 .li .icon{height: 1.5rem;}
.aboutWrap .item2 .li .tit{margin: 0.5rem 0 0.2rem;}
.aboutWrap .item3{padding-top: 1.5rem;}
.aboutWrap .item3 .top .ch{font-size: 0.65rem;}
.aboutWrap .item4{padding-top: 0;}
.aboutWrap .item4 .textScroll{height: 8rem;margin-right: 0;}
.aboutWrap .item4 .textScroll .wrap{width: 100%;}
.aboutWrap .item4 .picSCroll{position: relative;top: 0;transform: translateY(0);width: 100%;margin-top: 0.5rem;}
.aboutWrap .item4 .picSCroll .pic{height: 8rem;line-height: 8rem;}
.aboutWrap .item5{padding: 1.5rem 0;}
.aboutWrap .item5 .wrap{padding-left: 0.5rem;height: 15rem;}
.aboutWrap .item5 .wrap .date{margin-bottom: 0.5rem;}
.aboutWrap .item5 .wrap li{margin-bottom: 0.3rem;}
.aboutWrap .item5 .scroll{padding: 0 1.5rem;}
.aboutWrap .item5 .btn{width: 1rem;height: 1rem;}
.aboutWrap .item5 .btn img{height: 0.2rem;}
.aboutWrap .item5 .prev{left: 0;}
.aboutWrap .item5 .next{right: 0;}

.newsList li{width: 49%;margin-right: 0;margin-bottom: 2%;}
.newsList li:nth-child(2n){float: right;}

.page a,.page em{display: none;}
.page a.btn,.page a.on{display: flex;justify-content: center;height: 1.5rem;line-height: 1.45rem;min-width: 1.5rem;}
.page input[type="text"]{height: 1.5rem;font-size: 0.6rem;}
.page a, .page input[type="text"]{margin: 0 3px;}

.passage .psgTitle{padding-bottom: 0.6rem;margin-bottom: 0.6rem;}
.passage .psgTitle .tit{margin-bottom: 0.5rem;font-size: 0.6rem;}
.passage .psgTitle .info .item:first-child{display: none;}
.passage .psgTitle .info .item{margin: 0 10px;font-size: 12px;}
.passage .psgTitle .info .item img{margin-right: 5px;}
.passage .shareStyle{display: none;}
.passage .psgLink{padding-top: 0.6rem;margin-top: 1rem;}
.passage .psgLink ul{margin-right: 0;}
.passage .toList{display: none;}

.productList li{width: 49%;margin-right: 0;margin-bottom: 2%;}
.productList li:nth-child(2n){float: right;}

.productPage .formWrap{padding: 0.5rem 0.5rem 0.5rem 3.2rem;}
.productPage .formWrap .tit{width: 3.2rem;}
.productPage .formWrap .form .btn{width: 3.2rem;line-height: 1.4rem;height: 1.4rem;}
.productPage .formWrap .form .text{width: calc(100% - 3.2rem);height: 1.4rem;line-height: 1.4rem;}
.productPage .filter dl{padding-bottom: 0.3rem;}
.productPage .filter dl dt{margin-right: 12px;line-height: 1.1rem;}
.productPage .filter dl dd a{padding: 0 10px;line-height: 1.1rem;margin: 0 5px 5px 0;font-size: 12px;}

.tableStyle table th, .tableStyle table td{padding: 5px;}

.contProd  .padding90{padding: 1rem 0;}
.contProd .tabs{top: 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.contProd .pic,
.contProd .tabScroll .pic{padding-bottom: 65.67%;}
.contProd .picScroll{margin-bottom: 0.5rem;}
.contProd .tabScroll{padding: 0 1.2rem;}
.contProd .top .right .title{padding: 0.5rem 0;}
.contProd .top .right .btnWrap{padding-top: 1rem;}
.contProd .top .right .btnWrap .btn a{padding: 0 0.8rem;}
.contProd .tabs li a{line-height: 1.5rem;}
.contProd .btm .title{margin-bottom: 0.5rem;}
.contProd .btm .pliststyle{display: block;text-align: left;}
.contProd .btm .pliststyle li{margin-bottom: 10px;}
.contProd .btm .pliststyle li:last-child{margin-bottom: 0;}
.contProd .btm .pliststyle li .tit{margin-bottom: 0;}
.contProd .item2 .cont{display: block;}
.contProd .item2 .iTabs{width: 30%;margin-right: 0;width: 100%;overflow: hidden;margin-bottom: 0.6rem;}
.contProd .item2 .iTabs li{height: 1.5rem;font-size: 12px;width: 49.5%;box-sizing: border-box;float: left;margin-bottom: 1%;}
.contProd .item2 .iTabs li:nth-child(2n){float: right;}
.contProd .item2 .iTabs li .icon{height: 0.5rem;}
.contProd .item3 .li{width: 100%;margin-bottom: 0.5rem;}
.contProd .item3 .li .tit{padding-bottom: 0.3rem;margin-bottom: 0.3rem;}
.contProd .item4 .li{width: 100%;margin-right: 0 !important;padding: 0.6rem;}

.quesList{padding-bottom: 0.5rem;}
.quesList .li{padding: 0 0.6rem;margin-bottom: 0.6rem;}
.quesList .ques{line-height: 0.8rem;}
.quesList .ques .icon{margin-right: 8px;}
.quesList .ques .icon img{height: 0.7rem;}
.quesList .answer .wrap{padding: 0.5rem 0 0.6rem;}
.quesList .ques .arr{margin: 0.25rem 0 0 0.5rem;}


.jobPage .item1 .list .li{padding: 0.5rem;}
.jobPage .item1 .list .icon{width: 2rem;height: 2rem;line-height: 2rem;}
.jobPage .item1 .list .icon img{height: 50%;}
.jobPage .item1 .list .tit{margin: 0.6rem 0 0.5rem;}
.jobPage .item1 .list .cont{font-size: 0.46rem;}

.contactUs .title{padding-bottom: 0.6rem;margin-bottom: 0.8rem;}
.contactUs .list li{width: 100%;}
.contactUs .list .tit{padding-bottom: 0.4rem;margin-bottom: 0.4rem;}
.contactUs .list .tit .icon{height: 0.8rem;margin-right: 8px;}

.msgPage .formItem{width: 100%;margin-bottom: 0.8rem;}
.msgPage .formItem dt{margin-bottom: 0.3rem;}
.msgPage .formItem.codeItem{max-width: none;}
.msgPage .btnWrap{float: left;}
.msgPage .btn{margin-left: 0.5rem;}
.msgPage .btn:first-child{margin-left: 0;}

.techPage .tabs{top: 0;}
.techPage .tabs li{margin: 0 4px;}
.techPage .tabs li a{font-size: 0.4rem;text-align: center;line-height: 1.2;padding: 0.3rem;}
.techPage .item{padding: 1rem 0;}
.techPage .title h4{padding-right: 0.5rem;}
.techPage .title img{height: 0.5rem;}
.techPage .item1 .left, .techPage .item1 .right{width: 100%;}
.techPage .item1 .left{margin-bottom: 0.8rem;}
.techPage .subTitle{margin-bottom: 0.4rem;}
.techPage .item1 .right .pic{margin-top: 0.6rem;}
.techPage .item2 .innerItem{width: 100%;}
.techPage .item2 .med .pic{float: none;margin: 0 0 0.3rem;width: 100%;}
.techPage .item3 .cont{flex-wrap: wrap;}
.techPage .item3 .pic,
.techPage .item3 .text{width: 100%;}
.techPage .item3 .text{padding-top: 0.5rem;}
.techPage .item3 .cont > .flexBetween{display: block;}


.mrgBtm40{margin-bottom: 0.7rem;}
.mrgBtm50{margin-bottom: 0.8rem;}

.service .item1 dt .wrap{padding: 0 1rem;}
.service .item1 dt li{margin-bottom: 0.7rem;}
.service .item1 dd li a{height: 10rem;}
.service .item1 dd li .tit{padding: 0 10px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;white-space: normal;font-size: 0.45rem;line-height: 0.7rem;height: 1.4rem;}
.service .item2 .wrap{width: 10rem;}
.service .item2 .tit{line-height: 2rem;}
}

@media screen and (max-width: 468px){
.aboutWrap .item3 dt{padding-bottom: 58.54%;}
.aboutWrap .item4 .textScroll{height: 6rem;}

.newsList li{width: 100%;}
.newsList .text .tit{height: auto;max-height: 1.86rem;}
.newsList .text .desc{height: auto;max-height: 1.72rem;}

.productList li{width: 100%;}
.productList .text{padding: 0.6rem 0.8rem;}
.productList .tit{height: auto;max-height: 2.12rem;}
}