/* nyBanner */
.nyBanner{width: 100%;height: 15rem;background-repeat: no-repeat;background-position: center;background-size: cover;color: #fff;line-height: 1;text-shadow: 0 2px 8px rgba(20, 67, 101, 0.19);}
.nyBanner .en{margin-top: 0.5rem;opacity: 0.5;text-transform: uppercase;}

/* bread */
.bread{border-bottom: 1px solid #DDDDDD;line-height: 2.1rem;}
.bread ul li{margin-right: 1.66rem;}
.bread ul li:last-child{margin-right: 0;}
.bread ul li a{display: block;position: relative;color: #373737;line-height: 2.1rem;}
.bread ul li a::before{content: "";width: 100%;height: 2px;position: absolute;left: 0;bottom: -1px;background: #006AB8;transform: scale(0,1);opacity: 0;}
.bread ul li.on a,
.bread ul li a:hover{color: #006AB8;}
.bread ul li.on a::before,
.bread ul li a:hover::before{transform: scale(1);opacity: 1;}
.bread .path{color: #666666;}
.bread .path span{margin: 0 4px;}
.bread .path a:hover{color: #006AB8;text-decoration: underline;}

.nyTitle{color: #333333;text-align: center;line-height: 1;margin-bottom: 1.66rem;}

/* aboutWrap */
.aboutWrap .item1{padding: 3rem 0;}
.aboutWrap .item1 .top{margin-bottom: 1.33rem;align-items: flex-start;}
.aboutWrap .item1 .top .pic{width: 50%;height: 0;padding-bottom: 13.66rem;position: relative;overflow: hidden;}
.aboutWrap .item1 .top .text{width: 46.42%;}
.aboutWrap .item1 .dataList li{padding-top: 2.2rem;width: 46.22%;color: #333333;line-height: 1;}
.aboutWrap .item1 .dataList li:nth-child(2n){float: right;}
.aboutWrap .item1 .dataList li .data{color: #006AB8;padding-top: 8px;}
.aboutWrap .item1 .dataList li .data span{font-family: "DINProMed";}
.aboutWrap .item1 .dataList li .icon{height: 2.4rem;}
.aboutWrap .item2{padding: 1.8rem 0 3rem;background: #FAFAFB;}
.aboutWrap .item2 .top{display: flex;align-items: center;padding-bottom: 2rem;}
.aboutWrap .item2 .top .logo{flex-shrink: 0;width: 9.4rem;margin-right: 3.3rem;}
.aboutWrap .item2 .top .text{flex: 1;overflow: hidden;}
.aboutWrap .item2 .top .tit{line-height: 1;color: #006AB8;margin-bottom: 0.86rem;}
.aboutWrap .item2 .btm li{width: 22.71%;margin: 4.6rem 0 0 -3.4%;position: relative;}
.aboutWrap .item2 .btm li:first-child{margin-left: 0;}
.aboutWrap .item2 .btm li:nth-child(2n){margin-top: 0;}
.aboutWrap .item2 .btm li .wrap{position: relative;z-index: 2;height: 0;padding-bottom: 86.47%;text-align: center;line-height: 1.2rem;color: #fff;}
.aboutWrap .item2 .btm li .wrap > div{position: absolute;left: 0;top: 0;width: 100%;height: 100%;box-sizing: border-box;padding: 0 10px;}
.aboutWrap .item2 .btm li .wrap h5{margin-bottom: 1rem;line-height: 1;}
.aboutWrap .item3{padding: 2.66rem 0 3rem;background: url(../images/aboutBg.jpg) no-repeat center top;background-size: cover;}
.aboutWrap .tabScroll{margin: 0.87rem 0 3rem;padding: 0 2rem;position: relative;overflow: hidden;}
.aboutWrap .tabScroll .btn{width: 2rem;height: 2rem;position: absolute;top: 50%;transform: translateY(-50%);background: rgba(255, 255, 255, 0.9);border-radius: 50%;cursor: pointer;z-index: 2;}
.aboutWrap .tabScroll .btn.prev{left: 0;}
.aboutWrap .tabScroll .btn.next{right: 0;}
.aboutWrap .tabScroll .btn img{filter: brightness(0) invert(0.5);opacity: 0.6;}
.aboutWrap .tabScroll .btn:hover{background: #115AAD;}
.aboutWrap .tabScroll .btn:hover img{filter: brightness(0) invert(1);opacity: 1;}
.aboutWrap .tabScroll .btn.swiper-button-disabled{opacity: 0.5;pointer-events: none;}
.aboutWrap .tabScroll .container{position: relative;overflow: hidden;padding: 0 2.66rem;}
.aboutWrap .tabScroll .swiper-slide{position: relative;}
.aboutWrap .tabScroll .swiper-slide::before{content: "";width: 80px;height: 1px;background: #D9D9D9;position: absolute;right: 100%;top: 50%;}
.aboutWrap .tabScroll .swiper-slide > div{width: 100%;height: 0;padding-bottom: 100%;box-sizing: border-box;border: 1px solid #D9D9D9;color: #666666;font-family: "DINProReg";text-align: center;border-radius: 50%;cursor: pointer;position: relative;}
.aboutWrap .tabScroll .swiper-slide span{position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);}
.aboutWrap .tabScroll .swiper-slide.active > div{border-color: #006AB8;color: #006AB8;font-weight: bold;}
.aboutWrap .contScroll{padding: 1.5rem 1.66rem 2.13rem;background: #fff url(../images/aboutBg1.jpg) no-repeat left top;background-size: cover;box-shadow: 0 2px 24px rgba(224, 224, 224, 0.42);}
.aboutWrap .contScroll .container{position: relative;overflow: hidden;}
.aboutWrap .contScroll .tit{color: #333333;line-height: 1;margin-bottom: 0.8rem;}
.aboutWrap .contScroll .cont{color: #666666;}

.nyWrap{padding: 3rem 0;min-height: 300px;}

/* listStyle */
.listStyle{padding-bottom: 10px;}
.listStyle li{width: 31.4%;margin: 0 2.9% 1.66rem 0;background: #FAFAFB;}
.listStyle li:nth-child(3n){margin-right: 0;}

/* honorList */
.honorList .pic{height: 0;padding-bottom: 72.72%;position: relative;overflow: hidden;cursor: pointer;background: #F4F4F8;}
.honorList .pic span,
.honorList .pic::before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.honorList .pic::before{content: "";z-index: 2;background: #006AB8;opacity: 0;pointer-events: none;}
.honorList .pic .icon{width: 1rem;height: 1rem;background: url(../images/icon_scale.svg) no-repeat center;background-size: 100%;
position: absolute;left: 50%;top: 50%;z-index: 3;transform: translate(-50%, -50%) scale(0);opacity: 0;pointer-events: none;}
.honorList .pic img{max-width: 100%;max-height: 100%;}
.honorList .tit{padding: 0 10px;line-height: 2.2rem;color: #373737;font-weight: normal;text-align: center;}
.honorList li:hover .pic::before{opacity: 0.5;}
.honorList li:hover .pic .icon{transform: translate(-50%, -50%) scale(1);opacity: 1;}
.honorList li:hover .tit{color: #115AAD;font-weight: bold;}
.honorList li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}


/* page */
.page{color: rgba(73, 73, 73, 0.65);}
.page a{margin: 0 7px;width: 1.5rem;height: 1.5rem;border: 1px solid #DDDDDD;background: #FFFFFF;border-radius: 50%;text-align: center;line-height: 1.5rem;}
.page a:hover,.page a.on{border-color: #006AB8;background: #006AB8;color: #fff;}
.page .text{width: 2.2rem;height: 1.5rem;border: 1px solid #DDDDDD;border-radius: 0.8rem;margin: 0 14px;background: #FFFFFF;text-align: center;line-height: 1.5rem;font-size: 0.6rem;}


/* picList */
.picList a{display: block;background: #FAFAFB;}
.picList .pic{height: 0;padding-bottom: 63.63%;position: relative;overflow: hidden;}
.picList .tit{color: #373737;line-height: 2.2rem;text-align: center;padding: 0 10px;font-weight: normal;}
.picList a:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.picList a:hover .tit{color: #115AAD;}

/* btnStyle1 */
.btnStyle1{display: block;width: 6.8rem;height: 1.8rem;box-sizing: border-box;padding: 0 1rem;background: #006AB8;border-radius: 1rem;color: #fff;font-weight: bold;}
.btnStyle1::after{background: #025693;}
.btnStyle1 div{width: 100%;height: 100%;}


/* btnStyle2 */
.btnStyle2{margin-left: 1.33rem;width: 5.33rem;height: 1.8rem;box-sizing: border-box;border: 1px solid #DDDDDD;border-radius: 1.1rem;padding: 0 1rem;color: #666666;}
.btnStyle2:first-child{margin-left: 0;}
.btnStyle2:hover img{filter: brightness(0) invert(1);}


/* jobList */
.jobList{padding-bottom: 2rem;}
.jobList .hd{background: #006AB8;color: #fff;line-height: 2.66rem;}
.jobList .item{text-align: center;box-sizing: border-box;width: 22.4%;}
.jobList .item1{text-align: left;box-sizing: border-box;padding-left: 2.8%;}
.jobList .item5{width: 10.4%;}
.jobList .nLi{border: 1px solid #DDDDDD;margin-top: -1px;}
.jobList .dt{color: #666666;line-height: 2.53rem;cursor: pointer;}
.jobList .dt .btn i{width: 9px;height: 9px;margin-left: 10px;position: relative;}
.jobList .dt .btn i::before,
.jobList .dt .btn i:after{content: "";background: #666666;position: absolute;}
.jobList .dt .btn i::before{width: 1px;height: 100%;top: 0;left: 50%;}
.jobList .dt .btn i::after{width: 100%;height: 1px;left: 0;top: 50%;}
.jobList .on .dt .btn i::before{transform: rotateZ(45deg);}
.jobList .on .dt .btn i::after{transform: rotateZ(45deg);}
.jobList .dd{display: none;}
.jobList .dd .wrap{padding: 1.33rem 1.33rem 2rem;border-top: 1px solid #DDDDDD;}
.jobList .dd .tit{color: #333333;line-height: 1;margin-bottom: 0.6rem;}
.jobList .dd .cont{color: #6A6B6C;margin-bottom: 1.33rem;}
.jobList .dd .btnStyle1{margin-top: 1.33rem;}
.jobList .dd .wap{display: none;}


/* prodSide */          
.prodSide{width: 20%;box-sizing: border-box;padding: 1.33rem 0.66rem 1.66rem 1.33rem;background: #FAFAFA;}
.prodSide .title{display: inline-block;line-height: 1;color: #333333;padding-bottom: 0.8rem;position: relative;margin-bottom: 1.33rem;}
.prodSide .title::before{content: "";width: 100%;height: 4px;background: #006AB8;position: absolute;left: 0;bottom: 0;}
.prodSide .nLi{margin-bottom: 1rem;}
.prodSide .nLi:last-child{margin-bottom: 0;}
.prodSide .nLi .tit{display: flex;line-height: 20px;}
.prodSide .nLi .tit .icon{flex-shrink: 0;width: 20px;height: 20px;background: #006AB8;margin-right: 10px;position: relative;}
.prodSide .nLi .tit .icon::before,
.prodSide .nLi .tit .icon::after{content: "";position: absolute;background: #fff;}
.prodSide .nLi .tit .icon::before{width: 1px;height: 9px;left: 50%;top:6px;}
.prodSide .nLi .tit .icon::after{width: 9px;height: 1px;top: 50%;left: 6px;}
.prodSide .nLi .inner{display: none;}
.prodSide .nLi .inner ul{padding: 12px 0 0 30px;}
.prodSide .nLi .inner li a{display: block;color: #666666;line-height: 1.06rem;}
.prodSide .nLi .inner li.on a,
.prodSide .nLi .inner li a:hover{color: #006AB8;}
.prodSide .nLi.on .tit .icon::before{transform: rotateZ(90deg);}
.prodSide .nLi.on .tit .icon::after{transform: rotateZ(90deg);opacity: 0;}
.prodSide .nLi.on .tit,
.prodSide .nLi:hover .tit{color: #006AB8;}

/* prodList */
.prodList{width: 75.71%;}
.prodList ul{padding-bottom: 10px;}
.prodList li{padding-bottom: 1.66rem;border-bottom: 1px solid #D9D9D9;margin-bottom: 1.66rem;align-items: flex-start;}
.prodList li:last-child{margin-bottom: 0;border: none;}
.prodList .pic{width: 41.5%;}
.prodList .pic a{display: block;height: 0;padding-bottom: 68.18%;position: relative;overflow: hidden;padding-bottom: 10rem;}
.prodList .right{width: 54.71%;}
.prodList .right .tit{color: #373737;line-height: 1.1;font-weight: normal;}
.prodList .right .desc{color: #666666;line-height: 1.06rem;max-height: 4.24rem;overflow: hidden;margin: 1rem 0 2.1rem;}
.prodList li:hover .right .tit{color: #006AB8;}
.prodList li:hover .pic em{transform: scale(1.1);}
/* contProd */
.contProd .item1{padding: 3rem 0 2.66rem;}
.contProd .item1 .left{width: 37.85%;max-height: 12rem;overflow: auto;}
.contProd .item1 .left .tit{color: #373737;line-height: 1.1;font-weight: normal;}
.contProd .item1 .left .desc{color: #333333;line-height: 1rem;margin: 1.33rem 0 2rem;}
.contProd .item1 .right{width: 57.14%;}
.contProd .contScroll{width: 75%;position: relative;overflow: hidden;}
.contProd .contScroll .pic{height: 0;padding-bottom: 12rem;position: relative;overflow: hidden;}
.contProd .tabScroll{width: 20%;height: 12rem;box-sizing: border-box;padding: 2.46rem 0;position: relative;}
.contProd .tabScroll .btn{width: 1.8rem;height: 1.8rem;box-sizing: border-box;border: 1px solid #DDDDDD;background: #FFFFFF;border-radius: 50%;position: absolute;left: 50%;transform: translateX(-50%);cursor: pointer;}
.contProd .tabScroll .prev{top: 0;}
.contProd .tabScroll .next{bottom: 0;}
.contProd .tabScroll .btn:hover{border-color: #006AB8;background: #006AB8;}
.contProd .tabScroll .btn:hover img{filter: brightness(0) invert(1);}
.contProd .tabScroll .btn.swiper-button-disabled{opacity: 0.5;pointer-events: none;}
.contProd .tabScroll .container{position: relative;overflow: hidden;height: 100%;}
.contProd .tabScroll .container .pic{height: 100%;position: relative;overflow: hidden;}
.contProd .tabScroll .container .pic::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;box-sizing: border-box;border: 2px solid #006AB8;opacity: 0;}
.contProd .tabScroll .container .active .pic::before{opacity: 1;}
.contProd .item2{padding: 2.33rem 0 2.86rem;background: #F8FCFF;}
.contProd .item2 .tabs{margin-bottom: 1.33rem;justify-content: flex-start;}
.contProd .item2 .tabs li{margin-right: 1.66rem;border: 1px solid #006AB8;border-radius: 0.93rem;height: 1.8rem;line-height: 1.8rem;color: #006AB8;}
.contProd .item2 .tabs li:last-child{margin-right: 0;}
.contProd .item2 .tabs li a{display: block;padding: 0 1rem;}
.contProd .item2 .container,.contProd .item2 .picScroll{position: relative;overflow: hidden;}
.contProd .item2 .picScroll{margin-top: 1.66rem;}
.contProd .item2 .picScroll .pic{height: 0;padding-bottom: 67%;position: relative;overflow: hidden;}


/* msgWrap */
.msgWrap{padding: 3rem 0;background: url(../images/msgBg.jpg) no-repeat center;background-size: cover;}
.msgWrap .formItem{width: 31.4%;margin-bottom: 1.66rem;}
.msgWrap .formItem.w100p{width: 100%;}
.msgWrap .formItem dt{color: #333333;line-height: 1;margin-bottom: 0.66rem;}
.msgWrap .formItem dt span{color: #D43030;}
.msgWrap .formItem dd{border: 1px solid #DDDDDD;border-radius: 4px;background: #FFFFFF;}
.msgWrap .formItem .text,
.msgWrap .formItem textarea{width: 100%;height: 1.8rem;box-sizing: border-box;padding: 0 1rem;color: #333;line-height: 1.8rem;border: none;background: none;}
.msgWrap .formItem textarea{height: 5.73rem;}
.msgWrap .formItem.codeItem{width: 11.33rem;margin-bottom: 0;}
.msgWrap .formItem.codeItem dd{padding-right: 5rem;position: relative;}
.msgWrap .formItem.codeItem dd .pic{width: 5rem;height: 100%;cursor: pointer;position: absolute;right: 0;top: 0;border-radius: 0 4px 4px 0;}
.msgWrap .btn{width: 5.33rem;height: 1.8rem;border: none;background: #006AB8;border-radius: 1rem;cursor: pointer;text-align: center;line-height: 1.8rem;color: #fff;}
.msgWrap .btn:hover{background: #025693;}


/* caseChannel */
.caseChannel{padding: 3rem 0;background: #FAFAFB;}
.caseChannel dl{margin-bottom: 1.66rem;}
.caseChannel dl:last-child{margin-bottom: 0;}
.caseChannel dl a{background: #FFFFFF;width: 100%;}
.caseChannel dl dt{width: 54.85%;height: 0;padding-bottom: 15rem;position: relative;overflow: hidden;}
.caseChannel dl dd{width: 45.15%;box-sizing: border-box;padding: 1.66rem;}
.caseChannel .title{display: flex;align-items: center;}
.caseChannel .title .icon{flex-shrink: 0;height: 1.6rem;margin-right: 0.8rem;}
.caseChannel .title .r{flex: 1;overflow: hidden;}
.caseChannel .title .ch{color: #373737;line-height: 1;margin-bottom: 0.4rem;}
.caseChannel .title .en{color: #666666;line-height: 1;text-transform: uppercase;font-weight: normal;opacity: 0.78;}
.caseChannel .desc{line-height: 1rem;max-height: 5rem;overflow: hidden;margin: 0.8rem 0 1.66rem;}
.caseChannel .btnStyle2 img{filter: brightness(0) invert(0.5);opacity: 0.6;}
.caseChannel .btnStyle2:hover img{filter: brightness(0) invert(1);opacity: 1;}
.caseChannel dl:nth-child(2n) .wrap{flex-direction: row-reverse;}
.caseChannel a:hover{box-shadow: 0 10px 20px rgba(0,0,0,.1);}
.caseChannel a:hover .title .ch{color: #006AB8;}

/* caseList */
.caseList .desc{margin-bottom: 1.66rem;}
.caseList .list a{display: block;background: #FAFAFB;}
.caseList .list .pic{height: 0;padding-bottom: 63.63%;position: relative;overflow: hidden;}
.caseList .list .text{padding: 0.8rem 1rem 0.7rem;}
.caseList .list .tit{color: #373737;font-weight: normal;margin-bottom: 8px;line-height: 1.1;}
.caseList .list .line{display: flex;line-height: 1.1rem;color: #666666;}
.caseList .list .line .icon{flex-shrink: 0;margin-right: 0.5rem;}
.caseList .list .line p{flex: 1;overflow: hidden;}
.caseList .list a:hover{box-shadow: 0 10px 10px rgba(0,0,0,.1);}
.caseList .list a:hover .tit{color: #006AB8;}

/* newsList */
.newsList{padding-bottom: 0.83rem;}
.newsList li{padding-bottom: 1.2rem;border-bottom: 1px solid #D9D9D9;margin-bottom: 1.2rem;}
.newsList li:last-child{border: none;margin-bottom: 0;}
.newsList .date{flex-shrink: 0;width: 2.66rem;height: 3.06rem;margin-right: 1.2rem;background: #F0F6FB;border-radius: 4px;box-sizing: border-box;padding: 0.6rem 0 0;text-align: center;color: #373737;line-height: 0.8rem;font-family: "DINProReg";}
.newsList .date span,.newsList .date em{display: block;}
.newsList .date span{line-height: 1rem;margin-bottom: 4px;font-family: "DINProMed";}
.newsList .text{flex: 1;overflow: hidden;}
.newsList .tit{color: #333333;line-height: 1.1;margin-bottom: 0.4rem;}
.newsList .desc{color: #666666;line-height: 0.86rem;max-height: 1.72rem;overflow: hidden;}
.newsList a:hover .date{background: #006AB8;color: #fff;}
.newsList a:hover .tit{color: #006AB8;}


/* passage */
.passage .psgTitle{padding-bottom: 1rem;border-bottom: 1px solid #DDDDDD;margin-bottom: 1rem;}
.passage .psgTitle .tit{color: #000000;line-height: 1.1;text-align: center;margin-bottom: 1rem;}
.passage .psgTitle .info{color: #999999;line-height: 1;}
.passage .psgTitle .info span{margin: 0 0.83rem;}
.passage .psgCont{padding-bottom: 2rem;min-height: 300px;color: #666666;line-height: 1.06rem;}
.passage .shareStyle{justify-content: flex-start;}
.passage .shareStyle .item{margin-left: 0.66rem;}
.passage .psgLink{margin-top: 2rem;border-top: 1px solid #DDDDDD;padding-top: 2rem;}
.passage .psgLink .btn{padding: 0;}
.passage .psgLink .btn > div{height: 100%;}
.passage .psgLink .btn img{filter: brightness(0) invert(0.5);opacity: 0.6;margin-right: 0.83rem;}
.passage .psgLink .btn:last-child img{margin-right: 0;margin-left: 0.83rem;}
.passage .psgLink .btn:hover img{filter: brightness(0) invert(1);opacity: 1;}


/* contactUs */
.contactUs{padding: 3rem 0 0;min-height: auto;}
.contactUs .nyTitle{margin-bottom: 1.33rem;}
.contactUs .content{position: relative;padding: 1.73rem 0;}
.contactUs .content .text{width: 18.1rem;box-sizing: border-box;position: relative;z-index: 2;padding: 2rem 1.33rem 1rem;min-height: 13.6rem;background: #FFFFFF;box-shadow: 0 2px 16px rgba(214, 214, 214, 0.5);}
.contactUs .text .tit{color: #006AB8;line-height: 1;padding-bottom: 1.1rem;position: relative;margin-bottom: 2rem;}
.contactUs .text .tit::before{content: "";width: 1.66rem;height: 3px;background: #006AB8;position: absolute;left: 0;bottom: 0;}
.contactUs .text .txt{color: #666666;line-height: 1.2rem;}
.contactUs .text .txt dl{display: flex;margin-bottom: 0.7rem;}
.contactUs .text .txt dl:last-child{margin-bottom: 0;}
.contactUs .text .txt dt{flex-shrink: 0;margin-right: 0.5rem;}
.contactUs .text .txt dd{flex: 1;overflow: hidden;}
.contactUs .map{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.contactUs .map img{height: 17.06rem;}


@media screen and (max-width: 1480px){
.aboutWrap .item1 .dataList li .icon{height: 2rem;}
.aboutWrap .tabScroll{padding: 0 2.1rem;}
.aboutWrap .tabScroll .container{padding: 0 60px;}
.aboutWrap .tabScroll .swiper-slide::before{width: 60px;}
.aboutWrap .item2 .btm li .wrap{line-height: 1.4;}
.aboutWrap .item2 .btm li .wrap h5{margin-bottom: 0.5rem;}
.listStyle li{margin-bottom: 1rem;}
.jobList .dt{line-height: 2.2rem;}
}

@media screen and (max-width: 1280px){
.aboutWrap .item2 .top .logo{margin-right: 2.4rem;width: 8rem;}
.caseList .list .text{padding: 0.7rem;}
.caseList .desc{margin-bottom: 1rem;}

.contactUs .content .text{min-height: 11rem;padding: 1.5rem 1.33rem 1rem;}
.contactUs .text .tit{margin-bottom: 1rem;}
.contactUs .map{height: 100%;}
.contactUs .map img{height: 100%;}


}


@media screen and (max-width: 1024px){
.nyBanner{height: 12rem;}
.bread{padding: 0.5rem 0;line-height: 1;}
.bread ul{display: none;}
.nyTitle{margin-bottom: 1rem;}
.aboutWrap .item1,.aboutWrap .item2,.aboutWrap .item3,
.nyWrap{padding: 1.5rem 0;}
.aboutWrap .item1 .top{display: block;}
.aboutWrap .item1 .top .pic,
.aboutWrap .item1 .top .text{width: 100%;}
.aboutWrap .item1 .top .text{padding-top: 0.5rem;}
.aboutWrap .item1 .dataList li{padding-top: 1.5rem;}
.aboutWrap .item2 .btm li{width: 25%;margin-left: -7%;}
.aboutWrap .item2 .btm li p{font-size: 12px;}
.aboutWrap .tabScroll .swiper-slide::before{width: 40px;}
.aboutWrap .tabScroll .container{padding: 0 30px;}

.prodSide{display: none;}
.prodList{width: 100%;}

.contProd .item1,.contProd .item2,.msgWrap,.caseChannel{display: block;padding: 1.5rem 0;}
.contProd .item1 .left,.contProd .item1 .right{width: 100%;}
.contProd .item1 .left{padding-bottom: 1rem;max-height: none;}
.contProd .item1 .left .desc{margin: 0.5rem 0 1rem;}
.contProd .item2 .tabs{margin-bottom: 1rem;}
.contProd .item2 .tabs li{margin-right: 0.5rem;height: 1.5rem;line-height: 1.5rem;}
.contProd .item2 .tabs li a{padding: 0 0.9rem;}
.contProd .item2 .picScroll{margin-top: 0.8rem;}
.msgWrap .formItem{margin-bottom: 0.8rem;}
.caseChannel dl dt{padding-bottom: 13rem;}
.caseChannel dl dd{padding: 1rem;}

.contactUs{padding-bottom: 0;}
.contactUs .content{padding: 0;}
.contactUs .content .text{width: 100%;min-height: auto;padding: 1.5rem 1rem;}
.contactUs .text .txt dl{margin-bottom: 0.4rem;}
.contactUs .text .tit{padding-bottom: 0.8rem;margin-bottom: 0.8rem;}
.contactUs .map{position: relative;top: 0;transform: translateY(-50%);}
.contactUs .map img{height: auto;width: 100%;}

}

@media screen and (max-width: 760px){
.aboutWrap .item1 .top .pic{padding-bottom: 58.57%;}
.aboutWrap .item2 .top{display: block;padding-bottom: 1rem;}
.aboutWrap .item2 .top .logo{display: block;margin: 0 auto 1rem;}
.aboutWrap .item2 .top .tit{text-align: center;}
.aboutWrap .item2 .btm li{width: 33.33%;margin: 0 0 10px;}
.aboutWrap .tabScroll .swiper-slide::before{width: 30px;}
.aboutWrap .tabScroll .container{padding: 0 20px;}
.aboutWrap .tabScroll{margin: 0.4rem 0 1rem;}
.aboutWrap .contScroll{padding: 1rem;}
.aboutWrap .contScroll .tit{margin-bottom: 0.4rem;}
.listStyle li{width: 49%;margin: 0 0 2%;}
.listStyle li:nth-child(2n){float: right;}
.honorList .tit,.picList .tit{line-height: 1.5rem;}
.page a{display: none;}
.page a.btn,.page a.on{display: block;}

.jobList{padding-bottom: 1rem;}
.jobList .item2,.jobList .item3,.jobList .item4{display: none;}
.jobList .item1{width: 75%;}
.jobList .item5{width: 25%;}
.jobList .hd{line-height: 2rem;}
.jobList .dt{line-height: 1.8rem;}
.jobList .dd .wrap{padding: 0.6rem;}
.jobList .dd .wap{display: block;}
.jobList .dd .cont{margin-bottom: 1rem;}
.jobList .dd .btnStyle1{margin-top: 0.8rem;height: 1.6rem;width: 5.8rem;font-size: 0.6rem;}
.jobList .dd .tit{font-size: 0.6rem;}

.prodList li{display: block;padding-bottom: 1rem;margin-bottom: 1rem;}
.prodList .pic,.prodList .right{width: 100%;}
.prodList .right{margin-top: 0.5rem;}
.prodList .right .desc{margin: 0.5rem 0 1rem;}

.btnStyle2{width: 4rem;height: 1.4rem;padding: 0 0.5rem;margin-left: 0.5rem;}
.btnStyle2 img{transform-origin:left center;transform: scale(0.8);}

.msgWrap .line{flex-wrap: wrap;}
.msgWrap .formItem{width: 100%;}
.msgWrap .formItem dt{margin-bottom: 0.4rem;}
.msgWrap .formItem .text, .msgWrap .formItem textarea{padding: 0 0.5rem;line-height: 1.4rem;}
.msgWrap .formItem .text{height: 1.4rem;}
.msgWrap .formItem textarea{height: 4rem;}
.msgWrap .codeLine{flex-wrap: nowrap;}
.msgWrap .btn{flex-shrink: 0;height: 1.4rem;line-height: 1.4rem;margin-left: 10px;}
.msgWrap .codeLine .formItem{flex: 1;}
.msgWrap .formItem.codeItem dd{padding-right: 3rem;}
.msgWrap .formItem.codeItem dd .pic{width: 3rem;}

.caseChannel dl{margin-bottom: 1rem;}
.caseChannel dl a{flex-wrap: wrap;flex-direction: row-reverse;}
.caseChannel dl dd,.caseChannel dl dt{width: 100%;}
.caseChannel .btnStyle2{width: 5rem;}
.caseChannel .desc{margin: 0.5rem 0 1rem;}

.newsList li{padding-bottom: 0.8rem;margin-bottom: 0.8rem;}
.newsList .date{margin-right: 0.8rem;}


.passage .psgTitle{padding-bottom: 0.8rem;margin-bottom: 0.8rem;}
.passage .psgTitle .tit{margin-bottom: 0.5rem;}
.passage .psgTitle .info span{margin: 0 5px;}
.passage .psgCont{padding-bottom: 0;}
.passage .shareStyle{display: none;}
.passage .psgLink{padding-top: 1rem;margin-top: 1rem;}
.passage .psgLink .btn{font-size: 13px;}
.passage .psgLink .btn img{margin-right: 5px;}
.passage .psgLink .btn:last-child img{margin-left: 5px;}


}

@media screen and (max-width: 468px){
.nyBanner{height: 9rem;}
.nyBanner .en{margin-top: 0.3rem;}
.aboutWrap .item1 .dataList li{width: 100%;}
.aboutWrap .item2 .btm li{width: 50%;}
.aboutWrap .item1 .dataList li{padding-top: 1rem;}
.aboutWrap .item1 .dataList li .data span{font-size: 1.2rem;}
.aboutWrap .item1 .dataList li .icon{height: 1.6rem;}

.prodList .pic a{padding-bottom: 68%;}
.prodList .right .desc{line-height: 0.9rem;max-height: 3.6rem;margin: 0.5rem 0 0.6rem;}

.contProd .item1 .left{padding-bottom: 0.5rem;}
.contProd .item1 .left .desc{margin: 0.5rem 0;}
.contProd .contScroll .pic{padding-bottom: 60%;}
.contProd .tabScroll{height: 7rem;padding: 1rem 0;}
.contProd .tabScroll .btn{width: 0.8rem;height: 0.8rem;}
.contProd .tabScroll .btn img{height: 0.5rem;}
.contProd .item2 .tabs{justify-content: space-between;margin-bottom: 0.5rem;}
.contProd .item2 .tabs li{width: 30%;text-align: center;}
.contProd .item2 .tabs li a{padding: 0;display: block;font-size: 0.7rem;}


.caseChannel dl dt{padding-bottom: 58.59%;}
.caseChannel .title .icon{height: 1.2rem;margin-right: 10px;}
.caseChannel .title .ch{margin-bottom: 3px;}
.caseChannel .desc{line-height: 0.9rem;max-height: 4.5rem;margin-bottom: 0.5rem;}
.caseChannel dl dd{padding: 0.8rem;}

.caseList .list .text{padding: 10px;}
.caseList .list .line{font-size: 13px;}
.caseList .list .line .icon{margin-right: 0;transform-origin:left center;transform: scale(0.8);}

.contactUs .content .text{padding: 0.8rem;}
.contactUs .text .tit{font-size: 0.65rem;padding-bottom: 0.5rem;}
.contactUs .text .txt{font-size: 13px;line-height: 1rem;}

.passage .psgTitle .info span:nth-child(2){display: none;}
}